@ant-design/agentic-ui 2.0.16 → 2.0.18
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/dist/Components/Loading/index.d.ts +2 -1
- package/dist/Components/Loading/index.js +3 -161
- package/dist/Components/lotties/LoadingLottie/index.d.ts +65 -0
- package/dist/Components/lotties/LoadingLottie/index.js +53 -0
- package/dist/Components/lotties/LoadingLottie/loading.json +1 -0
- package/dist/Components/lotties/ShinyText/index.d.ts +69 -0
- package/dist/Components/lotties/ShinyText/index.js +60 -0
- package/dist/Components/{Loading → lotties/ShinyText}/style.d.ts +1 -1
- package/dist/Components/lotties/ShinyText/style.js +84 -0
- package/dist/Components/lotties/index.d.ts +1 -2
- package/dist/Components/lotties/index.js +1 -2
- package/dist/MarkdownInputField/MarkdownInputField.js +156 -142
- package/dist/MarkdownInputField/style.js +17 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
- package/dist/Components/Loading/style.js +0 -46
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ShinyTextProps {
|
|
3
|
+
/**
|
|
4
|
+
* 要显示的文本内容
|
|
5
|
+
* @default "Loading..."
|
|
6
|
+
*/
|
|
7
|
+
text?: string;
|
|
8
|
+
/**
|
|
9
|
+
* 是否禁用闪光动画
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* 主题模式
|
|
15
|
+
* - light: 亮色主题（深色文字 + 亮色光泽）
|
|
16
|
+
* - dark: 暗色主题（浅色文字 + 暗色光泽）
|
|
17
|
+
* @default "light"
|
|
18
|
+
*/
|
|
19
|
+
theme?: 'light' | 'dark';
|
|
20
|
+
/**
|
|
21
|
+
* 容器类名
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
/**
|
|
25
|
+
* 容器样式
|
|
26
|
+
*/
|
|
27
|
+
style?: React.CSSProperties;
|
|
28
|
+
/**
|
|
29
|
+
* 字体大小
|
|
30
|
+
* @example fontSize="16px"
|
|
31
|
+
*/
|
|
32
|
+
fontSize?: number | string;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* 闪光文字加载组件
|
|
36
|
+
*
|
|
37
|
+
* 使用CSS动画展示闪光文字效果的加载状态组件，支持自定义文本、样式和动画开关。
|
|
38
|
+
*
|
|
39
|
+
* @component
|
|
40
|
+
* @example
|
|
41
|
+
* // 基础用法
|
|
42
|
+
* <ShinyText />
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* // 自定义文本
|
|
46
|
+
* <ShinyText text="加载中..." />
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* // 自定义样式
|
|
50
|
+
* <ShinyText
|
|
51
|
+
* text="正在处理"
|
|
52
|
+
* fontSize="20px"
|
|
53
|
+
* style={{ margin: '20px' }}
|
|
54
|
+
* />
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* // 禁用动画
|
|
58
|
+
* <ShinyText disabled={true} />
|
|
59
|
+
*
|
|
60
|
+
* @param props - 组件属性
|
|
61
|
+
* @param props.text - 要显示的文本内容，默认为 "Loading..."
|
|
62
|
+
* @param props.disabled - 是否禁用闪光动画，默认为 false
|
|
63
|
+
* @param props.className - 容器类名
|
|
64
|
+
* @param props.style - 容器自定义样式
|
|
65
|
+
* @param props.fontSize - 字体大小
|
|
66
|
+
* @returns 渲染的闪光文字组件
|
|
67
|
+
*/
|
|
68
|
+
export declare const ShinyText: React.FC<ShinyTextProps>;
|
|
69
|
+
export default ShinyText;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
// src/Components/lotties/ShinyText/index.tsx
|
|
19
|
+
import { ConfigProvider } from "antd";
|
|
20
|
+
import cx from "classnames";
|
|
21
|
+
import React, { useContext } from "react";
|
|
22
|
+
import { useStyle } from "./style";
|
|
23
|
+
var ShinyText = ({
|
|
24
|
+
text = "Loading...",
|
|
25
|
+
disabled = false,
|
|
26
|
+
theme = "light",
|
|
27
|
+
className,
|
|
28
|
+
style,
|
|
29
|
+
fontSize
|
|
30
|
+
}) => {
|
|
31
|
+
const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
|
|
32
|
+
const prefixCls = getPrefixCls("agentic-shiny-text");
|
|
33
|
+
const { wrapSSR, hashId } = useStyle(prefixCls);
|
|
34
|
+
const containerStyle = __spreadValues({
|
|
35
|
+
fontSize
|
|
36
|
+
}, style);
|
|
37
|
+
return wrapSSR(
|
|
38
|
+
/* @__PURE__ */ React.createElement(
|
|
39
|
+
"span",
|
|
40
|
+
{
|
|
41
|
+
className: cx(prefixCls, hashId, className, {
|
|
42
|
+
[`${prefixCls}-disabled`]: disabled,
|
|
43
|
+
[`${prefixCls}-dark`]: theme === "dark",
|
|
44
|
+
[`${prefixCls}-light`]: theme === "light"
|
|
45
|
+
}),
|
|
46
|
+
style: containerStyle,
|
|
47
|
+
"data-testid": "shiny-text",
|
|
48
|
+
"aria-label": text,
|
|
49
|
+
role: "status",
|
|
50
|
+
"aria-live": "polite"
|
|
51
|
+
},
|
|
52
|
+
text
|
|
53
|
+
)
|
|
54
|
+
);
|
|
55
|
+
};
|
|
56
|
+
var ShinyText_default = ShinyText;
|
|
57
|
+
export {
|
|
58
|
+
ShinyText,
|
|
59
|
+
ShinyText_default as default
|
|
60
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function useStyle(prefixCls
|
|
2
|
+
export declare function useStyle(prefixCls: string): {
|
|
3
3
|
wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
|
|
4
4
|
hashId: string;
|
|
5
5
|
};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
|
|
21
|
+
// src/Components/lotties/ShinyText/style.ts
|
|
22
|
+
import { Keyframes } from "@ant-design/cssinjs";
|
|
23
|
+
import {
|
|
24
|
+
useEditorStyleRegister
|
|
25
|
+
} from "../../../Hooks/useStyle";
|
|
26
|
+
var shine = new Keyframes("shine", {
|
|
27
|
+
"0%": {
|
|
28
|
+
backgroundPosition: "100%"
|
|
29
|
+
},
|
|
30
|
+
"100%": {
|
|
31
|
+
backgroundPosition: "-100%"
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
var genStyle = (token) => {
|
|
35
|
+
return {
|
|
36
|
+
[token.componentCls]: {
|
|
37
|
+
display: "inline-block",
|
|
38
|
+
animationName: shine,
|
|
39
|
+
animationDuration: "1.2s",
|
|
40
|
+
animationTimingFunction: "linear",
|
|
41
|
+
animationIterationCount: "infinite",
|
|
42
|
+
// 亮色主题：深色文字 + 亮色光泽（适用于白色背景）
|
|
43
|
+
"&-light": {
|
|
44
|
+
color: "#00000066",
|
|
45
|
+
backgroundImage: `linear-gradient(
|
|
46
|
+
120deg,
|
|
47
|
+
rgba(255, 255, 255, 0.8) 40%,
|
|
48
|
+
rgba(15, 14, 14, 0.8) 50%,
|
|
49
|
+
rgba(255, 255, 255, 0.8) 60%
|
|
50
|
+
)`,
|
|
51
|
+
backgroundSize: "200% 100%",
|
|
52
|
+
WebkitBackgroundClip: "text",
|
|
53
|
+
backgroundClip: "text"
|
|
54
|
+
},
|
|
55
|
+
// 暗色主题：浅色文字 + 深色光泽（适用于黑色背景）
|
|
56
|
+
"&-dark": {
|
|
57
|
+
color: "#ffffff40",
|
|
58
|
+
backgroundImage: `linear-gradient(
|
|
59
|
+
120deg,
|
|
60
|
+
rgba(255, 255, 255, 0) 40%,
|
|
61
|
+
rgba(255, 255, 255, 0.8) 50%,
|
|
62
|
+
rgba(255, 255, 255, 0) 60%
|
|
63
|
+
)`,
|
|
64
|
+
backgroundSize: "200% 100%",
|
|
65
|
+
WebkitBackgroundClip: "text",
|
|
66
|
+
backgroundClip: "text"
|
|
67
|
+
},
|
|
68
|
+
"&-disabled": {
|
|
69
|
+
animationName: "none"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
function useStyle(prefixCls) {
|
|
75
|
+
return useEditorStyleRegister("ShinyText", (token) => {
|
|
76
|
+
const shinyTextToken = __spreadProps(__spreadValues({}, token), {
|
|
77
|
+
componentCls: `.${prefixCls}`
|
|
78
|
+
});
|
|
79
|
+
return [genStyle(shinyTextToken)];
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
export {
|
|
83
|
+
useStyle
|
|
84
|
+
};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './ThinkingLottie';
|
|
1
|
+
export * from './ShinyText';
|
|
@@ -98,7 +98,7 @@ var MarkdownInputField = (_a) => {
|
|
|
98
98
|
"onFocus",
|
|
99
99
|
"isShowTopOperatingArea"
|
|
100
100
|
]);
|
|
101
|
-
var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
|
101
|
+
var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
|
|
102
102
|
const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
|
|
103
103
|
const baseCls = getPrefixCls("agentic-md-input-field");
|
|
104
104
|
const { wrapSSR, hashId } = useStyle(baseCls);
|
|
@@ -404,9 +404,9 @@ var MarkdownInputField = (_a) => {
|
|
|
404
404
|
[`${baseCls}-enlarged`]: isEnlarged
|
|
405
405
|
}),
|
|
406
406
|
style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
|
|
407
|
-
height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` :
|
|
407
|
+
height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `min(${collapsedHeightPx}px,100%)`,
|
|
408
408
|
borderRadius: borderRadius || 16,
|
|
409
|
-
maxHeight: isEnlarged ? "none" :
|
|
409
|
+
maxHeight: isEnlarged ? "none" : `min(${collapsedHeightPx}px,100%)`,
|
|
410
410
|
transition: "height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s"
|
|
411
411
|
}),
|
|
412
412
|
tabIndex: 1,
|
|
@@ -422,7 +422,7 @@ var MarkdownInputField = (_a) => {
|
|
|
422
422
|
[`${baseCls}-hover`]: isHover
|
|
423
423
|
}),
|
|
424
424
|
style: {
|
|
425
|
-
minHeight: ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
|
|
425
|
+
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
|
|
426
426
|
height: "100%",
|
|
427
427
|
width: "100%"
|
|
428
428
|
}
|
|
@@ -431,168 +431,182 @@ var MarkdownInputField = (_a) => {
|
|
|
431
431
|
/* @__PURE__ */ React.createElement(
|
|
432
432
|
"div",
|
|
433
433
|
{
|
|
434
|
+
className: classNames(`${baseCls}-border-wrapper`, hashId),
|
|
434
435
|
style: {
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
height: isEnlarged ? "calc(100% - 4px)" : "calc(100% - 4px)",
|
|
438
|
-
maxHeight: isEnlarged ? "calc(100% - 4px)" : "calc(100% - 4px)",
|
|
439
|
-
display: "flex",
|
|
440
|
-
zIndex: 9,
|
|
441
|
-
flexDirection: "column",
|
|
442
|
-
boxSizing: "border-box",
|
|
436
|
+
height: isEnlarged ? "100%" : "100%",
|
|
437
|
+
maxHeight: isEnlarged ? "100%" : "100%",
|
|
443
438
|
borderRadius: (borderRadius || 16) - 2 || 10,
|
|
444
439
|
cursor: isLoading || props.disabled ? "not-allowed" : "auto",
|
|
445
440
|
opacity: props.disabled ? 0.5 : 1,
|
|
446
|
-
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : void 0
|
|
441
|
+
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_m = props.style) == null ? void 0 : _m.minHeight) || 0
|
|
447
442
|
}
|
|
448
443
|
},
|
|
449
444
|
/* @__PURE__ */ React.createElement(
|
|
450
445
|
"div",
|
|
451
446
|
{
|
|
447
|
+
className: classNames(`${baseCls}-content-wrapper`, hashId),
|
|
452
448
|
style: {
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
borderRadius: (borderRadius || 16) - 2 || 10,
|
|
456
|
-
maxHeight: isEnlarged ? "none" : (() => {
|
|
457
|
-
var _a3, _b3;
|
|
458
|
-
const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
|
|
459
|
-
const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
|
|
460
|
-
const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
|
|
461
|
-
return `min(${base + extra}px)`;
|
|
462
|
-
})(),
|
|
463
|
-
height: isEnlarged ? "100%" : "auto",
|
|
464
|
-
flex: 1
|
|
465
|
-
},
|
|
466
|
-
className: classNames(`${baseCls}-editor`, hashId, {
|
|
467
|
-
[`${baseCls}-editor-hover`]: isHover,
|
|
468
|
-
[`${baseCls}-editor-disabled`]: props.disabled
|
|
469
|
-
})
|
|
449
|
+
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_n = props.style) == null ? void 0 : _n.minHeight) || 0
|
|
450
|
+
}
|
|
470
451
|
},
|
|
471
452
|
/* @__PURE__ */ React.createElement(
|
|
472
|
-
|
|
453
|
+
"div",
|
|
473
454
|
{
|
|
474
|
-
skillMode: props.skillMode,
|
|
475
|
-
onSkillModeOpenChange: props.onSkillModeOpenChange
|
|
476
|
-
}
|
|
477
|
-
),
|
|
478
|
-
/* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-editor-content`, hashId) }, attachmentList, /* @__PURE__ */ React.createElement(
|
|
479
|
-
BaseMarkdownEditor,
|
|
480
|
-
__spreadValues({
|
|
481
|
-
editorRef: markdownEditorRef,
|
|
482
|
-
leafRender: props.leafRender,
|
|
483
455
|
style: {
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
456
|
+
display: "flex",
|
|
457
|
+
flexDirection: "column",
|
|
458
|
+
borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
|
|
459
|
+
borderTopRightRadius: (borderRadius || 16) - 2 || 10,
|
|
460
|
+
maxHeight: isEnlarged ? "none" : (() => {
|
|
461
|
+
var _a3, _b3;
|
|
462
|
+
const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
|
|
463
|
+
const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
|
|
464
|
+
const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
|
|
465
|
+
return `min(${base + extra}px)`;
|
|
466
|
+
})(),
|
|
467
|
+
height: isEnlarged ? "100%" : "auto",
|
|
468
|
+
flex: 1
|
|
494
469
|
},
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
setValue(value2);
|
|
512
|
-
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
|
|
513
|
-
},
|
|
514
|
-
onFocus: (value2, schema, e) => {
|
|
515
|
-
onFocus == null ? void 0 : onFocus(value2, schema, e);
|
|
516
|
-
activeInput(true);
|
|
517
|
-
},
|
|
518
|
-
onBlur: (value2, schema, e) => {
|
|
519
|
-
onBlur == null ? void 0 : onBlur(value2, schema, e);
|
|
520
|
-
activeInput(false);
|
|
521
|
-
},
|
|
522
|
-
onPaste: (e) => {
|
|
523
|
-
handlePaste(e);
|
|
470
|
+
className: classNames(`${baseCls}-editor`, hashId, {
|
|
471
|
+
[`${baseCls}-editor-hover`]: isHover,
|
|
472
|
+
[`${baseCls}-editor-disabled`]: props.disabled
|
|
473
|
+
})
|
|
474
|
+
},
|
|
475
|
+
/* @__PURE__ */ React.createElement(
|
|
476
|
+
SkillModeBar,
|
|
477
|
+
{
|
|
478
|
+
skillMode: props.skillMode,
|
|
479
|
+
onSkillModeOpenChange: props.onSkillModeOpenChange
|
|
480
|
+
}
|
|
481
|
+
),
|
|
482
|
+
/* @__PURE__ */ React.createElement(
|
|
483
|
+
"div",
|
|
484
|
+
{
|
|
485
|
+
className: classNames(`${baseCls}-editor-content`, hashId)
|
|
524
486
|
},
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
487
|
+
attachmentList,
|
|
488
|
+
/* @__PURE__ */ React.createElement(
|
|
489
|
+
BaseMarkdownEditor,
|
|
490
|
+
__spreadValues({
|
|
491
|
+
editorRef: markdownEditorRef,
|
|
492
|
+
leafRender: props.leafRender,
|
|
493
|
+
style: {
|
|
494
|
+
width: "100%",
|
|
495
|
+
flex: 1,
|
|
496
|
+
padding: 0,
|
|
497
|
+
paddingRight: computedRightPadding
|
|
498
|
+
},
|
|
499
|
+
toolBar: {
|
|
500
|
+
enable: false
|
|
501
|
+
},
|
|
502
|
+
floatBar: {
|
|
503
|
+
enable: false
|
|
504
|
+
},
|
|
505
|
+
readonly: isLoading,
|
|
506
|
+
contentStyle: {
|
|
507
|
+
padding: "var(--padding-card-base)"
|
|
508
|
+
},
|
|
509
|
+
textAreaProps: {
|
|
510
|
+
enable: true,
|
|
511
|
+
placeholder: props.placeholder,
|
|
512
|
+
triggerSendKey: props.triggerSendKey || "Enter"
|
|
513
|
+
},
|
|
514
|
+
tagInputProps: __spreadValues({
|
|
515
|
+
enable: true,
|
|
516
|
+
type: "dropdown"
|
|
517
|
+
}, tagInputProps),
|
|
518
|
+
initValue: props.value,
|
|
519
|
+
onChange: (value2) => {
|
|
520
|
+
var _a3;
|
|
521
|
+
setValue(value2);
|
|
522
|
+
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
|
|
523
|
+
},
|
|
524
|
+
onFocus: (value2, schema, e) => {
|
|
525
|
+
onFocus == null ? void 0 : onFocus(value2, schema, e);
|
|
526
|
+
activeInput(true);
|
|
527
|
+
},
|
|
528
|
+
onBlur: (value2, schema, e) => {
|
|
529
|
+
onBlur == null ? void 0 : onBlur(value2, schema, e);
|
|
530
|
+
activeInput(false);
|
|
531
|
+
},
|
|
532
|
+
onPaste: (e) => {
|
|
533
|
+
handlePaste(e);
|
|
534
|
+
},
|
|
535
|
+
titlePlaceholderContent: props.placeholder,
|
|
536
|
+
toc: false,
|
|
537
|
+
pasteConfig: props.pasteConfig
|
|
538
|
+
}, markdownProps)
|
|
539
|
+
)
|
|
540
|
+
)
|
|
541
|
+
),
|
|
542
|
+
props.toolsRender ? /* @__PURE__ */ React.createElement(
|
|
548
543
|
"div",
|
|
549
544
|
{
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
545
|
+
style: {
|
|
546
|
+
backgroundColor: "#fff",
|
|
547
|
+
display: "flex",
|
|
548
|
+
boxSizing: "border-box",
|
|
549
|
+
borderRadius: "inherit",
|
|
550
|
+
flexDirection: "row",
|
|
551
|
+
alignItems: "center",
|
|
552
|
+
justifyContent: "space-between",
|
|
553
|
+
gap: 8,
|
|
554
|
+
width: "100%",
|
|
555
|
+
paddingRight: "var(--padding-card-base)",
|
|
556
|
+
paddingLeft: "var(--padding-card-base)",
|
|
557
|
+
paddingBottom: "var(--padding-card-base)"
|
|
558
|
+
}
|
|
553
559
|
},
|
|
554
|
-
|
|
560
|
+
/* @__PURE__ */ React.createElement(
|
|
561
|
+
"div",
|
|
562
|
+
{
|
|
563
|
+
ref: actionsRef,
|
|
564
|
+
contentEditable: false,
|
|
565
|
+
className: classNames(`${baseCls}-send-tools`, hashId)
|
|
566
|
+
},
|
|
567
|
+
props.toolsRender(__spreadProps(__spreadValues({
|
|
568
|
+
value,
|
|
569
|
+
fileMap,
|
|
570
|
+
onFileMapChange: setFileMap
|
|
571
|
+
}, props), {
|
|
572
|
+
isHover,
|
|
573
|
+
isLoading,
|
|
574
|
+
fileUploadStatus: fileUploadDone ? "done" : "uploading"
|
|
575
|
+
}))
|
|
576
|
+
),
|
|
577
|
+
sendActionsNode
|
|
578
|
+
) : sendActionsNode,
|
|
579
|
+
(props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
|
|
580
|
+
QuickActions,
|
|
581
|
+
{
|
|
582
|
+
ref: quickActionsRef,
|
|
555
583
|
value,
|
|
556
584
|
fileMap,
|
|
557
|
-
onFileMapChange: setFileMap
|
|
558
|
-
}, props), {
|
|
585
|
+
onFileMapChange: setFileMap,
|
|
559
586
|
isHover,
|
|
560
587
|
isLoading,
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
var _a3;
|
|
581
|
-
setValue(text);
|
|
582
|
-
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
|
|
583
|
-
},
|
|
584
|
-
quickActionRender: props.quickActionRender,
|
|
585
|
-
prefixCls: baseCls,
|
|
586
|
-
hashId,
|
|
587
|
-
enlargeable: !!((_n = props.enlargeable) == null ? void 0 : _n.enable),
|
|
588
|
-
isEnlarged,
|
|
589
|
-
onEnlargeClick: handleEnlargeClick,
|
|
590
|
-
onResize: (width, rightOffset) => {
|
|
591
|
-
setTopRightPadding(width);
|
|
592
|
-
setQuickRightOffset(rightOffset);
|
|
588
|
+
disabled: props.disabled,
|
|
589
|
+
fileUploadStatus: fileUploadDone ? "done" : "uploading",
|
|
590
|
+
refinePrompt: props.refinePrompt,
|
|
591
|
+
editorRef: markdownEditorRef,
|
|
592
|
+
onValueChange: (text) => {
|
|
593
|
+
var _a3;
|
|
594
|
+
setValue(text);
|
|
595
|
+
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
|
|
596
|
+
},
|
|
597
|
+
quickActionRender: props.quickActionRender,
|
|
598
|
+
prefixCls: baseCls,
|
|
599
|
+
hashId,
|
|
600
|
+
enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
|
|
601
|
+
isEnlarged,
|
|
602
|
+
onEnlargeClick: handleEnlargeClick,
|
|
603
|
+
onResize: (width, rightOffset) => {
|
|
604
|
+
setTopRightPadding(width);
|
|
605
|
+
setQuickRightOffset(rightOffset);
|
|
606
|
+
}
|
|
593
607
|
}
|
|
594
|
-
|
|
595
|
-
)
|
|
608
|
+
) : null
|
|
609
|
+
)
|
|
596
610
|
)
|
|
597
611
|
)
|
|
598
612
|
))
|
|
@@ -162,14 +162,29 @@ var genStyle = (token) => {
|
|
|
162
162
|
opacity: 1
|
|
163
163
|
}
|
|
164
164
|
},
|
|
165
|
+
"&-border-wrapper": {
|
|
166
|
+
width: "100%",
|
|
167
|
+
border: "2px solid transparent",
|
|
168
|
+
zIndex: 9,
|
|
169
|
+
height: "100%",
|
|
170
|
+
boxSizing: "border-box"
|
|
171
|
+
},
|
|
172
|
+
"&-content-wrapper": {
|
|
173
|
+
backgroundColor: "#fff",
|
|
174
|
+
display: "flex",
|
|
175
|
+
flexDirection: "column",
|
|
176
|
+
width: "100%",
|
|
177
|
+
height: "100%",
|
|
178
|
+
borderRadius: "inherit"
|
|
179
|
+
},
|
|
165
180
|
"&-editor": {
|
|
166
181
|
boxSizing: "border-box",
|
|
182
|
+
borderRadius: "inherit",
|
|
167
183
|
backgroundColor: "var(--color-gray-bg-card-white)",
|
|
168
184
|
width: "100%",
|
|
169
185
|
zIndex: 9,
|
|
170
186
|
maxHeight: 400,
|
|
171
187
|
height: "100%",
|
|
172
|
-
borderRadius: "inherit",
|
|
173
188
|
overflowY: "visible",
|
|
174
189
|
scrollbarColor: "var(--color-gray-text-tertiary) transparent",
|
|
175
190
|
scrollbarWidth: "thin",
|
|
@@ -186,8 +201,7 @@ var genStyle = (token) => {
|
|
|
186
201
|
overflowY: "auto",
|
|
187
202
|
maxHeight: "inherit",
|
|
188
203
|
scrollbarColor: "var(--color-gray-text-tertiary) transparent",
|
|
189
|
-
scrollbarWidth: "thin"
|
|
190
|
-
borderRadius: "inherit"
|
|
204
|
+
scrollbarWidth: "thin"
|
|
191
205
|
},
|
|
192
206
|
"&&-disabled": {
|
|
193
207
|
backgroundColor: "rgba(0,0,0,0.04)",
|
package/dist/index.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export * from './Components/LayoutHeader';
|
|
|
12
12
|
export * from './Components/Loading';
|
|
13
13
|
export * from './Components/SuggestionList';
|
|
14
14
|
export * from './Components/VisualList';
|
|
15
|
+
export * from './Components/lotties';
|
|
15
16
|
export * from './Hooks/useAutoScroll';
|
|
16
17
|
export { useLanguage } from './Hooks/useLanguage';
|
|
17
18
|
export * from './Hooks/useRefFunction';
|
package/dist/index.js
CHANGED
|
@@ -12,6 +12,7 @@ export * from "./Components/LayoutHeader";
|
|
|
12
12
|
export * from "./Components/Loading";
|
|
13
13
|
export * from "./Components/SuggestionList";
|
|
14
14
|
export * from "./Components/VisualList";
|
|
15
|
+
export * from "./Components/lotties";
|
|
15
16
|
export * from "./Hooks/useAutoScroll";
|
|
16
17
|
import { useLanguage } from "./Hooks/useLanguage";
|
|
17
18
|
export * from "./Hooks/useRefFunction";
|