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
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
|
|
3
|
+
import HighReactMarkdown from '../components/HighReactMarkdown/index.js';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
const MarkdownCMD = forwardRef(({ interval = 30, isClosePrettyTyped = false, onEnd, onStart }, ref) => {
|
|
6
|
+
const charsRef = useRef([]);
|
|
7
|
+
const isTypedRef = useRef(false);
|
|
8
|
+
const onEndRef = useRef(onEnd);
|
|
9
|
+
onEndRef.current = onEnd;
|
|
10
|
+
const onStartRef = useRef(onStart);
|
|
11
|
+
onStartRef.current = onStart;
|
|
12
|
+
const timerRef = useRef(null);
|
|
13
|
+
const [stableParagraphs, setStableParagraphs] = useState([]);
|
|
14
|
+
const [currentParagraph, setCurrentParagraph] = useState(undefined);
|
|
15
|
+
const currentParagraphRef = useRef(undefined);
|
|
16
|
+
currentParagraphRef.current = currentParagraph;
|
|
17
|
+
const clearTimer = () => {
|
|
18
|
+
if (timerRef.current) {
|
|
19
|
+
clearTimeout(timerRef.current);
|
|
20
|
+
timerRef.current = null;
|
|
21
|
+
}
|
|
22
|
+
isTypedRef.current = false;
|
|
23
|
+
};
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
return () => {
|
|
26
|
+
clearTimer();
|
|
27
|
+
};
|
|
28
|
+
}, []);
|
|
29
|
+
function startTypedTask() {
|
|
30
|
+
if (isTypedRef.current) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const chars = charsRef.current;
|
|
34
|
+
function nextTyped() {
|
|
35
|
+
timerRef.current = setTimeout(startTyped, interval);
|
|
36
|
+
}
|
|
37
|
+
function startTyped() {
|
|
38
|
+
isTypedRef.current = true;
|
|
39
|
+
onStartRef.current?.();
|
|
40
|
+
const char = chars.shift();
|
|
41
|
+
if (char === undefined) {
|
|
42
|
+
isTypedRef.current = false;
|
|
43
|
+
if (timerRef.current) {
|
|
44
|
+
clearTimeout(timerRef.current);
|
|
45
|
+
timerRef.current = null;
|
|
46
|
+
}
|
|
47
|
+
onEndRef.current?.();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const currentParagraph = currentParagraphRef.current;
|
|
51
|
+
if (char.content === '\n\n') {
|
|
52
|
+
if (currentParagraph) {
|
|
53
|
+
setStableParagraphs((prev) => {
|
|
54
|
+
const newParagraphs = [...prev];
|
|
55
|
+
if (currentParagraph) {
|
|
56
|
+
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
57
|
+
}
|
|
58
|
+
newParagraphs.push({
|
|
59
|
+
content: '',
|
|
60
|
+
isTyped: false,
|
|
61
|
+
type: 'br',
|
|
62
|
+
answerType: char.answerType,
|
|
63
|
+
});
|
|
64
|
+
return newParagraphs;
|
|
65
|
+
});
|
|
66
|
+
setCurrentParagraph(undefined);
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
setStableParagraphs((prev) => {
|
|
70
|
+
const newParagraphs = [...prev];
|
|
71
|
+
newParagraphs.push({
|
|
72
|
+
content: '',
|
|
73
|
+
isTyped: false,
|
|
74
|
+
type: 'br',
|
|
75
|
+
answerType: char.answerType,
|
|
76
|
+
});
|
|
77
|
+
return newParagraphs;
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
nextTyped();
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
let _currentParagraph = currentParagraph;
|
|
84
|
+
const newCurrentParagraph = {
|
|
85
|
+
content: '',
|
|
86
|
+
isTyped: false,
|
|
87
|
+
type: 'text',
|
|
88
|
+
answerType: char.answerType,
|
|
89
|
+
};
|
|
90
|
+
if (!_currentParagraph) {
|
|
91
|
+
// 如果当前没有段落,则直接设置为当前段落
|
|
92
|
+
_currentParagraph = newCurrentParagraph;
|
|
93
|
+
}
|
|
94
|
+
else if (currentParagraph && currentParagraph?.answerType !== char.answerType) {
|
|
95
|
+
setStableParagraphs((prev) => {
|
|
96
|
+
const newParagraphs = [...prev];
|
|
97
|
+
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
98
|
+
return newParagraphs;
|
|
99
|
+
});
|
|
100
|
+
_currentParagraph = newCurrentParagraph;
|
|
101
|
+
setCurrentParagraph(_currentParagraph);
|
|
102
|
+
}
|
|
103
|
+
setCurrentParagraph((prev) => {
|
|
104
|
+
return {
|
|
105
|
+
..._currentParagraph,
|
|
106
|
+
content: (prev?.content || '') + char.content,
|
|
107
|
+
isTyped: true,
|
|
108
|
+
};
|
|
109
|
+
});
|
|
110
|
+
nextTyped();
|
|
111
|
+
}
|
|
112
|
+
startTyped();
|
|
113
|
+
}
|
|
114
|
+
useImperativeHandle(ref, () => ({
|
|
115
|
+
push: (content, answerType) => {
|
|
116
|
+
// 如果朋友\n,则\n这两个字符要合一起,作为一个字符处理,并且把多个\n处理成一个\n
|
|
117
|
+
const charsGroup = content.split('\n\n');
|
|
118
|
+
charsGroup.forEach((chars, index) => {
|
|
119
|
+
if (isClosePrettyTyped) {
|
|
120
|
+
charsRef.current.push({ content: chars, answerType });
|
|
121
|
+
}
|
|
122
|
+
else {
|
|
123
|
+
charsRef.current.push(...chars.split('').map((char) => ({ content: char, answerType })));
|
|
124
|
+
}
|
|
125
|
+
if (index !== charsGroup.length - 1) {
|
|
126
|
+
charsRef.current.push({ content: '\n\n', answerType });
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
// charsRef.current.push({ content: content, answerType });
|
|
130
|
+
if (!isTypedRef.current) {
|
|
131
|
+
startTypedTask();
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
clear: () => {
|
|
135
|
+
clearTimer();
|
|
136
|
+
charsRef.current = [];
|
|
137
|
+
setStableParagraphs([]);
|
|
138
|
+
setCurrentParagraph(undefined);
|
|
139
|
+
},
|
|
140
|
+
}));
|
|
141
|
+
const thinkingParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === 'thinking');
|
|
142
|
+
const answerParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === 'answer');
|
|
143
|
+
const getParagraphs = (paragraphs, answerType) => {
|
|
144
|
+
return (_jsxs("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: [paragraphs.map((paragraph, index) => {
|
|
145
|
+
if (paragraph.type === 'br') {
|
|
146
|
+
return null;
|
|
147
|
+
}
|
|
148
|
+
return _jsx(HighReactMarkdown, { children: paragraph.content || '' }, index);
|
|
149
|
+
}), currentParagraph?.answerType === answerType && _jsx(HighReactMarkdown, { children: currentParagraph.content || '' }, currentParagraph.content)] }));
|
|
150
|
+
};
|
|
151
|
+
return (_jsxs("div", { className: classNames({
|
|
152
|
+
'ds-markdown': true,
|
|
153
|
+
apple: true,
|
|
154
|
+
}), children: [(thinkingParagraphs.length > 0 || currentParagraph?.answerType === 'thinking') && _jsx("div", { className: "ds-markdown-thinking", children: getParagraphs(thinkingParagraphs, 'thinking') }), (answerParagraphs.length > 0 || currentParagraph?.answerType === 'answer') && _jsx("div", { className: "ds-markdown-answer", children: getParagraphs(answerParagraphs, 'answer') })] }));
|
|
155
|
+
});
|
|
156
|
+
export default MarkdownCMD;
|
|
157
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MarkdownCMD/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,MAAM,CAAC,MAAM,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/esm/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/esm/index.js
CHANGED
|
@@ -1,160 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import HighReactMarkdown from "./components/HighReactMarkdown/index.js";
|
|
4
|
-
import classNames from "classnames";
|
|
5
|
-
const Markdown = forwardRef(({ interval = 30, isClosePrettyTyped = false }, ref) => {
|
|
6
|
-
// const [content, setContent] = useState(initialContent)
|
|
7
|
-
const charsRef = useRef([]);
|
|
8
|
-
const isTypedRef = useRef(false);
|
|
9
|
-
const timerRef = useRef(null);
|
|
10
|
-
const [stableParagraphs, setStableParagraphs] = useState([]);
|
|
11
|
-
const [currentParagraph, setCurrentParagraph] = useState(undefined);
|
|
12
|
-
const currentParagraphRef = useRef(undefined);
|
|
13
|
-
currentParagraphRef.current = currentParagraph;
|
|
14
|
-
const clearTimer = () => {
|
|
15
|
-
if (timerRef.current) {
|
|
16
|
-
clearTimeout(timerRef.current);
|
|
17
|
-
timerRef.current = null;
|
|
18
|
-
}
|
|
19
|
-
isTypedRef.current = false;
|
|
20
|
-
};
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
return () => {
|
|
23
|
-
clearTimer();
|
|
24
|
-
};
|
|
25
|
-
}, []);
|
|
26
|
-
function startTypedTask() {
|
|
27
|
-
if (isTypedRef.current) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
const chars = charsRef.current;
|
|
31
|
-
function _startTyped() {
|
|
32
|
-
if (chars.length === 0) {
|
|
33
|
-
isTypedRef.current = false;
|
|
34
|
-
if (timerRef.current) {
|
|
35
|
-
clearTimeout(timerRef.current);
|
|
36
|
-
timerRef.current = null;
|
|
37
|
-
}
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
isTypedRef.current = true;
|
|
41
|
-
timerRef.current = setTimeout(() => {
|
|
42
|
-
const char = chars.shift();
|
|
43
|
-
if (char === undefined) {
|
|
44
|
-
isTypedRef.current = false;
|
|
45
|
-
if (timerRef.current) {
|
|
46
|
-
clearTimeout(timerRef.current);
|
|
47
|
-
timerRef.current = null;
|
|
48
|
-
}
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
const currentParagraph = currentParagraphRef.current;
|
|
52
|
-
if (char.content === "\n\n") {
|
|
53
|
-
if (currentParagraph) {
|
|
54
|
-
setStableParagraphs((prev) => {
|
|
55
|
-
const newParagraphs = [...prev];
|
|
56
|
-
if (currentParagraph) {
|
|
57
|
-
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
58
|
-
}
|
|
59
|
-
newParagraphs.push({
|
|
60
|
-
content: "",
|
|
61
|
-
isTyped: false,
|
|
62
|
-
type: "br",
|
|
63
|
-
answerType: char.answerType,
|
|
64
|
-
});
|
|
65
|
-
return newParagraphs;
|
|
66
|
-
});
|
|
67
|
-
setCurrentParagraph(undefined);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
setStableParagraphs((prev) => {
|
|
71
|
-
const newParagraphs = [...prev];
|
|
72
|
-
newParagraphs.push({
|
|
73
|
-
content: "",
|
|
74
|
-
isTyped: false,
|
|
75
|
-
type: "br",
|
|
76
|
-
answerType: char.answerType,
|
|
77
|
-
});
|
|
78
|
-
return newParagraphs;
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
_startTyped();
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
let _currentParagraph = currentParagraph;
|
|
85
|
-
const newCurrentParagraph = {
|
|
86
|
-
content: "",
|
|
87
|
-
isTyped: false,
|
|
88
|
-
type: "text",
|
|
89
|
-
answerType: char.answerType,
|
|
90
|
-
};
|
|
91
|
-
if (!_currentParagraph) {
|
|
92
|
-
// 如果当前没有段落,则直接设置为当前段落
|
|
93
|
-
_currentParagraph = newCurrentParagraph;
|
|
94
|
-
}
|
|
95
|
-
else if (currentParagraph &&
|
|
96
|
-
currentParagraph?.answerType !== char.answerType) {
|
|
97
|
-
setStableParagraphs((prev) => {
|
|
98
|
-
const newParagraphs = [...prev];
|
|
99
|
-
newParagraphs.push({ ...currentParagraph, isTyped: false });
|
|
100
|
-
return newParagraphs;
|
|
101
|
-
});
|
|
102
|
-
_currentParagraph = newCurrentParagraph;
|
|
103
|
-
setCurrentParagraph(_currentParagraph);
|
|
104
|
-
}
|
|
105
|
-
setCurrentParagraph((prev) => {
|
|
106
|
-
return {
|
|
107
|
-
..._currentParagraph,
|
|
108
|
-
content: (prev?.content || "") + char.content,
|
|
109
|
-
isTyped: true,
|
|
110
|
-
};
|
|
111
|
-
});
|
|
112
|
-
_startTyped();
|
|
113
|
-
}, interval);
|
|
114
|
-
}
|
|
115
|
-
_startTyped();
|
|
116
|
-
}
|
|
117
|
-
useImperativeHandle(ref, () => ({
|
|
118
|
-
push: (content, answerType) => {
|
|
119
|
-
// 如果朋友\n,则\n这两个字符要合一起,作为一个字符处理,并且把多个\n处理成一个\n
|
|
120
|
-
const charsGroup = content.split("\n\n");
|
|
121
|
-
charsGroup.forEach((chars, index) => {
|
|
122
|
-
if (isClosePrettyTyped) {
|
|
123
|
-
charsRef.current.push({ content: chars, answerType });
|
|
124
|
-
}
|
|
125
|
-
else {
|
|
126
|
-
charsRef.current.push(...chars.split("").map((char) => ({ content: char, answerType })));
|
|
127
|
-
}
|
|
128
|
-
if (index !== charsGroup.length - 1) {
|
|
129
|
-
charsRef.current.push({ content: "\n\n", answerType });
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
// charsRef.current.push({ content: content, answerType });
|
|
133
|
-
if (!isTypedRef.current) {
|
|
134
|
-
startTypedTask();
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
clear: () => {
|
|
138
|
-
clearTimer();
|
|
139
|
-
charsRef.current = [];
|
|
140
|
-
setStableParagraphs([]);
|
|
141
|
-
setCurrentParagraph(undefined);
|
|
142
|
-
},
|
|
143
|
-
}));
|
|
144
|
-
const thinkingParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === "thinking");
|
|
145
|
-
const answerParagraphs = stableParagraphs.filter((paragraph) => paragraph.answerType === "answer");
|
|
146
|
-
const getParagraphs = (paragraphs, answerType) => {
|
|
147
|
-
return (_jsxs("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: [paragraphs.map((paragraph, index) => {
|
|
148
|
-
if (paragraph.type === "br") {
|
|
149
|
-
return null;
|
|
150
|
-
}
|
|
151
|
-
return (_jsx(HighReactMarkdown, { children: paragraph.content || "" }, index));
|
|
152
|
-
}), currentParagraph?.answerType === answerType && (_jsx(HighReactMarkdown, { children: currentParagraph.content || "" }, currentParagraph.content))] }));
|
|
153
|
-
};
|
|
154
|
-
return (_jsxs("div", { className: classNames({
|
|
155
|
-
'ds-markdown': true,
|
|
156
|
-
"apple": true
|
|
157
|
-
}), children: [_jsx("div", { className: "ds-markdown-thinking", children: getParagraphs(thinkingParagraphs, "thinking") }), _jsx("div", { className: "ds-markdown-answer", children: getParagraphs(answerParagraphs, "answer") })] }));
|
|
158
|
-
});
|
|
1
|
+
import MarkdownCMD from './MarkdownCMD';
|
|
2
|
+
import Markdown from './Markdown';
|
|
159
3
|
export default Markdown;
|
|
4
|
+
export { Markdown, MarkdownCMD };
|
|
160
5
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|