@ant-design/agentic-ui 2.0.17 → 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/lotties/ShinyText/index.d.ts +69 -0
- package/dist/Components/lotties/ShinyText/index.js +60 -0
- package/dist/Components/lotties/ShinyText/style.d.ts +5 -0
- 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 +155 -146
- package/dist/MarkdownInputField/style.js +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -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
|
+
};
|
|
@@ -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,10 +404,9 @@ var MarkdownInputField = (_a) => {
|
|
|
404
404
|
[`${baseCls}-enlarged`]: isEnlarged
|
|
405
405
|
}),
|
|
406
406
|
style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
|
|
407
|
-
|
|
408
|
-
height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `max(${collapsedHeight}px,100%)`,
|
|
407
|
+
height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `min(${collapsedHeightPx}px,100%)`,
|
|
409
408
|
borderRadius: borderRadius || 16,
|
|
410
|
-
maxHeight: isEnlarged ? "none" : `
|
|
409
|
+
maxHeight: isEnlarged ? "none" : `min(${collapsedHeightPx}px,100%)`,
|
|
411
410
|
transition: "height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s"
|
|
412
411
|
}),
|
|
413
412
|
tabIndex: 1,
|
|
@@ -423,7 +422,7 @@ var MarkdownInputField = (_a) => {
|
|
|
423
422
|
[`${baseCls}-hover`]: isHover
|
|
424
423
|
}),
|
|
425
424
|
style: {
|
|
426
|
-
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,
|
|
427
426
|
height: "100%",
|
|
428
427
|
width: "100%"
|
|
429
428
|
}
|
|
@@ -434,170 +433,180 @@ var MarkdownInputField = (_a) => {
|
|
|
434
433
|
{
|
|
435
434
|
className: classNames(`${baseCls}-border-wrapper`, hashId),
|
|
436
435
|
style: {
|
|
437
|
-
height: isEnlarged ? "100%" : "
|
|
438
|
-
maxHeight: isEnlarged ? "100%" : "
|
|
436
|
+
height: isEnlarged ? "100%" : "100%",
|
|
437
|
+
maxHeight: isEnlarged ? "100%" : "100%",
|
|
439
438
|
borderRadius: (borderRadius || 16) - 2 || 10,
|
|
440
439
|
cursor: isLoading || props.disabled ? "not-allowed" : "auto",
|
|
441
440
|
opacity: props.disabled ? 0.5 : 1,
|
|
442
|
-
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : void 0
|
|
441
|
+
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_m = props.style) == null ? void 0 : _m.minHeight) || 0
|
|
443
442
|
}
|
|
444
443
|
},
|
|
445
|
-
/* @__PURE__ */ React.createElement(
|
|
444
|
+
/* @__PURE__ */ React.createElement(
|
|
446
445
|
"div",
|
|
447
446
|
{
|
|
447
|
+
className: classNames(`${baseCls}-content-wrapper`, hashId),
|
|
448
448
|
style: {
|
|
449
|
-
|
|
450
|
-
flexDirection: "column",
|
|
451
|
-
borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
|
|
452
|
-
borderTopRightRadius: (borderRadius || 16) - 2 || 10,
|
|
453
|
-
maxHeight: isEnlarged ? "none" : (() => {
|
|
454
|
-
var _a3, _b3;
|
|
455
|
-
const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
|
|
456
|
-
const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
|
|
457
|
-
const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
|
|
458
|
-
return `min(${base + extra}px)`;
|
|
459
|
-
})(),
|
|
460
|
-
height: isEnlarged ? "100%" : "auto",
|
|
461
|
-
flex: 1
|
|
462
|
-
},
|
|
463
|
-
className: classNames(`${baseCls}-editor`, hashId, {
|
|
464
|
-
[`${baseCls}-editor-hover`]: isHover,
|
|
465
|
-
[`${baseCls}-editor-disabled`]: props.disabled
|
|
466
|
-
})
|
|
467
|
-
},
|
|
468
|
-
/* @__PURE__ */ React.createElement(
|
|
469
|
-
SkillModeBar,
|
|
470
|
-
{
|
|
471
|
-
skillMode: props.skillMode,
|
|
472
|
-
onSkillModeOpenChange: props.onSkillModeOpenChange
|
|
449
|
+
minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_n = props.style) == null ? void 0 : _n.minHeight) || 0
|
|
473
450
|
}
|
|
474
|
-
|
|
451
|
+
},
|
|
475
452
|
/* @__PURE__ */ React.createElement(
|
|
476
453
|
"div",
|
|
477
454
|
{
|
|
478
|
-
|
|
455
|
+
style: {
|
|
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
|
|
469
|
+
},
|
|
470
|
+
className: classNames(`${baseCls}-editor`, hashId, {
|
|
471
|
+
[`${baseCls}-editor-hover`]: isHover,
|
|
472
|
+
[`${baseCls}-editor-disabled`]: props.disabled
|
|
473
|
+
})
|
|
479
474
|
},
|
|
480
|
-
attachmentList,
|
|
481
475
|
/* @__PURE__ */ React.createElement(
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
}
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
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)
|
|
486
|
+
},
|
|
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
|
+
)
|
|
532
540
|
)
|
|
533
|
-
)
|
|
534
|
-
|
|
535
|
-
"div",
|
|
536
|
-
{
|
|
537
|
-
style: {
|
|
538
|
-
backgroundColor: "#fff",
|
|
539
|
-
display: "flex",
|
|
540
|
-
boxSizing: "border-box",
|
|
541
|
-
borderBottomLeftRadius: (borderRadius || 16) - 2 || 10,
|
|
542
|
-
borderBottomRightRadius: (borderRadius || 16) - 2 || 10,
|
|
543
|
-
flexDirection: "row",
|
|
544
|
-
alignItems: "center",
|
|
545
|
-
justifyContent: "space-between",
|
|
546
|
-
gap: 8,
|
|
547
|
-
width: "100%",
|
|
548
|
-
paddingRight: "var(--padding-card-base)",
|
|
549
|
-
paddingLeft: "var(--padding-card-base)",
|
|
550
|
-
paddingBottom: "var(--padding-card-base)"
|
|
551
|
-
}
|
|
552
|
-
},
|
|
553
|
-
/* @__PURE__ */ React.createElement(
|
|
541
|
+
),
|
|
542
|
+
props.toolsRender ? /* @__PURE__ */ React.createElement(
|
|
554
543
|
"div",
|
|
555
544
|
{
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
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
|
+
}
|
|
559
559
|
},
|
|
560
|
-
|
|
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,
|
|
561
583
|
value,
|
|
562
584
|
fileMap,
|
|
563
|
-
onFileMapChange: setFileMap
|
|
564
|
-
}, props), {
|
|
585
|
+
onFileMapChange: setFileMap,
|
|
565
586
|
isHover,
|
|
566
587
|
isLoading,
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
setValue(text);
|
|
587
|
-
(_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
|
|
588
|
-
},
|
|
589
|
-
quickActionRender: props.quickActionRender,
|
|
590
|
-
prefixCls: baseCls,
|
|
591
|
-
hashId,
|
|
592
|
-
enlargeable: !!((_n = props.enlargeable) == null ? void 0 : _n.enable),
|
|
593
|
-
isEnlarged,
|
|
594
|
-
onEnlargeClick: handleEnlargeClick,
|
|
595
|
-
onResize: (width, rightOffset) => {
|
|
596
|
-
setTopRightPadding(width);
|
|
597
|
-
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
|
+
}
|
|
598
607
|
}
|
|
599
|
-
|
|
600
|
-
)
|
|
608
|
+
) : null
|
|
609
|
+
)
|
|
601
610
|
)
|
|
602
611
|
)
|
|
603
612
|
))
|
|
@@ -166,6 +166,7 @@ var genStyle = (token) => {
|
|
|
166
166
|
width: "100%",
|
|
167
167
|
border: "2px solid transparent",
|
|
168
168
|
zIndex: 9,
|
|
169
|
+
height: "100%",
|
|
169
170
|
boxSizing: "border-box"
|
|
170
171
|
},
|
|
171
172
|
"&-content-wrapper": {
|
|
@@ -178,6 +179,7 @@ var genStyle = (token) => {
|
|
|
178
179
|
},
|
|
179
180
|
"&-editor": {
|
|
180
181
|
boxSizing: "border-box",
|
|
182
|
+
borderRadius: "inherit",
|
|
181
183
|
backgroundColor: "var(--color-gray-bg-card-white)",
|
|
182
184
|
width: "100%",
|
|
183
185
|
zIndex: 9,
|
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";
|