@agentscope-ai/chat 1.1.12 → 1.1.13-beta.1758441682515
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ChatAnywhere/Input/index.js +6 -1
- package/lib/DeviceAction/actionMap.d.ts +95 -0
- package/lib/DeviceAction/actionMap.js +101 -0
- package/lib/DeviceAction/index.d.ts +1 -1
- package/lib/DeviceAction/index.js +4 -33
- package/lib/ImageGenerator/style.js +1 -1
- package/lib/StatusCard/index.d.ts +68 -0
- package/lib/StatusCard/index.js +82 -0
- package/lib/StatusCard/style.d.ts +2 -0
- package/lib/StatusCard/style.js +48 -0
- package/lib/index.d.ts +3 -2
- package/lib/index.js +4 -3
- package/package.json +1 -1
|
@@ -104,7 +104,12 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
|
|
|
104
104
|
fileList: attachedFiles[index],
|
|
105
105
|
key: index,
|
|
106
106
|
onChange: function onChange(info) {
|
|
107
|
-
|
|
107
|
+
if (item.beforeUpload && info.file.status) {
|
|
108
|
+
handleFileChange(index, info.fileList);
|
|
109
|
+
}
|
|
110
|
+
if (!item.beforeUpload) {
|
|
111
|
+
handleFileChange(index, info.fileList);
|
|
112
|
+
}
|
|
108
113
|
},
|
|
109
114
|
showUploadList: false
|
|
110
115
|
}), /*#__PURE__*/_jsx(IconButton, {
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
declare const actionMap: {
|
|
2
|
+
Click: {
|
|
3
|
+
name: string;
|
|
4
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
Swipe: {
|
|
7
|
+
name: string;
|
|
8
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
Type: {
|
|
11
|
+
name: string;
|
|
12
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
Back: {
|
|
15
|
+
name: string;
|
|
16
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
Home: {
|
|
19
|
+
name: string;
|
|
20
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
};
|
|
22
|
+
Done: {
|
|
23
|
+
name: string;
|
|
24
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
};
|
|
26
|
+
Wait: {
|
|
27
|
+
name: string;
|
|
28
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
};
|
|
30
|
+
click: {
|
|
31
|
+
name: string;
|
|
32
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
};
|
|
34
|
+
'right click': {
|
|
35
|
+
name: string;
|
|
36
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
};
|
|
38
|
+
'open app': {
|
|
39
|
+
name: string;
|
|
40
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
};
|
|
42
|
+
computer_double_click: {
|
|
43
|
+
name: string;
|
|
44
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
};
|
|
46
|
+
hotkey: {
|
|
47
|
+
name: string;
|
|
48
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
};
|
|
50
|
+
presskey: {
|
|
51
|
+
name: string;
|
|
52
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
};
|
|
54
|
+
scroll: {
|
|
55
|
+
name: string;
|
|
56
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
};
|
|
58
|
+
drag: {
|
|
59
|
+
name: string;
|
|
60
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
};
|
|
62
|
+
type_with_clear_enter_pos: {
|
|
63
|
+
name: string;
|
|
64
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
};
|
|
66
|
+
triple_click: {
|
|
67
|
+
name: string;
|
|
68
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
69
|
+
};
|
|
70
|
+
drag_end: {
|
|
71
|
+
name: string;
|
|
72
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
73
|
+
};
|
|
74
|
+
type: {
|
|
75
|
+
name: string;
|
|
76
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
};
|
|
78
|
+
hscroll: {
|
|
79
|
+
name: string;
|
|
80
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
81
|
+
};
|
|
82
|
+
done: {
|
|
83
|
+
name: string;
|
|
84
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
85
|
+
};
|
|
86
|
+
wait: {
|
|
87
|
+
name: string;
|
|
88
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
89
|
+
};
|
|
90
|
+
call_user: {
|
|
91
|
+
name: string;
|
|
92
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
export default actionMap;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { SparkHomeLine, SparkCheckCircleLine, SparkLoadingLine, SparkUndoLine, SparkTargetLine, SparkSortLine, SparkEditLine, SparkKeyboardLine, SparkOtherLine, SparkPlaying02Line, SparkCommandLine, SparkDragDotLine, SparkPlaying01Line, SparkTrackpadLine, SparkUserCheckedLine } from "@agentscope-ai/icons";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
var actionMap = {
|
|
4
|
+
Click: {
|
|
5
|
+
name: '点击',
|
|
6
|
+
icon: /*#__PURE__*/_jsx(SparkTargetLine, {})
|
|
7
|
+
},
|
|
8
|
+
Swipe: {
|
|
9
|
+
name: '滑动',
|
|
10
|
+
icon: /*#__PURE__*/_jsx(SparkSortLine, {})
|
|
11
|
+
},
|
|
12
|
+
Type: {
|
|
13
|
+
name: '输入',
|
|
14
|
+
icon: /*#__PURE__*/_jsx(SparkEditLine, {})
|
|
15
|
+
},
|
|
16
|
+
Back: {
|
|
17
|
+
name: '返回',
|
|
18
|
+
icon: /*#__PURE__*/_jsx(SparkUndoLine, {})
|
|
19
|
+
},
|
|
20
|
+
Home: {
|
|
21
|
+
name: '主页',
|
|
22
|
+
icon: /*#__PURE__*/_jsx(SparkHomeLine, {})
|
|
23
|
+
},
|
|
24
|
+
Done: {
|
|
25
|
+
name: '完成',
|
|
26
|
+
icon: /*#__PURE__*/_jsx(SparkCheckCircleLine, {})
|
|
27
|
+
},
|
|
28
|
+
Wait: {
|
|
29
|
+
name: '等待',
|
|
30
|
+
icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
|
|
31
|
+
spin: true
|
|
32
|
+
})
|
|
33
|
+
},
|
|
34
|
+
click: {
|
|
35
|
+
name: '点击',
|
|
36
|
+
icon: /*#__PURE__*/_jsx(SparkTargetLine, {})
|
|
37
|
+
},
|
|
38
|
+
'right click': {
|
|
39
|
+
name: '右键点击',
|
|
40
|
+
icon: /*#__PURE__*/_jsx(SparkTargetLine, {})
|
|
41
|
+
},
|
|
42
|
+
'open app': {
|
|
43
|
+
name: '打开应用',
|
|
44
|
+
icon: /*#__PURE__*/_jsx(SparkOtherLine, {})
|
|
45
|
+
},
|
|
46
|
+
computer_double_click: {
|
|
47
|
+
name: '双击',
|
|
48
|
+
icon: /*#__PURE__*/_jsx(SparkPlaying02Line, {})
|
|
49
|
+
},
|
|
50
|
+
hotkey: {
|
|
51
|
+
name: '快捷键',
|
|
52
|
+
icon: /*#__PURE__*/_jsx(SparkCommandLine, {})
|
|
53
|
+
},
|
|
54
|
+
presskey: {
|
|
55
|
+
name: '按键',
|
|
56
|
+
icon: /*#__PURE__*/_jsx(SparkKeyboardLine, {})
|
|
57
|
+
},
|
|
58
|
+
scroll: {
|
|
59
|
+
name: '滚动',
|
|
60
|
+
icon: /*#__PURE__*/_jsx(SparkSortLine, {})
|
|
61
|
+
},
|
|
62
|
+
drag: {
|
|
63
|
+
name: '拖拽',
|
|
64
|
+
icon: /*#__PURE__*/_jsx(SparkDragDotLine, {})
|
|
65
|
+
},
|
|
66
|
+
type_with_clear_enter_pos: {
|
|
67
|
+
name: '输入并清除',
|
|
68
|
+
icon: /*#__PURE__*/_jsx(SparkEditLine, {})
|
|
69
|
+
},
|
|
70
|
+
triple_click: {
|
|
71
|
+
name: '三击',
|
|
72
|
+
icon: /*#__PURE__*/_jsx(SparkPlaying01Line, {})
|
|
73
|
+
},
|
|
74
|
+
drag_end: {
|
|
75
|
+
name: '拖拽结束',
|
|
76
|
+
icon: /*#__PURE__*/_jsx(SparkDragDotLine, {})
|
|
77
|
+
},
|
|
78
|
+
type: {
|
|
79
|
+
name: '输入',
|
|
80
|
+
icon: /*#__PURE__*/_jsx(SparkEditLine, {})
|
|
81
|
+
},
|
|
82
|
+
hscroll: {
|
|
83
|
+
name: '水平滚动',
|
|
84
|
+
icon: /*#__PURE__*/_jsx(SparkTrackpadLine, {})
|
|
85
|
+
},
|
|
86
|
+
done: {
|
|
87
|
+
name: '完成',
|
|
88
|
+
icon: /*#__PURE__*/_jsx(SparkCheckCircleLine, {})
|
|
89
|
+
},
|
|
90
|
+
wait: {
|
|
91
|
+
name: '等待',
|
|
92
|
+
icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
|
|
93
|
+
spin: true
|
|
94
|
+
})
|
|
95
|
+
},
|
|
96
|
+
call_user: {
|
|
97
|
+
name: '呼叫用户',
|
|
98
|
+
icon: /*#__PURE__*/_jsx(SparkUserCheckedLine, {})
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
export default actionMap;
|
|
@@ -10,7 +10,7 @@ export interface IDeviceActionProps {
|
|
|
10
10
|
* @descriptionEn Action
|
|
11
11
|
* @default ''
|
|
12
12
|
*/
|
|
13
|
-
action: 'Click' | 'Swipe' | 'Type' | 'Back' | 'Home' | 'Done' | 'Wait' | 'call_user';
|
|
13
|
+
action: 'Click' | 'Swipe' | 'Type' | 'Back' | 'Home' | 'Done' | 'Wait' | 'click' | 'right click' | 'open app' | 'computer_double_click' | 'hotkey' | 'presskey' | 'scroll' | 'drag' | 'type_with_clear_enter_pos' | 'triple_click' | 'drag_end' | 'type' | 'hscroll' | 'done' | 'wait' | 'call_user';
|
|
14
14
|
/**
|
|
15
15
|
* @description 动作名称，通常不用传入，会根据 action 自动生成
|
|
16
16
|
* @descriptionEn Action Name, usually not passed in, will be generated automatically based on action
|
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
import { OperateCard, useProviderContext } from "./..";
|
|
2
|
-
import { SparkCheckCircleLine, SparkEditLine, SparkHomeLine, SparkLoadingLine, SparkSortLine, SparkTargetLine, SparkUndoLine } from '@agentscope-ai/icons';
|
|
3
2
|
import { ConfigProvider, Image } from 'antd';
|
|
3
|
+
import actionMap from "./actionMap";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
var actionMap = {
|
|
7
|
-
Click: {
|
|
8
|
-
name: '点击',
|
|
9
|
-
icon: /*#__PURE__*/_jsx(SparkTargetLine, {})
|
|
10
|
-
},
|
|
11
|
-
Swipe: {
|
|
12
|
-
name: '滑动',
|
|
13
|
-
icon: /*#__PURE__*/_jsx(SparkSortLine, {})
|
|
14
|
-
},
|
|
15
|
-
Type: {
|
|
16
|
-
name: '输入',
|
|
17
|
-
icon: /*#__PURE__*/_jsx(SparkEditLine, {})
|
|
18
|
-
},
|
|
19
|
-
Back: {
|
|
20
|
-
name: '返回',
|
|
21
|
-
icon: /*#__PURE__*/_jsx(SparkUndoLine, {})
|
|
22
|
-
},
|
|
23
|
-
Home: {
|
|
24
|
-
name: '主页',
|
|
25
|
-
icon: /*#__PURE__*/_jsx(SparkHomeLine, {})
|
|
26
|
-
},
|
|
27
|
-
Done: {
|
|
28
|
-
name: '完成',
|
|
29
|
-
icon: /*#__PURE__*/_jsx(SparkCheckCircleLine, {})
|
|
30
|
-
},
|
|
31
|
-
Wait: {
|
|
32
|
-
name: '等待',
|
|
33
|
-
icon: /*#__PURE__*/_jsx(SparkLoadingLine, {})
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
6
|
export default function (props) {
|
|
7
|
+
var _actionMap$props$acti, _actionMap$props$acti2;
|
|
37
8
|
var _useProviderContext = useProviderContext(),
|
|
38
9
|
getPrefixCls = _useProviderContext.getPrefixCls;
|
|
39
10
|
var prefixCls = getPrefixCls('operate-card');
|
|
@@ -44,13 +15,13 @@ export default function (props) {
|
|
|
44
15
|
}), /*#__PURE__*/_jsx(OperateCard, {
|
|
45
16
|
header: {
|
|
46
17
|
className: "".concat(prefixCls, "-device-action"),
|
|
47
|
-
icon: actionMap[props.action].icon,
|
|
18
|
+
icon: (_actionMap$props$acti = actionMap[props.action]) === null || _actionMap$props$acti === void 0 ? void 0 : _actionMap$props$acti.icon,
|
|
48
19
|
title: /*#__PURE__*/_jsxs("div", {
|
|
49
20
|
className: "".concat(prefixCls, "-device-action-content"),
|
|
50
21
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
51
22
|
className: "".concat(prefixCls, "-device-action-description"),
|
|
52
23
|
children: [/*#__PURE__*/_jsx("span", {
|
|
53
|
-
children: props.actionName || actionMap[props.action].name
|
|
24
|
+
children: props.actionName || ((_actionMap$props$acti2 = actionMap[props.action]) === null || _actionMap$props$acti2 === void 0 ? void 0 : _actionMap$props$acti2.name)
|
|
54
25
|
}), /*#__PURE__*/_jsx("span", {
|
|
55
26
|
children: props.description
|
|
56
27
|
})]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { createGlobalStyle } from "./..";
|
|
4
|
-
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n .", "-image {\n border-radius: 8px;\n filter: blur(20px);\n animation: ", "clearBlur 1s ease forwards;\n overflow: hidden;\n }\n\n\n &-wrapper {\n overflow: hidden;\n }\n\n\n &-text {\n position: relative;\n display: flex;\n gap: 8px;\n height: 40px;\n align-items: center;\n font-size: 14px;\n line-height: 26px;\n color: ", ";\n\n\n &-success {\n color: ", ";\n font-size: 20px;\n }\n }\n\n &-default-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n\n &-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(0deg);\n width:
|
|
4
|
+
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n .", "-image {\n border-radius: 8px;\n filter: blur(20px);\n animation: ", "clearBlur 1s ease forwards;\n overflow: hidden;\n }\n\n\n &-wrapper {\n overflow: hidden;\n }\n\n\n &-text {\n position: relative;\n display: flex;\n gap: 8px;\n height: 40px;\n align-items: center;\n font-size: 14px;\n line-height: 26px;\n color: ", ";\n\n\n &-success {\n color: ", ";\n font-size: 20px;\n }\n }\n\n &-default-skeleton {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n\n &-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(0deg);\n width: 100vmax;\n height: 100vmax;\n object-fit: cover;\n animation: ", "spin 6s linear infinite;\n pointer-events: none;\n }\n\n &-icon {\n width: 32px;\n height: 32px;\n } \n\n &-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: center;\n justify-content: center;\n z-index: 1;\n \n }\n\n &-text {\n margin-top: 8px;\n font-size: 14px;\n color: ", ";\n }\n }\n}\n\n\n\n@keyframes ", "clearBlur {\n from {\n filter: blur(20px);\n }\n to {\n filter: blur(0);\n }\n}\n\n@keyframes ", "spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n}\n"])), function (p) {
|
|
5
5
|
return p.prefix;
|
|
6
6
|
}, function (p) {
|
|
7
7
|
return p.prefix;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface IStatusCardProps {
|
|
3
|
+
/**
|
|
4
|
+
* @description 标题
|
|
5
|
+
* @descriptionEn Title
|
|
6
|
+
*/
|
|
7
|
+
title: string;
|
|
8
|
+
/**
|
|
9
|
+
* @description 状态
|
|
10
|
+
* @descriptionEn Status
|
|
11
|
+
*/
|
|
12
|
+
status: 'success' | 'error' | 'warning' | 'info';
|
|
13
|
+
/**
|
|
14
|
+
* @description 描述
|
|
15
|
+
* @descriptionEn Description
|
|
16
|
+
*/
|
|
17
|
+
description?: string;
|
|
18
|
+
/**
|
|
19
|
+
* @description 图标
|
|
20
|
+
* @descriptionEn Icon
|
|
21
|
+
*/
|
|
22
|
+
icon?: React.ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* @description 子元素
|
|
25
|
+
* @descriptionEn Children
|
|
26
|
+
*/
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
declare function StatusCard(props: IStatusCardProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare namespace StatusCard {
|
|
31
|
+
var HITL: (props: IStatusCardHITLProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
}
|
|
33
|
+
export interface IStatusCardHITLProps {
|
|
34
|
+
/**
|
|
35
|
+
* @description 标题
|
|
36
|
+
* @descriptionEn Title
|
|
37
|
+
*/
|
|
38
|
+
title: string;
|
|
39
|
+
/**
|
|
40
|
+
* @description 描述
|
|
41
|
+
* @descriptionEn Description
|
|
42
|
+
* @default '需要用户人工干预'
|
|
43
|
+
*/
|
|
44
|
+
description?: string;
|
|
45
|
+
/**
|
|
46
|
+
* @description 等待按钮文本
|
|
47
|
+
* @descriptionEn Wait Button Text
|
|
48
|
+
* @default '我已完成，继续任务'
|
|
49
|
+
*/
|
|
50
|
+
waitButtonText?: string;
|
|
51
|
+
/**
|
|
52
|
+
* @description 完成按钮文本
|
|
53
|
+
* @descriptionEn Done Button Text
|
|
54
|
+
* @default '用户已确认'
|
|
55
|
+
*/
|
|
56
|
+
doneButtonText?: string;
|
|
57
|
+
/**
|
|
58
|
+
* @description 是否完成
|
|
59
|
+
* @descriptionEn Done
|
|
60
|
+
*/
|
|
61
|
+
done: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* @description 完成回调
|
|
64
|
+
* @descriptionEn Done Callback
|
|
65
|
+
*/
|
|
66
|
+
onDone: () => void;
|
|
67
|
+
}
|
|
68
|
+
export default StatusCard;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { SparkCheckCircleFill, SparkErrorCircleFill, SparkStopCircleLine, SparkTrueLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
|
|
2
|
+
import { useProviderContext } from "../Provider";
|
|
3
|
+
import useStyle from "./style";
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { Button } from '@ali/agentscope-ai-design';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
|
+
function StatusCard(props) {
|
|
10
|
+
var _useProviderContext = useProviderContext(),
|
|
11
|
+
getPrefixCls = _useProviderContext.getPrefixCls;
|
|
12
|
+
var prefixCls = getPrefixCls('status-card');
|
|
13
|
+
var Style = useStyle();
|
|
14
|
+
var icon = props.icon || {
|
|
15
|
+
'success': /*#__PURE__*/_jsx(SparkCheckCircleFill, {}),
|
|
16
|
+
'error': /*#__PURE__*/_jsx(SparkErrorCircleFill, {}),
|
|
17
|
+
'warning': /*#__PURE__*/_jsx(SparkStopCircleLine, {}),
|
|
18
|
+
'info': /*#__PURE__*/_jsx(SparkWarningCircleFill, {})
|
|
19
|
+
}[props.status];
|
|
20
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
21
|
+
children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
|
|
22
|
+
className: classNames(prefixCls, "".concat(prefixCls, "-").concat(props.status)),
|
|
23
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
24
|
+
className: "".concat(prefixCls, "-header"),
|
|
25
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
26
|
+
className: "".concat(prefixCls, "-header-top"),
|
|
27
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
28
|
+
className: "".concat(prefixCls, "-header-icon"),
|
|
29
|
+
children: icon
|
|
30
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
31
|
+
className: "".concat(prefixCls, "-header-title"),
|
|
32
|
+
children: props.title
|
|
33
|
+
})]
|
|
34
|
+
}), props.description && /*#__PURE__*/_jsx("div", {
|
|
35
|
+
className: "".concat(prefixCls, "-header-description"),
|
|
36
|
+
children: props.description
|
|
37
|
+
})]
|
|
38
|
+
}), props.children && /*#__PURE__*/_jsx("div", {
|
|
39
|
+
className: "".concat(prefixCls, "-body"),
|
|
40
|
+
children: props.children
|
|
41
|
+
})]
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
StatusCard.HITL = function (props) {
|
|
46
|
+
var _props$title = props.title,
|
|
47
|
+
title = _props$title === void 0 ? '需要用户人工干预' : _props$title,
|
|
48
|
+
description = props.description,
|
|
49
|
+
_props$waitButtonText = props.waitButtonText,
|
|
50
|
+
waitButtonText = _props$waitButtonText === void 0 ? '我已完成，继续任务' : _props$waitButtonText,
|
|
51
|
+
_props$doneButtonText = props.doneButtonText,
|
|
52
|
+
doneButtonText = _props$doneButtonText === void 0 ? '用户已确认' : _props$doneButtonText;
|
|
53
|
+
var _useProviderContext2 = useProviderContext(),
|
|
54
|
+
getPrefixCls = _useProviderContext2.getPrefixCls;
|
|
55
|
+
var prefixCls = getPrefixCls('status-card');
|
|
56
|
+
var button = props.done ? /*#__PURE__*/_jsx(Button, {
|
|
57
|
+
onClick: props.onDone,
|
|
58
|
+
type: "primary",
|
|
59
|
+
disabled: true,
|
|
60
|
+
icon: /*#__PURE__*/_jsx(SparkTrueLine, {}),
|
|
61
|
+
children: doneButtonText
|
|
62
|
+
}) : /*#__PURE__*/_jsx(Button, {
|
|
63
|
+
onClick: props.onDone,
|
|
64
|
+
type: "primary",
|
|
65
|
+
children: waitButtonText
|
|
66
|
+
});
|
|
67
|
+
return /*#__PURE__*/_jsx(StatusCard, {
|
|
68
|
+
status: "info",
|
|
69
|
+
title: title,
|
|
70
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
71
|
+
className: "".concat(prefixCls, "-HITL"),
|
|
72
|
+
children: [description && /*#__PURE__*/_jsx("div", {
|
|
73
|
+
className: "".concat(prefixCls, "-HITL-desc"),
|
|
74
|
+
children: description
|
|
75
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
76
|
+
className: "".concat(prefixCls, "-HITL-button"),
|
|
77
|
+
children: button
|
|
78
|
+
})]
|
|
79
|
+
})
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
export default StatusCard;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
var _templateObject;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import { createGlobalStyle } from "./..";
|
|
4
|
+
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-status-card {\n\n\n border-radius: ", "px;\n border: 1px solid ", ";\n\n &-success {\n background-color: ", ";\n\n .", "-status-card-header-icon {\n color: ", ";\n }\n }\n &-error {\n background-color: ", ";\n\n .", "-status-card-header-icon {\n color: ", ";\n }\n }\n &-warning {\n background-color: ", ";\n\n .", "-status-card-header-icon {\n color: ", ";\n }\n }\n &-info {\n background-color: ", ";\n\n .", "-status-card-header-icon {\n color: ", ";\n }\n }\n\n &-header-icon {\n font-size: 20px;\n }\n\n\n &-header-title {\n font-size: 16px;\n color: ", ";\n }\n\n &-header {\n padding: 0 12px;\n }\n\n &-header-top {\n display: flex;\n align-items: center;\n margin: 8px 0;\n gap: 8px;\n }\n\n\n &-header-description {\n margin-top: -6px;\n margin-bottom: 8px;\n margin-left: 30px;\n font-size: 12px;\n color: ", ";\n }\n\n\n\n\n\n &-HITL {\n padding: 16px;\n border-top: 1px solid ", ";\n background-color: ", ";\n border-radius: ", "px ", "px 0 0;\n\n &-desc {\n color: ", ";\n margin-bottom: 12px;\n }\n\n &-button {\n display: flex;\n justify-content: flex-end;\n }\n \n }\n\n}\n"])), function (p) {
|
|
5
|
+
return p.prefix;
|
|
6
|
+
}, function (p) {
|
|
7
|
+
return p.theme.borderRadiusLG;
|
|
8
|
+
}, function (p) {
|
|
9
|
+
return p.theme.colorBorderSecondary;
|
|
10
|
+
}, function (p) {
|
|
11
|
+
return p.theme.colorSuccessBg;
|
|
12
|
+
}, function (p) {
|
|
13
|
+
return p.prefix;
|
|
14
|
+
}, function (p) {
|
|
15
|
+
return p.theme.colorSuccess;
|
|
16
|
+
}, function (p) {
|
|
17
|
+
return p.theme.colorErrorBg;
|
|
18
|
+
}, function (p) {
|
|
19
|
+
return p.prefix;
|
|
20
|
+
}, function (p) {
|
|
21
|
+
return p.theme.colorError;
|
|
22
|
+
}, function (p) {
|
|
23
|
+
return p.theme.colorWarningBg;
|
|
24
|
+
}, function (p) {
|
|
25
|
+
return p.prefix;
|
|
26
|
+
}, function (p) {
|
|
27
|
+
return p.theme.colorWarning;
|
|
28
|
+
}, function (p) {
|
|
29
|
+
return p.theme.colorFillTertiary;
|
|
30
|
+
}, function (p) {
|
|
31
|
+
return p.prefix;
|
|
32
|
+
}, function (p) {
|
|
33
|
+
return p.theme.colorInfo;
|
|
34
|
+
}, function (p) {
|
|
35
|
+
return p.theme.colorText;
|
|
36
|
+
}, function (p) {
|
|
37
|
+
return p.theme.colorTextTertiary;
|
|
38
|
+
}, function (p) {
|
|
39
|
+
return p.theme.colorBorderSecondary;
|
|
40
|
+
}, function (p) {
|
|
41
|
+
return p.theme.colorBgBase;
|
|
42
|
+
}, function (p) {
|
|
43
|
+
return p.theme.borderRadiusLG;
|
|
44
|
+
}, function (p) {
|
|
45
|
+
return p.theme.borderRadiusLG;
|
|
46
|
+
}, function (p) {
|
|
47
|
+
return p.theme.colorTextTertiary;
|
|
48
|
+
});
|
package/lib/index.d.ts
CHANGED
|
@@ -14,14 +14,15 @@ export { default as DeepThink, default as DeepThinking, type IDeepThinking, } fr
|
|
|
14
14
|
export { default as Attachments, type AttachmentsProps, type AttachmentsProps as IAttachmentsProps, } from './Attachments';
|
|
15
15
|
export { default as Bubble, type BubbleProps, type BubbleProps as IBubbleProps, } from './Bubble';
|
|
16
16
|
export { default as Conversations, default as HistoryPanel, type ConversationsProps, type ConversationsProps as IHistoryPanel, } from './Conversations';
|
|
17
|
+
export { default as DeviceAction, type IDeviceActionProps, } from './DeviceAction';
|
|
17
18
|
export { default as Disclaimer, type IDisclaimerProps } from './Disclaimer';
|
|
18
19
|
export { default as ImageGenerator, type IImageGeneratorProps, } from './ImageGenerator';
|
|
19
20
|
export { default as Markdown, type MarkdownProps as IMarkdownProps, type MarkdownProps, } from './Markdown';
|
|
20
21
|
export { default as Mermaid, type IMermaidProps } from './Mermaid';
|
|
21
22
|
export { default as OperateCard, type IOperateCardProps } from './OperateCard';
|
|
23
|
+
export * from './OperateCard/preset';
|
|
22
24
|
export { default as ChatInput, default as Sender, type SenderProps as IChatInputProps, type SenderProps, } from './Sender';
|
|
25
|
+
export { default as StatusCard, type IStatusCardProps } from './StatusCard';
|
|
23
26
|
export { default as createGlobalStyle } from './Util/createStyle';
|
|
24
27
|
export { default as sleep } from './Util/sleep';
|
|
25
28
|
export { default as Welcome, type IWelcomeProps } from './Welcome';
|
|
26
|
-
export * from './OperateCard/preset';
|
|
27
|
-
export { default as DeviceAction, type IDeviceActionProps } from './DeviceAction';
|
package/lib/index.js
CHANGED
|
@@ -13,14 +13,15 @@ export { default as DeepThink, default as DeepThinking } from "./Accordion/DeepT
|
|
|
13
13
|
export { default as Attachments } from "./Attachments";
|
|
14
14
|
export { default as Bubble } from "./Bubble";
|
|
15
15
|
export { default as Conversations, default as HistoryPanel } from "./Conversations";
|
|
16
|
+
export { default as DeviceAction } from "./DeviceAction";
|
|
16
17
|
export { default as Disclaimer } from "./Disclaimer";
|
|
17
18
|
export { default as ImageGenerator } from "./ImageGenerator";
|
|
18
19
|
export { default as Markdown } from "./Markdown";
|
|
19
20
|
export { default as Mermaid } from "./Mermaid";
|
|
20
21
|
export { default as OperateCard } from "./OperateCard";
|
|
22
|
+
export * from "./OperateCard/preset";
|
|
21
23
|
export { default as ChatInput, default as Sender } from "./Sender";
|
|
24
|
+
export { default as StatusCard } from "./StatusCard";
|
|
22
25
|
export { default as createGlobalStyle } from "./Util/createStyle";
|
|
23
26
|
export { default as sleep } from "./Util/sleep";
|
|
24
|
-
export { default as Welcome } from "./Welcome";
|
|
25
|
-
export * from "./OperateCard/preset";
|
|
26
|
-
export { default as DeviceAction } from "./DeviceAction";
|
|
27
|
+
export { default as Welcome } from "./Welcome";
|
package/package.json
CHANGED