eli-video-interview 1.4.7 → 1.6.0

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

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
+    color?: "primary" | "secondary" | undefined;
+    classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        sizeSmall?: string | undefined;
+        thumbColorPrimary?: string | undefined;
+        thumbColorSecondary?: string | undefined;
+        thumbSizeSmall?: string | undefined;
+    }) | undefined;
+    size?: "small" | "medium" | 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("fbm-ui/lib/mui").SliderUnstyledClasses> | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Track?: import("react").ElementType<any> | undefined;
+        Rail?: import("react").ElementType<any> | undefined;
+        Thumb?: import("react").ElementType<any> | undefined;
+        Mark?: import("react").ElementType<any> | undefined;
+        MarkLabel?: import("react").ElementType<any> | undefined;
+        ValueLabel?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        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;
+    disableSwap?: boolean | undefined;
+    getAriaLabel?: ((index: number) => string) | undefined;
+    getAriaValueText?: ((value: number, index: number) => string) | undefined;
+    isRtl?: boolean | undefined;
+    marks?: boolean | import("fbm-ui/lib/mui").Mark[] | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
+    onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    scale?: ((value: number) => number) | undefined;
+    step?: number | null | undefined;
+    tabIndex?: number | undefined;
+    track?: false | "normal" | "inverted" | undefined;
+    value?: number | number[] | undefined;
+    valueLabelDisplay?: "on" | "off" | "auto" | undefined;
+    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" | "classes" | "color" | "scale" | "track" | "sx" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "disabled" | "step" | "size" | "value" | "max" | "min" | "orientation" | "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("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("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("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("fbm-ui/lib/mui").Theme>, {}, {}>;
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -0,0 +1,93 @@
+import { Box, styled } from 'fbm-ui';
+import { Slider } from 'fbm-ui/lib/mui';
+export var StyledSlider = styled(Slider)(function () { return ({
+    color: '#03BA4C',
+    height: 8,
+    '& .MuiSlider-rail': {
+        backgroundColor: '#ECEFF1',
+    },
+    '& .MuiSlider-track': {
+        border: 'none',
+        backgroundColor: '#03BA4C',
+    },
+    '& .MuiSlider-thumb': {
+        height: 24,
+        width: 24,
+        backgroundColor: '#fff',
+        border: '2px solid currentColor',
+        zIndex: 2,
+        '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
+            boxShadow: 'inherit',
+        },
+        '&:before': {
+            display: 'none',
+        },
+    },
+    '& .MuiSlider-valueLabel': {
+        lineHeight: 1.2,
+        fontSize: 12,
+        background: 'unset',
+        padding: 0,
+        width: 34,
+        height: 34,
+        borderRadius: '50% 50% 50% 0',
+        backgroundColor: '#03BA4C',
+        transformOrigin: 'bottom left',
+        transform: 'translate(50%, -100%) rotate(-45deg) scale(0)',
+        '&:before': { display: 'none' },
+        '&.MuiSlider-valueLabelOpen': {
+            transform: 'translate(50%, -100%) rotate(-45deg) scale(1)',
+        },
+        '& > *': {
+            transform: 'rotate(45deg)',
+        },
+    },
+}); });
+export var ScoreSliderRoot = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+});
+export var QuestionDesc = styled(Box)({
+    minHeight: 34,
+    padding: 8,
+    background: '#F9FAF9',
+    position: 'relative',
+    borderRadius: 2,
+    marginTop: 16,
+    '& >.MuiSvgIcon-root': {
+        position: 'absolute',
+        left: 10,
+        top: -7,
+        color: 'rgb(230, 230, 230)',
+    },
+});
+export var AiScoreRoot = styled(Box)({
+    width: 24,
+    height: 24,
+    boxShadow: '0px 9px 28px rgba(0,0,0, 0.05), 0px 6px 16px rgba(0,0,0, 0.08), 0px 3px 6px rgba(0,0,0, 0.12)',
+    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    position: 'absolute',
+    zIndex: 2,
+    top: 0,
+    bottom: 0,
+    borderRadius: '50%',
+    margin: 'auto 0',
+});
+export var RankingRoot = styled(Box)({
+    height: 8,
+    border: '1px solid rgb(200, 230, 201)',
+    position: 'absolute',
+    boxSizing: 'border-box',
+    top: 13,
+    zIndex: 1,
+    '&:hover': {
+        border: '1px solid #fff',
+        boxShadow: '0px 0px 4px 0px rgba(0 0 0 / 50%)',
+    },
+});
+export var Image = styled('img')({
+    width: 48,
+    height: 84,
+    borderRadius: 4,
+    objectFit: 'contain',
+});

package/esm/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.d.ts

@@ -0,0 +1,4 @@
+import { ScoreSliderProps } from './interface';
+import { FC } from 'react';
+declare const ScoreSlider: FC<ScoreSliderProps>;
+export default ScoreSlider;

package/esm/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScoreSliderRoot, WorkplaceStyledSlider } from './styled';
+import { Box, Typography } from 'fbm-ui';
+var ScoreColorMap = {
+    1: '#4CAF50',
+    2: '#000000',
+    3: '#FF6C6C',
+};
+var ScoreSlider = function (props) {
+    var _a = props.width, width = _a === void 0 ? 320 : _a, score = props.score, _b = props.valueLabelDisplay, valueLabelDisplay = _b === void 0 ? 'off' : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? false : _c, _d = props.scoreText, scoreText = _d === void 0 ? '' : _d, _e = props.scoreLevel, scoreLevel = _e === void 0 ? 2 : _e;
+    return (_jsxs(ScoreSliderRoot, __assign({ width: width }, { children: [_jsxs(Box, __assign({ width: width, display: "flex", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ flexShrink: 0, variant: "body2", fontWeight: "medium" }, { children: "\u5019\u9009\u4EBA\u8868\u73B0" })), isShowLabel && (_jsxs(Box, __assign({ display: "flex" }, { children: [_jsxs(Typography, __assign({ color: ScoreColorMap[scoreLevel], variant: "body2", fontWeight: "medium" }, { children: [score, "\u5206"] })), _jsx(Typography, __assign({ color: ScoreColorMap[scoreLevel], variant: "body2", fontWeight: "medium", ml: 1 }, { children: scoreText }))] })))] })), _jsx(WorkplaceStyledSlider, { valueLabelDisplay: valueLabelDisplay, value: score })] })));
+};
+export default ScoreSlider;

package/esm/modules/ai-report-v3/components/WorkPlaces/WorkPlace.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare type Mode = 'edit' | 'show';
+interface WorkplaceProps {
+    token: string;
+    answer: string;
+    bgcolor?: string;
+    mode?: Mode;
+    canEdit?: boolean;
+    thirdOrderID: string;
+}
+declare const Evaluate: React.FC<WorkplaceProps>;
+export default Evaluate;

package/esm/modules/ai-report-v3/components/WorkPlaces/WorkPlace.js

@@ -0,0 +1,72 @@
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostAiInterviewWorkplace } from "../../../../services/ai-report";
+import { Button, confirm, EditIcon, FormItem, IconButton, Typography } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useState } from 'react';
+var Evaluate = function (_a) {
+    var answer = _a.answer, token = _a.token, thirdOrderID = _a.thirdOrderID, bgcolor = _a.bgcolor, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'true' : _c;
+    var _d = __read(useState(answer), 2), content = _d[0], setContent = _d[1];
+    var _e = __read(useState('show'), 2), internalMode = _e[0], setInternalMode = _e[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var handleSubmit = useCallback(function () {
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    token: token,
+                    thirdOrderID: thirdOrderID,
+                    answer: content,
+                };
+                PostAiInterviewWorkplace(data).then(handleModeChange).then(onClose).catch(console.log);
+            },
+        });
+    }, [token, content, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "flex-end" }, { children: canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) }))) })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                                    handleModeChange();
+                                    setContent(answer);
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { padding: 8, borderRadius: 4, overflow: 'hidden', background: bgcolor } }, { children: _jsx(Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+};
+export default Evaluate;

package/esm/modules/ai-report-v3/components/WorkPlaces/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Index: () => JSX.Element | null;
+export default Index;

package/esm/modules/ai-report-v3/components/WorkPlaces/index.js

@@ -0,0 +1,70 @@
+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 ScoreSlider from './ScoreSlider';
+import WorkPlace from './WorkPlace';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import AiHeaderTitle from "../../../../components/AiHeaderTitleV2";
+import { blue, orange, purple } from '@mui/material/colors';
+import { Chip, InfoOutlineIcon, styled, Tooltip, Typography } from 'fbm-ui';
+import { Box, Collapse, Stack } from 'fbm-ui/lib/mui';
+var TagTitle = styled(Box)(function (bgcolor) { return ({
+    boxSizing: 'border-box',
+    position: 'relative',
+    padding: '0 16px',
+    minWidth: 100,
+    height: 32,
+    flexGrow: 1,
+    display: 'inline-block',
+    textAlign: 'center',
+    backgroundColor: bgcolor[200],
+    '&:before': {
+        position: 'absolute',
+        content: '""',
+        right: '-16px',
+        top: 0,
+        width: 0,
+        height: 0,
+        borderStyle: 'solid',
+        borderColor: 'transparent',
+        borderTop: 'solid #fff',
+        borderWidth: '16px',
+    },
+    '&:after': {
+        position: 'absolute',
+        content: '""',
+        right: '-16px',
+        top: 0,
+        width: 0,
+        height: 0,
+        borderStyle: 'solid',
+        borderColor: 'transparent',
+        borderBottom: 'solid #fff',
+        borderWidth: '16px',
+    },
+}); });
+var ColorIndexMap = {
+    0: blue,
+    1: orange,
+    2: purple,
+};
+var Index = function () {
+    var _a;
+    var _b = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
+    var _c = (reportResult || {}).orderToken, orderToken = _c === void 0 ? '' : _c;
+    if (!showAiDimension)
+        return null;
+    return (_jsxs(Box, __assign({ id: "report-workplace", px: 2, mt: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u804C\u573A\u80FD\u529B\u8868\u73B0" }) })), _jsx(Collapse, __assign({ in: true }, { children: (_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaces) === null || _a === void 0 ? void 0 : _a.map(function (v, idx) {
+                    return (_jsxs(Box, __assign({ mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", mb: 2, mt: 1, justifyContent: "space-between", alignItems: "center" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", maxWidth: "calc(100% - 90px)" }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: v.dimensionName })) })), v.dimensionType === 3 && _jsx(Chip, { color: 'primary', label: '自定义', size: "small", sx: { ml: 1 } })] })), _jsx(Tooltip, __assign({ title: _jsxs("span", { children: ["\u9AD8\u5206\u8868\u73B0\uFF1A", v.abilityExpression.good, _jsx("br", {}), "\u4F4E\u5206\u8868\u73B0\uFF1A", v.abilityExpression.bad] }) }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body2", style: { lineHeight: '32px' }, mr: 1 }, { children: "\u4F18\u6B21\u8868\u73B0" })), _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } })] })) }))] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", ml: 2, style: { background: '#F5F5F5', borderRadius: 4, padding: 8 } }, { children: v.define })), _jsxs(Stack, __assign({ pl: 2 }, { children: [_jsx(Box, __assign({ mt: 2 }, { children: _jsx(ScoreSlider, { width: "100%", isShowLabel: true, score: v.score, scoreText: v.scoreText, scoreLevel: v.scoreLevel }) })), _jsx(Stack, __assign({ spacing: 2 }, { children: _jsx(WorkPlace, { thirdOrderID: orderToken, token: v.token, canEdit: canEditAiDimension, answer: v.answer, mode: "show", bgcolor: ColorIndexMap[idx % 3][50] }) }))] }))] }), v.token));
+                }) }))] })));
+};
+export default Index;

package/esm/modules/ai-report-v3/components/WorkPlaces/interface.d.ts

@@ -0,0 +1,7 @@
+import { WorkPlaceScoreInfo } from '../../interface';
+export interface ScoreSliderProps extends Pick<WorkPlaceScoreInfo, 'score' | 'scoreText' | 'scoreLevel'> {
+    width?: any;
+    valueLabelDisplay?: 'on' | 'off' | 'auto';
+    isShowLabel?: boolean;
+    onChangeCommitted?: (score: number) => void;
+}

package/esm/modules/ai-report-v3/components/WorkPlaces/interface.js

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

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

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+export declare const WorkplaceStyledSlider: import("@emotion/styled").StyledComponent<{
+    color?: "primary" | "secondary" | undefined;
+    classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        sizeSmall?: string | undefined;
+        thumbColorPrimary?: string | undefined;
+        thumbColorSecondary?: string | undefined;
+        thumbSizeSmall?: string | undefined;
+    }) | undefined;
+    size?: "small" | "medium" | 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("fbm-ui/lib/mui").SliderUnstyledClasses> | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Track?: import("react").ElementType<any> | undefined;
+        Rail?: import("react").ElementType<any> | undefined;
+        Thumb?: import("react").ElementType<any> | undefined;
+        Mark?: import("react").ElementType<any> | undefined;
+        MarkLabel?: import("react").ElementType<any> | undefined;
+        ValueLabel?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        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;
+    disableSwap?: boolean | undefined;
+    getAriaLabel?: ((index: number) => string) | undefined;
+    getAriaValueText?: ((value: number, index: number) => string) | undefined;
+    isRtl?: boolean | undefined;
+    marks?: boolean | import("fbm-ui/lib/mui").Mark[] | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
+    onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    scale?: ((value: number) => number) | undefined;
+    step?: number | null | undefined;
+    tabIndex?: number | undefined;
+    track?: false | "normal" | "inverted" | undefined;
+    value?: number | number[] | undefined;
+    valueLabelDisplay?: "on" | "off" | "auto" | undefined;
+    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" | "classes" | "color" | "scale" | "track" | "sx" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "disabled" | "step" | "size" | "value" | "max" | "min" | "orientation" | "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("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/modules/ai-report-v3/components/WorkPlaces/styled.js

@@ -0,0 +1,27 @@
+import { Box, styled } from 'fbm-ui';
+import { Slider } from 'fbm-ui/lib/mui';
+export var WorkplaceStyledSlider = styled(Slider)(function () { return ({
+    color: 'transparent',
+    height: 8,
+    '& .MuiSlider-rail': {
+        // backgroundColor: '#ECEFF1',
+        opacity: 1,
+        background: 'linear-gradient(90deg, RGB(229, 115, 115), RGB(255, 183, 77) 50%, RGB(0, 217, 157))',
+    },
+    '& .MuiSlider-track': {
+        border: 'none',
+        background: 'transparent',
+    },
+    '& .MuiSlider-thumb': {
+        height: 16,
+        width: 16,
+        backgroundColor: '#fff',
+        zIndex: 2,
+        boxShadow: '0 4px 8px RGBA(0, 0, 0, 0.16)',
+    },
+}); });
+export var ScoreSliderRoot = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column',
+});

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export declare const ReportHeader: 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 ReportBadge: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface ReportLabelProps {
+    level?: 'low' | 'middle' | 'high' | 'calculation';
+}
+export declare const ReportLabel: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ReportLabelProps, {}, {}>;
+interface ReportAvatarProps {
+    avatar?: string;
+}
+export declare const ReportAvatar: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ReportAvatarProps, {}, {}>;
+export declare const DinTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface ReportTagProps {
+    children: React.ReactNode;
+}
+export declare const ReportTag: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ReportTagProps, {}, {}>;
+export declare const ReportEvaluate: 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 Podium: 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 Video: import("@emotion/styled").StyledComponent<import("../../ai-report/components/VideoQuestion/Video").VideoProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ExportButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const BeatProgressBar: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

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

@@ -0,0 +1,140 @@
+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 VideoPlayer from '../../ai-report/components/VideoQuestion/Video';
+import { Box, styled, Typography } from 'fbm-ui';
+export var ReportHeader = styled(Box)({
+    height: '595px',
+    background: 'url(//webcdn.fbmms.cn/assets/cJym/xhSsGU9JnduulyEKhfy4c) no-repeat',
+    backgroundSize: 'cover',
+});
+export var ReportBadge = styled(Box)({
+    position: 'absolute',
+    right: 0,
+    height: 189,
+    width: 189,
+    background: 'url(//webcdn.fbmms.cn/assets/2kl2/JKujuvm1grXCLkAfr3jAQ) no-repeat center center',
+    backgroundSize: 'cover',
+    zIndex: 1,
+});
+var LabelImage = {
+    low: '//webcdn.fbmms.cn/assets/ieud/S3Zpk0MrG7xS7GNhhPR91',
+    middle: '//webcdn.fbmms.cn/assets/QSes/sdMFEHcqx5fYijnEU2d-q',
+    high: '//webcdn.fbmms.cn/assets/sXb7/jADl-WOO_6B27l56HKlBM',
+    calculation: '//webcdn.fbmms.cn/assets/9bjO/UaJ2R4JousNJezEJdY00s',
+};
+export var ReportLabel = styled(Box)(function (_a) {
+    var _b = _a.level, level = _b === void 0 ? 'low' : _b;
+    return ({
+        position: 'absolute',
+        right: 44,
+        top: 98,
+        height: 265,
+        width: 353,
+        background: "url(".concat(LabelImage[level], ") no-repeat center center"),
+        backgroundSize: 'cover',
+    });
+});
+export var ReportAvatar = styled(Box)(function (_a) {
+    var _b = _a.avatar, avatar = _b === void 0 ? '' : _b;
+    return ({
+        width: 137,
+        height: 192,
+        background: "url(".concat(avatar ? avatar : '//webcdn.fbmms.cn/assets/g1_W/Mv__5ai_DWtmh8tO6I5P_', ") no-repeat center center"),
+        backgroundSize: 'cover',
+        borderRadius: 8,
+    });
+});
+export var DinTypography = styled(Typography)({
+    fontFamily: 'MiSans TC',
+    fontWeight: 500,
+});
+var ReportTagStyles = [
+    {
+        color: '#009908',
+        background: 'linear-gradient( 180deg, #FFFFFF 0%, #BFFFDF 100%)',
+    },
+    {
+        color: '#FE9D0D;',
+        background: 'linear-gradient( 180deg, #FFFFFF 0%, #FFE2B6 100%)',
+    },
+    {
+        color: '#629CFF',
+        background: 'linear-gradient( 180deg, #FFFFFF 0%, #BFEBFF 100%)',
+    },
+];
+function hashString(str) {
+    var hash = 0;
+    for (var i = 0; i < str.length; i++) {
+        hash = (hash << 5) - hash + str.charCodeAt(i);
+        hash = hash & hash; // Convert to 32bit integer
+    }
+    return Math.abs(hash);
+}
+export var ReportTag = styled(DinTypography)(function (_a) {
+    var children = _a.children;
+    var hash = children ? Math.abs(hashString(children.toString())) % 3 : 0;
+    return __assign(__assign({ flex: '0 1 auto', padding: '2px 8px', fontSize: '12px', lineHeight: '16px', borderRadius: '177px 177px 177px 177px', border: '1px solid #FFFFFF' }, ReportTagStyles[hash]), { mb: 8 });
+});
+export var ReportEvaluate = styled(Box)({
+    // margin: 24,
+    mt: 24,
+    background: '#FFFBE8',
+    boxShadow: ' 0px 2px 6px 0px rgba(91,108,95,0.15)',
+    padding: '8px 24px',
+    borderRadius: 12,
+    '&:before': {
+        content: '"综合评价"',
+        width: 64,
+        display: 'block',
+        borderBottom: '5px solid rgba(255, 179, 0, 1)',
+    },
+});
+export var Podium = styled(Box)({
+    position: 'relative',
+    width: 541,
+    height: 342,
+    background: "url(//webcdn.fbmms.cn/assets/rure/4ZUY5jv9lZpqhkmRqGUgO) no-repeat center center",
+    backgroundSize: 'cover',
+    color: '#119E45',
+});
+export var Video = styled(VideoPlayer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: 166,
+        height: 296,
+        borderRadius: 8,
+        boxShadow: theme.shadows[6],
+    });
+});
+export var ExportButton = styled('a')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: 166,
+        height: 296,
+        borderRadius: 8,
+        boxShadow: theme.shadows[6],
+    });
+});
+export var BeatProgressBar = styled(Box)({
+    width: 169,
+    height: 16,
+    backgroundColor: 'rgba(255, 213, 0, 0.15)',
+    borderRadius: 10,
+    overflow: 'hidden',
+    border: ' 2px solid #FFFFFF',
+    '& .progress-bar-fill': {
+        height: '100%',
+        background: 'linear-gradient( 90deg, #FFD500 0%, #65FFD4 100%), linear-gradient( 180deg, rgba(255,255,255,0.55) 31%, rgba(255,255,255,0) 98%)',
+        borderRadius: 10,
+        transition: 'width 0.5s ease-in-out',
+    },
+});