eli-video-interview 1.2.29-beta.2 → 1.2.29-beta.3

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

@@ -15,7 +15,7 @@ import WorkPlace from './WorkPlace';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import AiHeaderTitle from "../../../../components/AiHeaderTitle";
 import { blue, orange, purple } from '@mui/material/colors';
-import { InfoOutlineIcon, styled, Tooltip, Typography } from 'fbm-ui';
+import { Chip, InfoOutlineIcon, styled, Tooltip, Typography } from 'fbm-ui';
 import { Box, Collapse, Paper, Stack } from 'fbm-ui/lib/mui';
 var TagTitle = styled(Box)(function (bgcolor) { return ({
     position: 'relative',
@@ -24,7 +24,6 @@ var TagTitle = styled(Box)(function (bgcolor) { return ({
     display: 'inline-block',
     textAlign: 'center',
     backgroundColor: bgcolor[200],
-    margin: '8px 0 16px',
     '&:before': {
         position: 'absolute',
         content: '""',
@@ -61,7 +60,7 @@ var Index = function () {
     if (!showAiDimension)
         return null;
     return (_jsxs(Box, __assign({ id: "report-workplace", component: Paper, variant: "outlined", 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({ component: Paper, variant: "outlined", elevation: 0, mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center" }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff' } }, { children: v.dimensionName })) })), _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, { token: v.token, canEdit: canEditAiDimension, answer: v.answer, mode: "show", bgcolor: ColorIndexMap[idx % 3][50] }) }))] }))] }), v.token));
+                    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", elevation: 0, mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", mb: 2, mt: 1 }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff' } }, { 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, { 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/components/WorkPlaces/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const WorkplaceStyledSlider: import("@emotion/styled").StyledComponent<{
-    color?: "secondary" | "primary" | undefined;
+    color?: "primary" | "secondary" | undefined;
     classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
         colorPrimary?: string | undefined;
         colorSecondary?: string | undefined;
@@ -10,7 +10,7 @@ export declare const WorkplaceStyledSlider: import("@emotion/styled").StyledComp
         thumbSizeSmall?: string | undefined;
     }) | undefined;
     size?: "small" | "medium" | undefined;
-    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
 } & {
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
@@ -56,7 +56,7 @@ export declare const WorkplaceStyledSlider: import("@emotion/styled").StyledComp
     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;
-}, "track" | "name" | "classes" | "color" | "scale" | "sx" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "disabled" | "max" | "min" | "orientation" | "size" | "step" | "value" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+}, "track" | "name" | "classes" | "color" | "scale" | "sx" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "disabled" | "max" | "min" | "orientation" | "size" | "step" | "value" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system/createStyled").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>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

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

@@ -14,6 +14,7 @@ import ReportRoot from './Root';
 import RootProvider from "../../components/RootProvider";
 import { forwardRef, memo } from 'react';
 var AiReport = forwardRef(function (props, ref) {
+    // const { token, showAiDimension = true } = props;
     return (_jsx(RootProvider, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }));
 });
 AiReport.displayName = 'AiReport';

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

@@ -175,3 +175,13 @@ export interface AiReportProps {
 export interface AiReportRef {
     handleRefresh: () => void;
 }
+export interface AnchorItem {
+    type: string;
+    name: string;
+    id: string;
+}
+export interface MenuAnchorProps {
+    list?: AnchorItem[];
+    token: string;
+    showAiDimension: boolean;
+}

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

@@ -2,36 +2,36 @@
 export declare const AddIconRoot: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "action" | "error" | "warning" | "success" | "info" | "secondary" | "primary" | undefined;
+    color?: "inherit" | "disabled" | "action" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").SxProps<import("@mui/material").Theme> | undefined;
     titleAccess?: string | undefined;
     viewBox?: string | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "seed" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "d" | "y" | "name" | "type" | "onLoad" | "fill" | "values" | "className" | "display" | "overflow" | "visibility" | "order" | "color" | "width" | "height" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "offset" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "end" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
 }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "fontSize" | "shapeRendering" | "sx" | "viewBox" | "htmlColor" | "titleAccess"> & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListRow: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListCol: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItem: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItemTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItemSubTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItemBody: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItemOperation: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-template/components/TemplateMenu/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const TemplateMenuList: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/mui").MenuListProps & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+export declare const TemplateMenuList: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/mui").MenuListProps & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
 export declare const TemplateMenuItem: import("@emotion/styled").StyledComponent<{
     autoFocus?: boolean | undefined;
     classes?: Partial<import("fbm-ui/lib/mui").MenuItemClasses> | undefined;
@@ -8,7 +8,7 @@ export declare const TemplateMenuItem: import("@emotion/styled").StyledComponent
     disableGutters?: boolean | undefined;
     divider?: boolean | undefined;
     selected?: boolean | undefined;
-    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
 } & Omit<{
     action?: import("react").Ref<import("fbm-ui/lib/mui").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -21,9 +21,9 @@ export declare const TemplateMenuItem: import("@emotion/styled").StyledComponent
     focusVisibleClassName?: string | undefined;
     LinkComponent?: import("react").ElementType<any> | undefined;
     onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
     tabIndex?: number | undefined;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "disabled" | "autoFocus" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "divider" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "disabled" | "autoFocus" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "selected" | "divider" | "dense" | "disableGutters"> & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/services/ai-ability.d.ts

@@ -1,14 +1,23 @@
 export declare const PostQuestionCollectionList: <R>() => import("axios").AxiosPromise<R>;
-interface UpsertData {
+export declare const PostQuestionCollectionDelete: <R>(token: string) => import("axios").AxiosPromise<R>;
+interface workPlaceItem {
+    name: string;
+    type: number;
+    items: string[];
+}
+interface DiyUpsertData {
     token?: string;
     name: string;
     tag: string;
+    type?: number;
     isWorkplace?: boolean;
+    workPlaceItems?: workPlaceItem[];
     mateData: {
         account?: string;
         enterpriseId?: string;
     };
 }
-export declare const PostQuestionCollectionUpsert: <R>(data: UpsertData) => import("axios").AxiosPromise<R>;
-export declare const PostQuestionCollectionDelete: <R>(token: string) => import("axios").AxiosPromise<R>;
+export declare const PostQuestionCollectionUpsert: <R>(data: DiyUpsertData) => import("axios").AxiosPromise<R>;
+export declare const GetAiDefine: <R>(data: any) => import("axios").AxiosPromise<R>;
+export declare const GetAbilityDetail: <R>(data: any) => import("axios").AxiosPromise<R>;
 export {};

package/esm/services/ai-ability.js

@@ -1,7 +1,10 @@
 import { POST } from "../utils/request";
 // 考察能力列表
 export var PostQuestionCollectionList = function () { return POST({ url: '/standard/b/questionCollection/list' }); };
-// 更新考察能力
-export var PostQuestionCollectionUpsert = function (data) { return POST({ url: 'standard/b/questionCollection/upsert', data: data }); };
 // 删除考察能力
 export var PostQuestionCollectionDelete = function (token) { return POST({ url: 'standard/b/questionCollection/delete', data: { token: token } }); };
+export var PostQuestionCollectionUpsert = function (data) { return POST({ url: '/standard/b/questionCollection/upsert', data: data }); };
+// GPT 生成内容
+export var GetAiDefine = function (data) { return POST({ url: '/standard/b/questionCollection/intelligenceQuery', data: data }); };
+// 获取考察能力详情
+export var GetAbilityDetail = function (data) { return POST({ url: '/standard/b/questionCollection', data: data }); };

package/lib/components/BigBallSvg/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
-export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;
+export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;

package/lib/components/ScoreBigBall/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ScoreBigBallRoot: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/components/ScrollDialogContent/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const ScrollDialogContent: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export default ScrollDialogContent;

package/lib/components/VideoPreview/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const VideoPreviewRoot: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const PageTurningRoot: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const FaceAnalysisRoot: 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/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
-export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

package/lib/index.js

@@ -3,13 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbility = exports.AiTemplate = exports.MenuAnchor = exports.AiReport = exports.AiQuestion = void 0;
+exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbility = exports.AiTemplate = exports.AiReport = exports.AiQuestion = void 0;
 var ai_question_1 = require("./modules/ai-question");
 Object.defineProperty(exports, "AiQuestion", { enumerable: true, get: function () { return __importDefault(ai_question_1).default; } });
 var ai_report_1 = require("./modules/ai-report");
 Object.defineProperty(exports, "AiReport", { enumerable: true, get: function () { return __importDefault(ai_report_1).default; } });
-var MenuAnchor_1 = require("./modules/ai-report/components/MenuAnchor/MenuAnchor");
-Object.defineProperty(exports, "MenuAnchor", { enumerable: true, get: function () { return __importDefault(MenuAnchor_1).default; } });
 var ai_template_1 = require("./modules/ai-template");
 Object.defineProperty(exports, "AiTemplate", { enumerable: true, get: function () { return __importDefault(ai_template_1).default; } });
 var ai_ability_1 = require("./modules/ai-ability");

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

@@ -51,16 +51,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var ahooks_1 = require("ahooks");
-var dayjs_1 = __importDefault(require("dayjs"));
-var ai_ability_1 = require("../../services/ai-ability");
+var AddAbility_1 = __importDefault(require("./components/AddAbility"));
 var UpdateAbility_1 = __importDefault(require("./components/UpdateAbility"));
 var styled_1 = require("./styled");
+var ai_ability_1 = require("../../services/ai-ability");
+var ahooks_1 = require("ahooks");
+var dayjs_1 = __importDefault(require("dayjs"));
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var AiAbilityRoot = function () {
-    var _a = (0, ahooks_1.useSetState)({ open: false, name: '', token: '' }), state = _a[0], setState = _a[1];
-    var _b = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionList), data = _b.data, getList = _b.run, listLoading = _b.loading;
+    var _a = (0, ahooks_1.useSetState)({
+        name: '',
+        token: '',
+        type: 3,
+        isWorkplace: false,
+    }), state = _a[0], setState = _a[1];
+    var _b = (0, react_1.useState)(false), AddAbilityOpen = _b[0], setAddAbilityOpen = _b[1];
+    var _c = (0, react_1.useState)(false), UpdateAbilityOpen = _c[0], setUpdateAbilityOpen = _c[1];
+    var _d = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionList), data = _d.data, getList = _d.run, listLoading = _d.loading;
     var deleteList = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionDelete, {
         manual: true,
         onSuccess: function () {
@@ -69,12 +77,14 @@ var AiAbilityRoot = function () {
         },
     }).run;
     var handleAdd = (0, react_1.useCallback)(function () {
-        setState({ open: true });
-    }, [setState]);
+        setState({ name: '', token: '' });
+        setAddAbilityOpen(true);
+    }, [setState, setAddAbilityOpen]);
     var handleEdit = (0, react_1.useCallback)(function (_a) {
-        var name = _a.name, token = _a.token;
-        setState({ open: true, name: name, token: token });
-    }, [setState]);
+        var name = _a.name, token = _a.token, type = _a.type, isWorkplace = _a.isWorkplace;
+        setState({ name: name, token: token, type: type, isWorkplace: isWorkplace });
+        setUpdateAbilityOpen(true);
+    }, [setState, setUpdateAbilityOpen]);
     var handleDelete = (0, react_1.useCallback)(function (_a) {
         var token = _a.token, used = _a.used, tag = _a.tag;
         if (used) {
@@ -83,7 +93,7 @@ var AiAbilityRoot = function () {
         else {
             (0, fbm_ui_1.confirm)({
                 title: '确认删除？',
-                content: "\u786E\u8BA4\u5C06".concat(tag, "\u4ECE\u7CFB\u7EDF\u4E2D\u5220\u9664\u5417\uFF1F\u8BE5\u5220\u9664\u52A8\u4F5C\u65E0\u6CD5\u88AB\u64A4\u9500\u3002"),
+                content: "\u786E\u8BA4\u5C06\u201C".concat(tag, "\u201D\u4ECE\u7CFB\u7EDF\u4E2D\u5220\u9664\u5417\uFF1F\u8BE5\u5220\u9664\u52A8\u4F5C\u65E0\u6CD5\u88AB\u64A4\u9500\u3002"),
                 okText: '删除',
                 okProps: {
                     color: 'error',
@@ -103,8 +113,10 @@ var AiAbilityRoot = function () {
         }
     }, [deleteList]);
     var handleClose = (0, react_1.useCallback)(function () {
-        setState({ open: false, name: '', token: '' });
-    }, [setState]);
+        setState({ name: '' });
+        setAddAbilityOpen(false);
+        setUpdateAbilityOpen(false);
+    }, [setState, setAddAbilityOpen, setUpdateAbilityOpen]);
     var columns = [
         {
             id: 'name',
@@ -131,10 +143,10 @@ var AiAbilityRoot = function () {
             label: '操作',
             render: function (_a) {
                 var row = _a.row;
-                return row.type === 1 ? null : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}), onClick: function () { return handleEdit(row); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}), onClick: function () { return handleDelete(row); } })] }));
+                return row.type === 1 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u80FD\u529B\u8BE6\u60C5" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.DocumentIcon, {}), onClick: function () { return handleEdit(row); } }) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u80FD\u529B\u8BE6\u60C5" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.DocumentIcon, {}), onClick: function () { return handleEdit(row); } }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}), onClick: function () { return handleDelete(row); } })] }));
             },
         },
     ];
-    return ((0, jsx_runtime_1.jsxs)(styled_1.AbilityRoot, { children: [(0, jsx_runtime_1.jsx)(UpdateAbility_1.default, __assign({}, state, { 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", 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: [(0, jsx_runtime_1.jsx)(AddAbility_1.default, __assign({}, state, { open: AddAbilityOpen, onClose: handleClose, onSuccess: getList })), (0, jsx_runtime_1.jsx)(UpdateAbility_1.default, __assign({}, state, { open: UpdateAbilityOpen, 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", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
 };
 exports.default = AiAbilityRoot;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AbilityFormItemProps {
+    token?: string;
+    title: string;
+    name: string;
+    type: number;
+    answer?: string;
+    mode: string;
+    canReplace?: boolean;
+    onChange?: (v: any) => void;
+}
+declare const AbilityFormItem: React.FC<AbilityFormItemProps>;
+export default AbilityFormItem;

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

@@ -0,0 +1,128 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_ability_1 = require("../../../../services/ai-ability");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var AbilityFormItem = function (_a) {
+    var token = _a.token, title = _a.title, name = _a.name, type = _a.type, _b = _a.answer, answer = _b === void 0 ? '' : _b, _c = _a.mode, mode = _c === void 0 ? 'show' : _c, _d = _a.canReplace, canReplace = _d === void 0 ? false : _d, onChange = _a.onChange;
+    var _e = (0, react_1.useState)(answer), content = _e[0], setContent = _e[1];
+    var _f = (0, react_1.useState)(mode), internalMode = _f[0], setMode = _f[1];
+    var _g = (0, ahooks_1.useRequest)(ai_ability_1.GetAiDefine, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var _b = data.list, list = _b === void 0 ? [] : _b;
+            var defineRes = list[0].items[0];
+            setContent(defineRes);
+        },
+        onError: function (err) {
+            console.log(err);
+        },
+    }), PostAiDefine = _g.run, loading = _g.loading;
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleReplace = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            PostAiDefine({
+                queryType: type,
+                collectionName: name,
+            });
+            return [2 /*return*/];
+        });
+    }); }, [type, name, PostAiDefine]);
+    var nameTextField = (0, fbm_ui_1.useTextField)({
+        value: content,
+        name: type,
+        required: true,
+        disabled: loading,
+        rules: [
+            {
+                required: true,
+                message: "\u8BF7\u8F93\u5165".concat(title),
+            },
+        ],
+        onChange: handleChange,
+        max: 100,
+        rows: 3,
+        multiline: true,
+        sx: {
+            marginBottom: '32px',
+        },
+    });
+    (0, react_1.useEffect)(function () {
+        setMode(mode);
+    }, [mode]);
+    (0, react_1.useEffect)(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            name: title,
+            type: type,
+            items: content ? [content] : [],
+        });
+        // nameTextField.handleValidate();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [content, title, type]);
+    (0, react_1.useEffect)(function () {
+        // don't excute when edit detail
+        if (token)
+            return;
+        PostAiDefine({
+            queryType: type,
+            collectionName: name,
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type, name, token]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: 1, pr: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ style: { marginTop: '-8px', marginBottom: '24px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+};
+exports.default = AbilityFormItem;

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

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