ds-markdown 0.0.3 → 0.0.4-beta.1
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/README.md +4 -0
- package/dist/cjs/Markdown/index.d.ts +8 -0
- package/dist/cjs/Markdown/index.js +58 -0
- package/dist/cjs/Markdown/index.js.map +1 -0
- package/dist/cjs/MarkdownCMD/index.d.ts +7 -0
- package/dist/cjs/MarkdownCMD/index.js +162 -0
- package/dist/cjs/MarkdownCMD/index.js.map +1 -0
- package/dist/cjs/constant.d.ts +1 -0
- package/dist/cjs/constant.js +5 -0
- package/dist/cjs/constant.js.map +1 -0
- package/dist/cjs/defined.d.ts +29 -0
- package/dist/cjs/defined.js +3 -0
- package/dist/cjs/defined.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -12
- package/dist/cjs/index.js +6 -159
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Markdown/index.d.ts +8 -0
- package/dist/esm/Markdown/index.js +53 -0
- package/dist/esm/Markdown/index.js.map +1 -0
- package/dist/esm/MarkdownCMD/index.d.ts +7 -0
- package/dist/esm/MarkdownCMD/index.js +157 -0
- package/dist/esm/MarkdownCMD/index.js.map +1 -0
- package/dist/esm/constant.d.ts +1 -0
- package/dist/esm/constant.js +2 -0
- package/dist/esm/constant.js.map +1 -0
- package/dist/esm/defined.d.ts +29 -0
- package/dist/esm/defined.js +2 -0
- package/dist/esm/defined.js.map +1 -0
- package/dist/esm/index.d.ts +3 -12
- package/dist/esm/index.js +3 -158
- package/dist/esm/index.js.map +1 -1
- package/dist/style.css +0 -481
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnswerType, MarkdownProps } from '../defined.js';
|
|
3
|
+
interface MarkdownImplProps extends MarkdownProps {
|
|
4
|
+
children: string | undefined;
|
|
5
|
+
answerType: AnswerType;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: React.NamedExoticComponent<MarkdownImplProps>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const constant_js_1 = require("../constant.js");
|
|
9
|
+
const index_js_1 = __importDefault(require("../MarkdownCMD/index.js"));
|
|
10
|
+
const MarkdownInner = ({ children: _children = '', answerType, ...rest }) => {
|
|
11
|
+
const cmdRef = (0, react_1.useRef)(null);
|
|
12
|
+
const prefixRef = (0, react_1.useRef)('');
|
|
13
|
+
const content = (0, react_1.useMemo)(() => {
|
|
14
|
+
if (typeof _children === 'string') {
|
|
15
|
+
return _children;
|
|
16
|
+
}
|
|
17
|
+
if (constant_js_1.__DEV__) {
|
|
18
|
+
console.error('Markdown组件的子元素必须是一个字符串');
|
|
19
|
+
}
|
|
20
|
+
return '';
|
|
21
|
+
}, [_children]);
|
|
22
|
+
// console.log('content', content);
|
|
23
|
+
console.log('render');
|
|
24
|
+
(0, react_1.useEffect)(() => {
|
|
25
|
+
if (prefixRef.current !== content) {
|
|
26
|
+
let newContent = '';
|
|
27
|
+
if (prefixRef.current === '') {
|
|
28
|
+
newContent = content;
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
if (content.startsWith(prefixRef.current)) {
|
|
32
|
+
newContent = content.slice(prefixRef.current.length);
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
newContent = content;
|
|
36
|
+
cmdRef.current.clear();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
cmdRef.current.push(newContent, answerType);
|
|
40
|
+
prefixRef.current = content;
|
|
41
|
+
}
|
|
42
|
+
}, [answerType, content]);
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(index_js_1.default, { ref: cmdRef, ...rest });
|
|
44
|
+
};
|
|
45
|
+
const Markdown = (props) => {
|
|
46
|
+
const { children = '', answerType = 'answer' } = props;
|
|
47
|
+
if (constant_js_1.__DEV__) {
|
|
48
|
+
if (!['thinking', 'answer'].includes(answerType)) {
|
|
49
|
+
throw new Error('Markdown组件的answerType必须是thinking或answer');
|
|
50
|
+
}
|
|
51
|
+
if (typeof children !== 'string') {
|
|
52
|
+
throw new Error('Markdown组件的子元素必须是一个字符串');
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return (0, jsx_runtime_1.jsx)(MarkdownInner, { ...props, answerType: answerType });
|
|
56
|
+
};
|
|
57
|
+
exports.default = (0, react_1.memo)(Markdown);
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Markdown/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAgE;AAChE,gDAAyC;AAEzC,uEAAmE;AAOnE,MAAM,aAAa,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACvG,MAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAK,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,qBAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,mCAAmC;IAEnC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,UAAU,GAAG,EAAE,CAAC;YACpB,IAAI,SAAS,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;gBAC7B,UAAU,GAAG,OAAO,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC1C,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACvD,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,OAAO,CAAC;oBACrB,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAC5C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,uBAAC,kBAAW,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAI,qBAAO,EAAE,CAAC;QACZ,IAAI,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACjD,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,OAAO,uBAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AnswerType, MarkdownProps } from '../defined.js';
|
|
2
|
+
export interface MarkdownRef {
|
|
3
|
+
push: (content: string, answerType: AnswerType) => void;
|
|
4
|
+
clear: () => void;
|
|
5
|
+
}
|
|
6
|
+
declare const MarkdownCMD: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<MarkdownRef>>;
|
|
7
|
+
export default MarkdownCMD;
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const index_js_1 = __importDefault(require("../components/HighReactMarkdown/index.js"));
|
|
9
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
10
|
+
const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, isClosePrettyTyped = false, onEnd, onStart }, ref) => {
|
|
11
|
+
const charsRef = (0, react_1.useRef)([]);
|
|
12
|
+
const isTypedRef = (0, react_1.useRef)(false);
|
|
13
|
+
const onEndRef = (0, react_1.useRef)(onEnd);
|
|
14
|
+
onEndRef.current = onEnd;
|
|
15
|
+
const onStartRef = (0, react_1.useRef)(onStart);
|
|
16
|
+
onStartRef.current = onStart;
|
|
17
|
+
const timerRef = (0, react_1.useRef)(null);
|
|
18
|
+
const [stableParagraphs, setStableParagraphs] = (0, react_1.useState)([]);
|
|
19
|
+
const [currentParagraph, setCurrentParagraph] = (0, react_1.useState)(undefined);
|
|
20
|
+
const currentParagraphRef = (0, react_1.useRef)(undefined);
|
|
21
|
+
currentParagraphRef.current = currentParagraph;
|
|
22
|
+
const clearTimer = () => {
|
|
23
|
+
if (timerRef.current) {
|
|
24
|
+
clearTimeout(timerRef.current);
|
|
25
|
+
timerRef.current = null;
|
|
26
|
+
}
|
|
27
|
+
isTypedRef.current = false;
|
|
28
|
+
};
|
|
29
|
+
(0, react_1.useEffect)(() => {
|
|
30
|
+
return () => {
|
|
31
|
+
clearTimer();
|
|
32
|
+
};
|
|
33
|
+
}, []);
|
|
34
|
+
function startTypedTask() {
|
|
35
|
+
if (isTypedRef.current) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const chars = charsRef.current;
|
|
39
|
+
function nextTyped() {
|
|
40
|
+
timerRef.current = setTimeout(startTyped, interval);
|
|
41
|
+
}
|
|
42
|
+
function startTyped() {
|
|
43
|
+
isTypedRef.current = true;
|
|
44
|
+
onStartRef.current?.();
|
|
45
|
+
const char = chars.shift();
|
|
46
|
+
if (char === undefined) {
|
|
47
|
+
isTypedRef.current = false;
|
|
48
|
+
if (timerRef.current) {
|
|
49
|
+
clearTimeout(timerRef.current);
|
|
50
|
+
timerRef.current = null;
|
|
51
|
+
}
|
|
52
|
+
onEndRef.current?.();
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const currentParagraph = currentParagraphRef.current;
|
|
56
|
+
if (char.content === '\n\n') {
|
|
57
|
+
if (currentParagraph) {
|
|
58
|
+
setStableParagraphs((prev) => {
|
|
59
|
+
const newParagraphs = [...prev];
|
|
60
|
+
if (currentParagraph) {
|
|
61
|
+
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
62
|
+
}
|
|
63
|
+
newParagraphs.push({
|
|
64
|
+
content: '',
|
|
65
|
+
isTyped: false,
|
|
66
|
+
type: 'br',
|
|
67
|
+
answerType: char.answerType,
|
|
68
|
+
});
|
|
69
|
+
return newParagraphs;
|
|
70
|
+
});
|
|
71
|
+
setCurrentParagraph(undefined);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
setStableParagraphs((prev) => {
|
|
75
|
+
const newParagraphs = [...prev];
|
|
76
|
+
newParagraphs.push({
|
|
77
|
+
content: '',
|
|
78
|
+
isTyped: false,
|
|
79
|
+
type: 'br',
|
|
80
|
+
answerType: char.answerType,
|
|
81
|
+
});
|
|
82
|
+
return newParagraphs;
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
nextTyped();
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
let _currentParagraph = currentParagraph;
|
|
89
|
+
const newCurrentParagraph = {
|
|
90
|
+
content: '',
|
|
91
|
+
isTyped: false,
|
|
92
|
+
type: 'text',
|
|
93
|
+
answerType: char.answerType,
|
|
94
|
+
};
|
|
95
|
+
if (!_currentParagraph) {
|
|
96
|
+
// 如果当前没有段落,则直接设置为当前段落
|
|
97
|
+
_currentParagraph = newCurrentParagraph;
|
|
98
|
+
}
|
|
99
|
+
else if (currentParagraph && currentParagraph?.answerType !== char.answerType) {
|
|
100
|
+
setStableParagraphs((prev) => {
|
|
101
|
+
const newParagraphs = [...prev];
|
|
102
|
+
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
103
|
+
return newParagraphs;
|
|
104
|
+
});
|
|
105
|
+
_currentParagraph = newCurrentParagraph;
|
|
106
|
+
setCurrentParagraph(_currentParagraph);
|
|
107
|
+
}
|
|
108
|
+
setCurrentParagraph((prev) => {
|
|
109
|
+
return {
|
|
110
|
+
..._currentParagraph,
|
|
111
|
+
content: (prev?.content || '') + char.content,
|
|
112
|
+
isTyped: true,
|
|
113
|
+
};
|
|
114
|
+
});
|
|
115
|
+
nextTyped();
|
|
116
|
+
}
|
|
117
|
+
startTyped();
|
|
118
|
+
}
|
|
119
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
120
|
+
push: (content, answerType) => {
|
|
121
|
+
// 如果朋友\n,则\n这两个字符要合一起,作为一个字符处理,并且把多个\n处理成一个\n
|
|
122
|
+
const charsGroup = content.split('\n\n');
|
|
123
|
+
charsGroup.forEach((chars, index) => {
|
|
124
|
+
if (isClosePrettyTyped) {
|
|
125
|
+
charsRef.current.push({ content: chars, answerType });
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
charsRef.current.push(...chars.split('').map((char) => ({ content: char, answerType })));
|
|
129
|
+
}
|
|
130
|
+
if (index !== charsGroup.length - 1) {
|
|
131
|
+
charsRef.current.push({ content: '\n\n', answerType });
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
// charsRef.current.push({ content: content, answerType });
|
|
135
|
+
if (!isTypedRef.current) {
|
|
136
|
+
startTypedTask();
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
clear: () => {
|
|
140
|
+
clearTimer();
|
|
141
|
+
charsRef.current = [];
|
|
142
|
+
setStableParagraphs([]);
|
|
143
|
+
setCurrentParagraph(undefined);
|
|
144
|
+
},
|
|
145
|
+
}));
|
|
146
|
+
const thinkingParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === 'thinking');
|
|
147
|
+
const answerParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === 'answer');
|
|
148
|
+
const getParagraphs = (paragraphs, answerType) => {
|
|
149
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: [paragraphs.map((paragraph, index) => {
|
|
150
|
+
if (paragraph.type === 'br') {
|
|
151
|
+
return null;
|
|
152
|
+
}
|
|
153
|
+
return (0, jsx_runtime_1.jsx)(index_js_1.default, { children: paragraph.content || '' }, index);
|
|
154
|
+
}), currentParagraph?.answerType === answerType && (0, jsx_runtime_1.jsx)(index_js_1.default, { children: currentParagraph.content || '' }, currentParagraph.content)] }));
|
|
155
|
+
};
|
|
156
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)({
|
|
157
|
+
'ds-markdown': true,
|
|
158
|
+
apple: true,
|
|
159
|
+
}), children: [(thinkingParagraphs.length > 0 || currentParagraph?.answerType === 'thinking') && (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-thinking", children: getParagraphs(thinkingParagraphs, 'thinking') }), (answerParagraphs.length > 0 || currentParagraph?.answerType === 'answer') && (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-answer", children: getParagraphs(answerParagraphs, 'answer') })] }));
|
|
160
|
+
});
|
|
161
|
+
exports.default = MarkdownCMD;
|
|
162
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MarkdownCMD/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAqF;AAErF,wFAAyE;AACzE,4DAAoC;AASpC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAgC,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnI,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAgD,EAAE,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAe,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAyB,SAAS,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAyB,SAAS,CAAC,CAAC;IACtE,mBAAmB,CAAC,OAAO,GAAG,gBAAgB,CAAC;IAE/C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;QACD,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;QACf,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,cAAc;QACrB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,SAAS,SAAS;YAChB,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACtD,CAAC;QAED,SAAS,UAAU;YACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC3B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;oBAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,CAAC;gBACD,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YACD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC;YACrD,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBAC5B,IAAI,gBAAgB,EAAE,CAAC;oBACrB,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC3B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;wBAChC,IAAI,gBAAgB,EAAE,CAAC;4BACrB,aAAa,CAAC,IAAI,CAAC,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;wBAC9D,CAAC;wBACD,aAAa,CAAC,IAAI,CAAC;4BACjB,OAAO,EAAE,EAAE;4BACX,OAAO,EAAE,KAAK;4BACd,IAAI,EAAE,IAAI;4BACV,UAAU,EAAE,IAAI,CAAC,UAAU;yBAC5B,CAAC,CAAC;wBACH,OAAO,aAAa,CAAC;oBACvB,CAAC,CAAC,CAAC;oBACH,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBACjC,CAAC;qBAAM,CAAC;oBACN,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC3B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;wBAChC,aAAa,CAAC,IAAI,CAAC;4BACjB,OAAO,EAAE,EAAE;4BACX,OAAO,EAAE,KAAK;4BACd,IAAI,EAAE,IAAI;4BACV,UAAU,EAAE,IAAI,CAAC,UAAU;yBAC5B,CAAC,CAAC;wBACH,OAAO,aAAa,CAAC;oBACvB,CAAC,CAAC,CAAC;gBACL,CAAC;gBACD,SAAS,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YAED,IAAI,iBAAiB,GAAG,gBAAgB,CAAC;YACzC,MAAM,mBAAmB,GAAe;gBACtC,OAAO,EAAE,EAAE;gBACX,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,IAAI,CAAC,UAAU;aAC5B,CAAC;YACF,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,sBAAsB;gBACtB,iBAAiB,GAAG,mBAAmB,CAAC;YAC1C,CAAC;iBAAM,IAAI,gBAAgB,IAAI,gBAAgB,EAAE,UAAU,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChF,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC3B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;oBAChC,aAAa,CAAC,IAAI,CAAC,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC5D,OAAO,aAAa,CAAC;gBACvB,CAAC,CAAC,CAAC;gBACH,iBAAiB,GAAG,mBAAmB,CAAC;gBACxC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;YACzC,CAAC;YAED,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC3B,OAAO;oBACL,GAAG,iBAAiB;oBACpB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO;oBAC7C,OAAO,EAAE,IAAI;iBACd,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,SAAS,EAAE,CAAC;QACd,CAAC;QAED,UAAU,EAAE,CAAC;IACf,CAAC;IAED,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,CAAC,OAAe,EAAE,UAAsB,EAAE,EAAE;YAChD,8CAA8C;YAC9C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACzC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAClC,IAAI,kBAAkB,EAAE,CAAC;oBACvB,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;gBACxD,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC3F,CAAC;gBACD,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACpC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;gBACzD,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,2DAA2D;YAE3D,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxB,cAAc,EAAE,CAAC;YACnB,CAAC;QACH,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;YACtB,mBAAmB,CAAC,EAAE,CAAC,CAAC;YACxB,mBAAmB,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC;IACvG,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;IAEnG,MAAM,aAAa,GAAG,CAAC,UAAwB,EAAE,UAAsB,EAAE,EAAE;QACzE,OAAO,CACL,iCAAK,SAAS,EAAE,kCAAkC,UAAU,EAAE,aAC3D,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;oBACnC,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;wBAC5B,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,OAAO,uBAAC,kBAAiB,cAAc,SAAS,CAAC,OAAO,IAAI,EAAE,IAA/B,KAAK,CAA+C,CAAC;gBACtF,CAAC,CAAC,EACD,gBAAgB,EAAE,UAAU,KAAK,UAAU,IAAI,uBAAC,kBAAiB,cAAiC,gBAAgB,CAAC,OAAO,IAAI,EAAE,IAAzD,gBAAgB,CAAC,OAAO,CAAsD,IAClJ,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,oBAAU,EAAC;YACpB,aAAa,EAAE,IAAI;YACnB,KAAK,EAAE,IAAI;SACZ,CAAC,aAED,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,EAAE,UAAU,KAAK,UAAU,CAAC,IAAI,gCAAK,SAAS,EAAC,sBAAsB,YAAE,aAAa,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAO,EAC7K,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,EAAE,UAAU,KAAK,QAAQ,CAAC,IAAI,gCAAK,SAAS,EAAC,oBAAoB,YAAE,aAAa,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAO,IAChK,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const __DEV__: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../src/constant.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 回答类型,思考和回答
|
|
3
|
+
*/
|
|
4
|
+
export type AnswerType = 'answer' | 'thinking';
|
|
5
|
+
/**
|
|
6
|
+
* 段落类型
|
|
7
|
+
* 段落类型为br时,表示换行
|
|
8
|
+
* 段落类型为text时,表示文本
|
|
9
|
+
*/
|
|
10
|
+
export interface IParagraph {
|
|
11
|
+
/** 段落内容 */
|
|
12
|
+
content?: string;
|
|
13
|
+
/** 是否已打字 */
|
|
14
|
+
isTyped: boolean;
|
|
15
|
+
/** 段落类型 */
|
|
16
|
+
type: 'br' | 'text';
|
|
17
|
+
/** 回答类型 */
|
|
18
|
+
answerType: AnswerType;
|
|
19
|
+
}
|
|
20
|
+
export interface MarkdownProps {
|
|
21
|
+
/** 打字机效果间隔时间 */
|
|
22
|
+
interval: number;
|
|
23
|
+
/** 是否关闭匀速打字机效果 */
|
|
24
|
+
isClosePrettyTyped?: boolean;
|
|
25
|
+
/** 打字完成后回调 */
|
|
26
|
+
onEnd?: () => void;
|
|
27
|
+
/** 开始打字回调 */
|
|
28
|
+
onStart?: () => void;
|
|
29
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defined.js","sourceRoot":"","sources":["../../src/defined.ts"],"names":[],"mappings":""}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
/** 打字机效果间隔时间 */
|
|
4
|
-
interval: number;
|
|
5
|
-
/** 是否关闭匀速打字机效果 */
|
|
6
|
-
isClosePrettyTyped?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export interface MarkdownRef {
|
|
9
|
-
push: (content: string, answerType: AnswerType) => void;
|
|
10
|
-
clear: () => void;
|
|
11
|
-
}
|
|
12
|
-
declare const Markdown: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<MarkdownRef>>;
|
|
1
|
+
import MarkdownCMD from './MarkdownCMD';
|
|
2
|
+
import Markdown from './Markdown';
|
|
13
3
|
export default Markdown;
|
|
4
|
+
export { Markdown, MarkdownCMD };
|
package/dist/cjs/index.js
CHANGED
|
@@ -3,163 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const charsRef = (0, react_1.useRef)([]);
|
|
13
|
-
const isTypedRef = (0, react_1.useRef)(false);
|
|
14
|
-
const timerRef = (0, react_1.useRef)(null);
|
|
15
|
-
const [stableParagraphs, setStableParagraphs] = (0, react_1.useState)([]);
|
|
16
|
-
const [currentParagraph, setCurrentParagraph] = (0, react_1.useState)(undefined);
|
|
17
|
-
const currentParagraphRef = (0, react_1.useRef)(undefined);
|
|
18
|
-
currentParagraphRef.current = currentParagraph;
|
|
19
|
-
const clearTimer = () => {
|
|
20
|
-
if (timerRef.current) {
|
|
21
|
-
clearTimeout(timerRef.current);
|
|
22
|
-
timerRef.current = null;
|
|
23
|
-
}
|
|
24
|
-
isTypedRef.current = false;
|
|
25
|
-
};
|
|
26
|
-
(0, react_1.useEffect)(() => {
|
|
27
|
-
return () => {
|
|
28
|
-
clearTimer();
|
|
29
|
-
};
|
|
30
|
-
}, []);
|
|
31
|
-
function startTypedTask() {
|
|
32
|
-
if (isTypedRef.current) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
const chars = charsRef.current;
|
|
36
|
-
function _startTyped() {
|
|
37
|
-
if (chars.length === 0) {
|
|
38
|
-
isTypedRef.current = false;
|
|
39
|
-
if (timerRef.current) {
|
|
40
|
-
clearTimeout(timerRef.current);
|
|
41
|
-
timerRef.current = null;
|
|
42
|
-
}
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
isTypedRef.current = true;
|
|
46
|
-
timerRef.current = setTimeout(() => {
|
|
47
|
-
const char = chars.shift();
|
|
48
|
-
if (char === undefined) {
|
|
49
|
-
isTypedRef.current = false;
|
|
50
|
-
if (timerRef.current) {
|
|
51
|
-
clearTimeout(timerRef.current);
|
|
52
|
-
timerRef.current = null;
|
|
53
|
-
}
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const currentParagraph = currentParagraphRef.current;
|
|
57
|
-
if (char.content === "\n\n") {
|
|
58
|
-
if (currentParagraph) {
|
|
59
|
-
setStableParagraphs((prev) => {
|
|
60
|
-
const newParagraphs = [...prev];
|
|
61
|
-
if (currentParagraph) {
|
|
62
|
-
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
63
|
-
}
|
|
64
|
-
newParagraphs.push({
|
|
65
|
-
content: "",
|
|
66
|
-
isTyped: false,
|
|
67
|
-
type: "br",
|
|
68
|
-
answerType: char.answerType,
|
|
69
|
-
});
|
|
70
|
-
return newParagraphs;
|
|
71
|
-
});
|
|
72
|
-
setCurrentParagraph(undefined);
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
setStableParagraphs((prev) => {
|
|
76
|
-
const newParagraphs = [...prev];
|
|
77
|
-
newParagraphs.push({
|
|
78
|
-
content: "",
|
|
79
|
-
isTyped: false,
|
|
80
|
-
type: "br",
|
|
81
|
-
answerType: char.answerType,
|
|
82
|
-
});
|
|
83
|
-
return newParagraphs;
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
_startTyped();
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
let _currentParagraph = currentParagraph;
|
|
90
|
-
const newCurrentParagraph = {
|
|
91
|
-
content: "",
|
|
92
|
-
isTyped: false,
|
|
93
|
-
type: "text",
|
|
94
|
-
answerType: char.answerType,
|
|
95
|
-
};
|
|
96
|
-
if (!_currentParagraph) {
|
|
97
|
-
// 如果当前没有段落,则直接设置为当前段落
|
|
98
|
-
_currentParagraph = newCurrentParagraph;
|
|
99
|
-
}
|
|
100
|
-
else if (currentParagraph &&
|
|
101
|
-
currentParagraph?.answerType !== char.answerType) {
|
|
102
|
-
setStableParagraphs((prev) => {
|
|
103
|
-
const newParagraphs = [...prev];
|
|
104
|
-
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
105
|
-
return newParagraphs;
|
|
106
|
-
});
|
|
107
|
-
_currentParagraph = newCurrentParagraph;
|
|
108
|
-
setCurrentParagraph(_currentParagraph);
|
|
109
|
-
}
|
|
110
|
-
setCurrentParagraph((prev) => {
|
|
111
|
-
return {
|
|
112
|
-
..._currentParagraph,
|
|
113
|
-
content: (prev?.content || "") + char.content,
|
|
114
|
-
isTyped: true,
|
|
115
|
-
};
|
|
116
|
-
});
|
|
117
|
-
_startTyped();
|
|
118
|
-
}, interval);
|
|
119
|
-
}
|
|
120
|
-
_startTyped();
|
|
121
|
-
}
|
|
122
|
-
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
123
|
-
push: (content, answerType) => {
|
|
124
|
-
// 如果朋友\n,则\n这两个字符要合一起,作为一个字符处理,并且把多个\n处理成一个\n
|
|
125
|
-
const charsGroup = content.split("\n\n");
|
|
126
|
-
charsGroup.forEach((chars, index) => {
|
|
127
|
-
if (isClosePrettyTyped) {
|
|
128
|
-
charsRef.current.push({ content: chars, answerType });
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
charsRef.current.push(...chars.split("").map((char) => ({ content: char, answerType })));
|
|
132
|
-
}
|
|
133
|
-
if (index !== charsGroup.length - 1) {
|
|
134
|
-
charsRef.current.push({ content: "\n\n", answerType });
|
|
135
|
-
}
|
|
136
|
-
});
|
|
137
|
-
// charsRef.current.push({ content: content, answerType });
|
|
138
|
-
if (!isTypedRef.current) {
|
|
139
|
-
startTypedTask();
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
|
-
clear: () => {
|
|
143
|
-
clearTimer();
|
|
144
|
-
charsRef.current = [];
|
|
145
|
-
setStableParagraphs([]);
|
|
146
|
-
setCurrentParagraph(undefined);
|
|
147
|
-
},
|
|
148
|
-
}));
|
|
149
|
-
const thinkingParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === "thinking");
|
|
150
|
-
const answerParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === "answer");
|
|
151
|
-
const getParagraphs = (paragraphs, answerType) => {
|
|
152
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: [paragraphs.map((paragraph, index) => {
|
|
153
|
-
if (paragraph.type === "br") {
|
|
154
|
-
return null;
|
|
155
|
-
}
|
|
156
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.default, { children: paragraph.content || "" }, index));
|
|
157
|
-
}), currentParagraph?.answerType === answerType && ((0, jsx_runtime_1.jsx)(index_js_1.default, { children: currentParagraph.content || "" }, currentParagraph.content))] }));
|
|
158
|
-
};
|
|
159
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)({
|
|
160
|
-
'ds-markdown': true,
|
|
161
|
-
"apple": true
|
|
162
|
-
}), children: [(0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-thinking", children: getParagraphs(thinkingParagraphs, "thinking") }), (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-answer", children: getParagraphs(answerParagraphs, "answer") })] }));
|
|
163
|
-
});
|
|
164
|
-
exports.default = Markdown;
|
|
6
|
+
exports.MarkdownCMD = exports.Markdown = void 0;
|
|
7
|
+
const MarkdownCMD_1 = __importDefault(require("./MarkdownCMD"));
|
|
8
|
+
exports.MarkdownCMD = MarkdownCMD_1.default;
|
|
9
|
+
const Markdown_1 = __importDefault(require("./Markdown"));
|
|
10
|
+
exports.Markdown = Markdown_1.default;
|
|
11
|
+
exports.default = Markdown_1.default;
|
|
165
12
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAwC;AAKrB,sBALZ,qBAAW,CAKY;AAJ9B,0DAAkC;AAIzB,mBAJF,kBAAQ,CAIE;AAFjB,kBAAe,kBAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnswerType, MarkdownProps } from '../defined.js';
|
|
3
|
+
interface MarkdownImplProps extends MarkdownProps {
|
|
4
|
+
children: string | undefined;
|
|
5
|
+
answerType: AnswerType;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: React.NamedExoticComponent<MarkdownImplProps>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { __DEV__ } from '../constant.js';
|
|
4
|
+
import MarkdownCMD from '../MarkdownCMD/index.js';
|
|
5
|
+
const MarkdownInner = ({ children: _children = '', answerType, ...rest }) => {
|
|
6
|
+
const cmdRef = useRef(null);
|
|
7
|
+
const prefixRef = useRef('');
|
|
8
|
+
const content = useMemo(() => {
|
|
9
|
+
if (typeof _children === 'string') {
|
|
10
|
+
return _children;
|
|
11
|
+
}
|
|
12
|
+
if (__DEV__) {
|
|
13
|
+
console.error('Markdown组件的子元素必须是一个字符串');
|
|
14
|
+
}
|
|
15
|
+
return '';
|
|
16
|
+
}, [_children]);
|
|
17
|
+
// console.log('content', content);
|
|
18
|
+
console.log('render');
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (prefixRef.current !== content) {
|
|
21
|
+
let newContent = '';
|
|
22
|
+
if (prefixRef.current === '') {
|
|
23
|
+
newContent = content;
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
if (content.startsWith(prefixRef.current)) {
|
|
27
|
+
newContent = content.slice(prefixRef.current.length);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
newContent = content;
|
|
31
|
+
cmdRef.current.clear();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
cmdRef.current.push(newContent, answerType);
|
|
35
|
+
prefixRef.current = content;
|
|
36
|
+
}
|
|
37
|
+
}, [answerType, content]);
|
|
38
|
+
return _jsx(MarkdownCMD, { ref: cmdRef, ...rest });
|
|
39
|
+
};
|
|
40
|
+
const Markdown = (props) => {
|
|
41
|
+
const { children = '', answerType = 'answer' } = props;
|
|
42
|
+
if (__DEV__) {
|
|
43
|
+
if (!['thinking', 'answer'].includes(answerType)) {
|
|
44
|
+
throw new Error('Markdown组件的answerType必须是thinking或answer');
|
|
45
|
+
}
|
|
46
|
+
if (typeof children !== 'string') {
|
|
47
|
+
throw new Error('Markdown组件的子元素必须是一个字符串');
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return _jsx(MarkdownInner, { ...props, answerType: answerType });
|
|
51
|
+
};
|
|
52
|
+
export default memo(Markdown);
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Markdown/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,WAA4B,MAAM,yBAAyB,CAAC;AAOnE,MAAM,aAAa,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACvG,MAAM,MAAM,GAAG,MAAM,CAAc,IAAK,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,mCAAmC;IAEnC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,UAAU,GAAG,EAAE,CAAC;YACpB,IAAI,SAAS,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;gBAC7B,UAAU,GAAG,OAAO,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC1C,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACvD,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,OAAO,CAAC;oBACrB,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAC5C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,KAAC,WAAW,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACjD,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,OAAO,KAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AnswerType, MarkdownProps } from '../defined.js';
|
|
2
|
+
export interface MarkdownRef {
|
|
3
|
+
push: (content: string, answerType: AnswerType) => void;
|
|
4
|
+
clear: () => void;
|
|
5
|
+
}
|
|
6
|
+
declare const MarkdownCMD: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<MarkdownRef>>;
|
|
7
|
+
export default MarkdownCMD;
|