@matechat/core 1.6.0-alpha.1 → 1.7.0-alpha.0
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/Bubble/index.css +1 -1
- package/Locale/index.js +25 -19
- package/MarkdownCard/MermaidService-cIIuQ-0H.js +103 -0
- package/MarkdownCard/index.css +1 -1
- package/MarkdownCard/index.js +421 -246
- package/README.md +5 -9
- package/package.json +1 -1
- package/MarkdownCard/MermaidService-BAyBWx9t.js +0 -48
package/Bubble/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-7e509691]{display:flex;gap:4px;font-size:var(--devui-font-size, 14px)}.mc-bubble .mc-bubble-content[data-v-7e509691]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-7e509691],.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-7e509691]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-7e509691]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-7e509691]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-7e509691]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-7e509691]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-7e509691]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-7e509691]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-7e509691]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-7e509691]{
|
|
1
|
+
.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-7e509691]{display:flex;gap:4px;font-size:var(--devui-font-size, 14px)}.mc-bubble .mc-bubble-content[data-v-7e509691]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-7e509691],.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-7e509691]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-7e509691]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-7e509691]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-7e509691]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-7e509691]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-7e509691]{flex-direction:column}.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{align-items:flex-start;flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-7e509691]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-7e509691]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-7e509691]{align-items:flex-end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691]{flex-direction:row-reverse}
|
package/Locale/index.js
CHANGED
|
@@ -3,28 +3,28 @@ function g(n) {
|
|
|
3
3
|
return new h(n);
|
|
4
4
|
}
|
|
5
5
|
let h = class {
|
|
6
|
-
constructor(
|
|
6
|
+
constructor(o) {
|
|
7
7
|
this.locale = u("zh-cn"), this.messages = l({}), this.use = (e) => {
|
|
8
8
|
this.locale.value = e;
|
|
9
9
|
}, this.t = (e, s = {}) => {
|
|
10
10
|
const t = this.messages[this.locale.value];
|
|
11
11
|
return p(e, s, t);
|
|
12
|
-
}, this.mergeLocaleMessages = (e, s) => this.messages[e] ? (this.messages[e] = a(this.messages[e], s), a(this.messages[e], s)) : (this.messages[e] = s, this.messages), this.locale.value =
|
|
12
|
+
}, this.mergeLocaleMessages = (e, s) => this.messages[e] ? (this.messages[e] = a(this.messages[e], s), a(this.messages[e], s)) : (this.messages[e] = s, this.messages), this.locale.value = o.locale, this.messages = l(o.messages);
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
function p(n,
|
|
15
|
+
function p(n, o, e) {
|
|
16
16
|
const s = n.split(".");
|
|
17
17
|
let t = e || {};
|
|
18
|
-
return s.forEach((
|
|
19
|
-
t = t[
|
|
20
|
-
}), typeof t == "function" ? t(
|
|
18
|
+
return s.forEach((r) => {
|
|
19
|
+
t = t[r] ?? n;
|
|
20
|
+
}), typeof t == "function" ? t(o) : t.replace(/{(\w+)}/g, (r, c) => o[c] ?? `{${c}}`);
|
|
21
21
|
}
|
|
22
|
-
function a(n,
|
|
22
|
+
function a(n, o) {
|
|
23
23
|
const e = { ...n };
|
|
24
|
-
for (const s in
|
|
25
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
26
|
-
const t =
|
|
27
|
-
typeof t == "object" && t !== null ? typeof
|
|
24
|
+
for (const s in o)
|
|
25
|
+
if (Object.prototype.hasOwnProperty.call(o, s)) {
|
|
26
|
+
const t = o[s], r = n[s];
|
|
27
|
+
typeof t == "object" && t !== null ? typeof r == "object" && r !== null ? e[s] = a(r, t) : e[s] = { ...t } : e[s] = t;
|
|
28
28
|
}
|
|
29
29
|
return e;
|
|
30
30
|
}
|
|
@@ -39,7 +39,10 @@ const f = {
|
|
|
39
39
|
toggle: "Collapse/Expand",
|
|
40
40
|
copy: "Copy",
|
|
41
41
|
diagram: "Diagram",
|
|
42
|
-
code: "Code"
|
|
42
|
+
code: "Code",
|
|
43
|
+
zoomIn: "Zoom In",
|
|
44
|
+
zoomOut: "Zoom Out",
|
|
45
|
+
downLoad: "Download"
|
|
43
46
|
}
|
|
44
47
|
}, d = {
|
|
45
48
|
Input: {
|
|
@@ -52,25 +55,28 @@ const f = {
|
|
|
52
55
|
toggle: "收起/展开",
|
|
53
56
|
copy: "复制",
|
|
54
57
|
diagram: "图形",
|
|
55
|
-
code: "代码"
|
|
58
|
+
code: "代码",
|
|
59
|
+
zoomIn: "放大",
|
|
60
|
+
zoomOut: "缩小",
|
|
61
|
+
downLoad: "下载"
|
|
56
62
|
}
|
|
57
|
-
},
|
|
63
|
+
}, m = {
|
|
58
64
|
"en-us": f,
|
|
59
65
|
"zh-cn": d
|
|
60
66
|
}, i = g({
|
|
61
67
|
locale: "zh-cn",
|
|
62
|
-
messages:
|
|
68
|
+
messages: m
|
|
63
69
|
});
|
|
64
|
-
function
|
|
70
|
+
function I() {
|
|
65
71
|
return i;
|
|
66
72
|
}
|
|
67
|
-
const
|
|
73
|
+
const w = {
|
|
68
74
|
install: (n) => {
|
|
69
75
|
n.config.globalProperties.McI18n = i;
|
|
70
76
|
}
|
|
71
77
|
};
|
|
72
78
|
export {
|
|
73
|
-
|
|
79
|
+
w as McLocale,
|
|
74
80
|
i as default,
|
|
75
|
-
|
|
81
|
+
I as useMcI18n
|
|
76
82
|
};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
class f {
|
|
2
|
+
constructor(t = {}) {
|
|
3
|
+
this.config = t, this.mermaidInstance = null, this.isLoading = !1, this.lastValidResult = "", this.viewStateMap = /* @__PURE__ */ new WeakMap(), this.containerHeight = 400;
|
|
4
|
+
}
|
|
5
|
+
async loadMermaid() {
|
|
6
|
+
if (this.mermaidInstance)
|
|
7
|
+
return this.mermaidInstance;
|
|
8
|
+
if (this.isLoading)
|
|
9
|
+
return new Promise((t) => {
|
|
10
|
+
const e = () => {
|
|
11
|
+
this.mermaidInstance ? t(this.mermaidInstance) : setTimeout(e, 50);
|
|
12
|
+
};
|
|
13
|
+
e();
|
|
14
|
+
});
|
|
15
|
+
this.isLoading = !0;
|
|
16
|
+
try {
|
|
17
|
+
const { default: t } = await import("mermaid");
|
|
18
|
+
return t.initialize({
|
|
19
|
+
theme: this.config.theme || "default",
|
|
20
|
+
startOnLoad: !1,
|
|
21
|
+
suppressErrorRendering: !0,
|
|
22
|
+
...this.config
|
|
23
|
+
}), this.mermaidInstance = t, t;
|
|
24
|
+
} catch (t) {
|
|
25
|
+
throw console.error("Failed to load mermaid:", t), new Error("Failed to load mermaid library");
|
|
26
|
+
} finally {
|
|
27
|
+
this.isLoading = !1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
async renderToContainer(t, e, s = "light") {
|
|
31
|
+
const i = await this.renderMermaid(e, s);
|
|
32
|
+
t.innerHTML = i;
|
|
33
|
+
const a = t.querySelector("svg");
|
|
34
|
+
a && (this.initViewState(t, a), this.applyTransform(t, a), a.addEventListener("mousedown", (r) => this.onSvgMouseDown(r, t, a)));
|
|
35
|
+
}
|
|
36
|
+
initViewState(t, e) {
|
|
37
|
+
let s = e.getAttribute("viewBox"), i = 0, a = 0;
|
|
38
|
+
if (s) {
|
|
39
|
+
const l = s.split(/\s+/);
|
|
40
|
+
i = parseFloat(l[2]), a = parseFloat(l[3]);
|
|
41
|
+
} else
|
|
42
|
+
i = e.width.baseVal.value || e.getBoundingClientRect().width, a = e.height.baseVal.value || e.getBoundingClientRect().height;
|
|
43
|
+
const r = t.clientWidth || 0, n = this.containerHeight;
|
|
44
|
+
let o = 1;
|
|
45
|
+
i && a && r && n && (o = Math.min(r / i, n / a, 1)), this.viewStateMap.set(t, {
|
|
46
|
+
scale: o,
|
|
47
|
+
offsetX: 0,
|
|
48
|
+
offsetY: 0,
|
|
49
|
+
dragging: !1,
|
|
50
|
+
dragStart: { x: 0, y: 0 },
|
|
51
|
+
lastOffset: { x: 0, y: 0 }
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
applyTransform(t, e) {
|
|
55
|
+
const s = this.viewStateMap.get(t);
|
|
56
|
+
s && (e.style.position = "absolute", e.style.left = "50%", e.style.top = "50%", e.style.transform = `translate(-50%, -50%) translate(${s.offsetX}px, ${s.offsetY}px) scale(${s.scale})`, e.style.transformOrigin = "center center", e.style.cursor = s.dragging ? "grabbing" : "grab");
|
|
57
|
+
}
|
|
58
|
+
zoomIn(t) {
|
|
59
|
+
const e = t.querySelector("svg"), s = this.viewStateMap.get(t);
|
|
60
|
+
e && s && (s.scale = Math.min(s.scale + 0.2, 3), this.applyTransform(t, e));
|
|
61
|
+
}
|
|
62
|
+
zoomOut(t) {
|
|
63
|
+
const e = t.querySelector("svg"), s = this.viewStateMap.get(t);
|
|
64
|
+
e && s && (s.scale = Math.max(s.scale - 0.2, 0.2), this.applyTransform(t, e));
|
|
65
|
+
}
|
|
66
|
+
reset(t) {
|
|
67
|
+
const e = t.querySelector("svg");
|
|
68
|
+
e && (this.initViewState(t, e), this.applyTransform(t, e));
|
|
69
|
+
}
|
|
70
|
+
onSvgMouseDown(t, e, s) {
|
|
71
|
+
const i = this.viewStateMap.get(e);
|
|
72
|
+
if (!i) return;
|
|
73
|
+
i.dragging = !0, i.dragStart = { x: t.clientX, y: t.clientY }, i.lastOffset = { x: i.offsetX, y: i.offsetY };
|
|
74
|
+
const a = (n) => this.onSvgMouseMove(n, e, s), r = () => this.onSvgMouseUp(e, s, a, r);
|
|
75
|
+
document.addEventListener("mousemove", a), document.addEventListener("mouseup", r), this.applyTransform(e, s);
|
|
76
|
+
}
|
|
77
|
+
onSvgMouseMove(t, e, s) {
|
|
78
|
+
const i = this.viewStateMap.get(e);
|
|
79
|
+
!i || !i.dragging || (i.offsetX = i.lastOffset.x + (t.clientX - i.dragStart.x), i.offsetY = i.lastOffset.y + (t.clientY - i.dragStart.y), this.applyTransform(e, s));
|
|
80
|
+
}
|
|
81
|
+
onSvgMouseUp(t, e, s, i) {
|
|
82
|
+
const a = this.viewStateMap.get(t);
|
|
83
|
+
a && (a.dragging = !1, document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", i), this.applyTransform(t, e));
|
|
84
|
+
}
|
|
85
|
+
async renderMermaid(t, e = "light") {
|
|
86
|
+
try {
|
|
87
|
+
const s = await this.loadMermaid();
|
|
88
|
+
this.config.theme !== e && (this.config.theme = e, s.initialize({
|
|
89
|
+
startOnLoad: !1,
|
|
90
|
+
suppressErrorRendering: !0,
|
|
91
|
+
theme: e === "dark" ? "dark" : "default",
|
|
92
|
+
...this.config
|
|
93
|
+
}));
|
|
94
|
+
const i = `mc_mermaid_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, { svg: a } = await s.render(i, t);
|
|
95
|
+
return this.lastValidResult = a, a;
|
|
96
|
+
} catch {
|
|
97
|
+
return this.lastValidResult;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
export {
|
|
102
|
+
f as MermaidService
|
|
103
|
+
};
|
package/MarkdownCard/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-code-block-light[data-v-7ffec7b6] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-light[data-v-7ffec7b6] code.hljs{padding:3px 5px}.mc-code-block-light[data-v-7ffec7b6] .hljs{background:#fefefe;color:#545454}.mc-code-block-light[data-v-7ffec7b6] .hljs-comment,.mc-code-block-light[data-v-7ffec7b6] .hljs-quote{color:#696969}.mc-code-block-light[data-v-7ffec7b6] .hljs-variable,.mc-code-block-light[data-v-7ffec7b6] .hljs-template-variable,.mc-code-block-light[data-v-7ffec7b6] .hljs-tag,.mc-code-block-light[data-v-7ffec7b6] .hljs-name,.mc-code-block-light[data-v-7ffec7b6] .hljs-selector-id,.mc-code-block-light[data-v-7ffec7b6] .hljs-selector-class,.mc-code-block-light[data-v-7ffec7b6] .hljs-regexp,.mc-code-block-light[data-v-7ffec7b6] .hljs-deletion{color:#d91e18}.mc-code-block-light[data-v-7ffec7b6] .hljs-number,.mc-code-block-light[data-v-7ffec7b6] .hljs-built_in,.mc-code-block-light[data-v-7ffec7b6] .hljs-literal,.mc-code-block-light[data-v-7ffec7b6] .hljs-type,.mc-code-block-light[data-v-7ffec7b6] .hljs-params,.mc-code-block-light[data-v-7ffec7b6] .hljs-meta,.mc-code-block-light[data-v-7ffec7b6] .hljs-link,.mc-code-block-light[data-v-7ffec7b6] .hljs-attribute{color:#aa5d00}.mc-code-block-light[data-v-7ffec7b6] .hljs-string,.mc-code-block-light[data-v-7ffec7b6] .hljs-symbol,.mc-code-block-light[data-v-7ffec7b6] .hljs-bullet,.mc-code-block-light[data-v-7ffec7b6] .hljs-addition{color:green}.mc-code-block-light[data-v-7ffec7b6] .hljs-title,.mc-code-block-light[data-v-7ffec7b6] .hljs-section{color:#007faa}.mc-code-block-light[data-v-7ffec7b6] .hljs-keyword,.mc-code-block-light[data-v-7ffec7b6] .hljs-selector-tag{color:#7928a1}.mc-code-block-light[data-v-7ffec7b6] .hljs-emphasis{font-style:italic}.mc-code-block-light[data-v-7ffec7b6] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-light[data-v-7ffec7b6] .hljs-addition,.mc-code-block-light[data-v-7ffec7b6] .hljs-attribute,.mc-code-block-light[data-v-7ffec7b6] .hljs-built_in,.mc-code-block-light[data-v-7ffec7b6] .hljs-bullet,.mc-code-block-light[data-v-7ffec7b6] .hljs-comment,.mc-code-block-light[data-v-7ffec7b6] .hljs-link,.mc-code-block-light[data-v-7ffec7b6] .hljs-literal,.mc-code-block-light[data-v-7ffec7b6] .hljs-meta,.mc-code-block-light[data-v-7ffec7b6] .hljs-number,.mc-code-block-light[data-v-7ffec7b6] .hljs-params,.mc-code-block-light[data-v-7ffec7b6] .hljs-string,.mc-code-block-light[data-v-7ffec7b6] .hljs-symbol,.mc-code-block-light[data-v-7ffec7b6] .hljs-type,.mc-code-block-light[data-v-7ffec7b6] .hljs-quote{color:highlight}.mc-code-block-light[data-v-7ffec7b6] .hljs-keyword,.mc-code-block-light[data-v-7ffec7b6] .hljs-selector-tag{font-weight:700}}.mc-code-block-dark[data-v-7ffec7b6] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-dark[data-v-7ffec7b6] code.hljs{padding:3px 5px}.mc-code-block-dark[data-v-7ffec7b6] .hljs{background:#2b2b2b;color:#f8f8f2}.mc-code-block-dark[data-v-7ffec7b6] .hljs-comment,.mc-code-block-dark[data-v-7ffec7b6] .hljs-quote{color:#d4d0ab}.mc-code-block-dark[data-v-7ffec7b6] .hljs-variable,.mc-code-block-dark[data-v-7ffec7b6] .hljs-template-variable,.mc-code-block-dark[data-v-7ffec7b6] .hljs-tag,.mc-code-block-dark[data-v-7ffec7b6] .hljs-name,.mc-code-block-dark[data-v-7ffec7b6] .hljs-selector-id,.mc-code-block-dark[data-v-7ffec7b6] .hljs-selector-class,.mc-code-block-dark[data-v-7ffec7b6] .hljs-regexp,.mc-code-block-dark[data-v-7ffec7b6] .hljs-deletion{color:#ffa07a}.mc-code-block-dark[data-v-7ffec7b6] .hljs-number,.mc-code-block-dark[data-v-7ffec7b6] .hljs-built_in,.mc-code-block-dark[data-v-7ffec7b6] .hljs-literal,.mc-code-block-dark[data-v-7ffec7b6] .hljs-type,.mc-code-block-dark[data-v-7ffec7b6] .hljs-params,.mc-code-block-dark[data-v-7ffec7b6] .hljs-meta,.mc-code-block-dark[data-v-7ffec7b6] .hljs-link{color:#f5ab35}.mc-code-block-dark[data-v-7ffec7b6] .hljs-attribute{color:gold}.mc-code-block-dark[data-v-7ffec7b6] .hljs-string,.mc-code-block-dark[data-v-7ffec7b6] .hljs-symbol,.mc-code-block-dark[data-v-7ffec7b6] .hljs-bullet,.mc-code-block-dark[data-v-7ffec7b6] .hljs-addition{color:#abe338}.mc-code-block-dark[data-v-7ffec7b6] .hljs-title,.mc-code-block-dark[data-v-7ffec7b6] .hljs-section{color:#00e0e0}.mc-code-block-dark[data-v-7ffec7b6] .hljs-keyword,.mc-code-block-dark[data-v-7ffec7b6] .hljs-selector-tag{color:#dcc6e0}.mc-code-block-dark[data-v-7ffec7b6] .hljs-emphasis{font-style:italic}.mc-code-block-dark[data-v-7ffec7b6] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-dark[data-v-7ffec7b6] .hljs-addition,.mc-code-block-dark[data-v-7ffec7b6] .hljs-attribute,.mc-code-block-dark[data-v-7ffec7b6] .hljs-built_in,.mc-code-block-dark[data-v-7ffec7b6] .hljs-bullet,.mc-code-block-dark[data-v-7ffec7b6] .hljs-comment,.mc-code-block-dark[data-v-7ffec7b6] .hljs-link,.mc-code-block-dark[data-v-7ffec7b6] .hljs-literal,.mc-code-block-dark[data-v-7ffec7b6] .hljs-meta,.mc-code-block-dark[data-v-7ffec7b6] .hljs-number,.mc-code-block-dark[data-v-7ffec7b6] .hljs-params,.mc-code-block-dark[data-v-7ffec7b6] .hljs-string,.mc-code-block-dark[data-v-7ffec7b6] .hljs-symbol,.mc-code-block-dark[data-v-7ffec7b6] .hljs-type,.mc-code-block-dark[data-v-7ffec7b6] .hljs-quote{color:highlight}.mc-code-block-dark[data-v-7ffec7b6] .hljs-keyword,.mc-code-block-dark[data-v-7ffec7b6] .hljs-selector-tag{font-weight:700}}.v-enter-active[data-v-7ffec7b6],.v-leave-active[data-v-7ffec7b6]{transition:opacity .5s ease}.v-enter-from[data-v-7ffec7b6],.v-leave-to[data-v-7ffec7b6]{opacity:0}.mc-code-block[data-v-7ffec7b6]{margin:1rem 0;overflow:hidden;border-radius:14px}.mc-code-block pre[data-v-7ffec7b6]{margin:0}.mc-code-block .mc-action-btn[data-v-7ffec7b6]{width:24px;height:24px}.mc-code-block .mc-code-block-header[data-v-7ffec7b6]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.mc-code-block .mc-code-block-header .mc-code-lang[data-v-7ffec7b6]{font-size:var(--devui-font-size, 14px)}.mc-code-block .mc-mermaid-content[data-v-7ffec7b6]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mc-code-block .mc-code-block-actions[data-v-7ffec7b6]{display:flex;align-items:center}.mc-code-block .mc-code-block-actions .mc-copy-btn[data-v-7ffec7b6],.mc-code-block .mc-code-block-actions .mc-toggle-btn[data-v-7ffec7b6]{cursor:pointer;border-radius:4px;font-size:18px;padding:4px}.mc-code-block .mc-diagram-switch[data-v-7ffec7b6]{display:flex;align-items:center;list-style:none;margin:0;padding:2px;border-radius:4px;background-color:var(--devui-icon-hover-bg);position:relative;transition:all .3s ease;overflow:hidden;height:24px}.mc-code-block .mc-diagram-switch[data-v-7ffec7b6]:before{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background-color:var(--devui-base-bg, #ffffff);border-radius:4px;transition:transform .3s ease;box-shadow:0 1px 2px var(--devui-hover-shadow);z-index:1}.mc-code-block .mc-diagram-switch.mc-show-code[data-v-7ffec7b6]:before{transform:translate(100%)}.mc-code-block .mc-diagram-switch .mc-diagram-switch-active[data-v-7ffec7b6]{text-shadow:0 0 .4px var(--devui-text)}.mc-code-block .mc-diagram-switch li[data-v-7ffec7b6]{position:relative;padding:0 8px;font-size:12px;cursor:pointer;transition:color .3s ease;z-index:2;-webkit-user-select:none;user-select:none;width:50%;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;height:100%;line-height:initial}.mc-code-block-light[data-v-7ffec7b6]{border:1px solid #d7d8da;background-color:#f5f5f5}.mc-code-block-light code.hljs[data-v-7ffec7b6]{padding:1em}.mc-code-block-light .mc-code-lang[data-v-7ffec7b6],.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-7ffec7b6],.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-7ffec7b6]{color:#252b3a}.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-7ffec7b6]:hover,.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-7ffec7b6]:hover{background-color:#ebebeb}.mc-code-block-light .mc-mermaid-content[data-v-7ffec7b6]{background:#fefefe}.mc-code-block-dark[data-v-7ffec7b6]{border:1px solid #4e5057;background-color:#34363a}.mc-code-block-dark code.hljs[data-v-7ffec7b6]{padding:1em}.mc-code-block-dark .mc-code-lang[data-v-7ffec7b6],.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-7ffec7b6],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-7ffec7b6]{color:#ced1db}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-7ffec7b6]:hover,.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-7ffec7b6]:hover{background-color:#393a3e}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn img[data-v-7ffec7b6],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn img[data-v-7ffec7b6]{filter:brightness(1.5)}.mc-code-block-dark .mc-mermaid-content[data-v-7ffec7b6]{background:#2b2b2b}.collapse-transition-enter-from[data-v-7ffec7b6],.collapse-transition-leave-to[data-v-7ffec7b6]{opacity:0}.collapse-transition-enter-to[data-v-7ffec7b6],.collapse-transition-leave-from[data-v-7ffec7b6]{opacity:1}.collapse-transition-enter-active[data-v-7ffec7b6],.collapse-transition-leave-active[data-v-7ffec7b6]{transition:max-height .3s cubic-bezier(.5,.05,.5,.95),opacity .3s cubic-bezier(.5,.05,.5,.95)}div[id^=dmc_mermaid]{position:fixed;top:0;left:0;width:100%;z-index:-9999}.mc-markdown-render[data-v-a40d857a] ul,.mc-markdown-render[data-v-a40d857a] ol{list-style:none;margin:0;padding:0}.mc-markdown-render[data-v-a40d857a] ul{list-style-type:disc;padding-left:16px}.mc-markdown-render[data-v-a40d857a] ol{list-style-type:decimal;padding-inline-start:1.75em}.mc-markdown-render[data-v-a40d857a] p{line-height:28px;margin:0;padding:0;overflow-wrap:break-word}.mc-markdown-render[data-v-a40d857a] h1{font-size:32px;line-height:40px;overflow-wrap:break-word}.mc-markdown-render[data-v-a40d857a] h3{line-height:28px;font-size:20px;overflow-wrap:break-word}.mc-markdown-render[data-v-a40d857a] table{margin-bottom:10px;border-collapse:collapse;display:table}.mc-markdown-render[data-v-a40d857a] td,.mc-markdown-render[data-v-a40d857a] th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.mc-markdown-render[data-v-a40d857a] caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.mc-markdown-render[data-v-a40d857a] th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.mc-markdown-render[data-v-a40d857a] td p{margin:0;padding:0}.mc-markdown-render[data-v-a40d857a] .h1,.mc-markdown-render[data-v-a40d857a] .h2,.mc-markdown-render[data-v-a40d857a] .h3,.mc-markdown-render[data-v-a40d857a] .h4,.mc-markdown-render[data-v-a40d857a] .h5,.mc-markdown-render[data-v-a40d857a] .h6,.mc-markdown-render[data-v-a40d857a] h1,.mc-markdown-render[data-v-a40d857a] h2,.mc-markdown-render[data-v-a40d857a] h3,.mc-markdown-render[data-v-a40d857a] h4,.mc-markdown-render[data-v-a40d857a] h5,.mc-markdown-render[data-v-a40d857a] h6{line-height:1.1}.mc-markdown-render[data-v-a40d857a] blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.mc-markdown-render[data-v-a40d857a] a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.mc-markdown-render[data-v-a40d857a] a:hover{color:var(--devui-link-active, #526ecc)}.mc-markdown-render[data-v-a40d857a] img{max-width:100%}.mc-markdown-render[data-v-a40d857a]{font-size:var(--devui-font-size, 14px);overflow-x:auto}.mc-markdown-render.mc-markdown-render-dark[data-v-a40d857a]{color:#ced1db}.mc-markdown-render.mc-markdown-render-light[data-v-a40d857a]{color:#252b3a}[data-v-a40d857a] .mc-think-block{color:var(--devui-aide-text, #71757f);border-left:1px solid var(--devui-line, #d7d8da);padding-left:8px;margin-bottom:1rem}[data-v-a40d857a] .mc-typewriter-color{background-image:-webkit-linear-gradient(left,#191919,#5588f0,#e171ee,#f2c55c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-v-a40d857a] .mc-typewriter-gradient{background:linear-gradient(to right,var(--devui-text, #252b3a),var(--devui-base-bg, #ffffff));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-v-a40d857a] .mc-typewriter-cursor{font-weight:900;animation:typewriter-a40d857a .8s linear 0s infinite}@keyframes typewriter-a40d857a{0%{opacity:1}50%{opacity:0}to{opacity:1}}
|
|
1
|
+
.mc-code-block-light[data-v-3a712b93] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-light[data-v-3a712b93] code.hljs{padding:3px 5px}.mc-code-block-light[data-v-3a712b93] .hljs{background:#fefefe;color:#545454}.mc-code-block-light[data-v-3a712b93] .hljs-comment,.mc-code-block-light[data-v-3a712b93] .hljs-quote{color:#696969}.mc-code-block-light[data-v-3a712b93] .hljs-variable,.mc-code-block-light[data-v-3a712b93] .hljs-template-variable,.mc-code-block-light[data-v-3a712b93] .hljs-tag,.mc-code-block-light[data-v-3a712b93] .hljs-name,.mc-code-block-light[data-v-3a712b93] .hljs-selector-id,.mc-code-block-light[data-v-3a712b93] .hljs-selector-class,.mc-code-block-light[data-v-3a712b93] .hljs-regexp,.mc-code-block-light[data-v-3a712b93] .hljs-deletion{color:#d91e18}.mc-code-block-light[data-v-3a712b93] .hljs-number,.mc-code-block-light[data-v-3a712b93] .hljs-built_in,.mc-code-block-light[data-v-3a712b93] .hljs-literal,.mc-code-block-light[data-v-3a712b93] .hljs-type,.mc-code-block-light[data-v-3a712b93] .hljs-params,.mc-code-block-light[data-v-3a712b93] .hljs-meta,.mc-code-block-light[data-v-3a712b93] .hljs-link,.mc-code-block-light[data-v-3a712b93] .hljs-attribute{color:#aa5d00}.mc-code-block-light[data-v-3a712b93] .hljs-string,.mc-code-block-light[data-v-3a712b93] .hljs-symbol,.mc-code-block-light[data-v-3a712b93] .hljs-bullet,.mc-code-block-light[data-v-3a712b93] .hljs-addition{color:green}.mc-code-block-light[data-v-3a712b93] .hljs-title,.mc-code-block-light[data-v-3a712b93] .hljs-section{color:#007faa}.mc-code-block-light[data-v-3a712b93] .hljs-keyword,.mc-code-block-light[data-v-3a712b93] .hljs-selector-tag{color:#7928a1}.mc-code-block-light[data-v-3a712b93] .hljs-emphasis{font-style:italic}.mc-code-block-light[data-v-3a712b93] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-light[data-v-3a712b93] .hljs-addition,.mc-code-block-light[data-v-3a712b93] .hljs-attribute,.mc-code-block-light[data-v-3a712b93] .hljs-built_in,.mc-code-block-light[data-v-3a712b93] .hljs-bullet,.mc-code-block-light[data-v-3a712b93] .hljs-comment,.mc-code-block-light[data-v-3a712b93] .hljs-link,.mc-code-block-light[data-v-3a712b93] .hljs-literal,.mc-code-block-light[data-v-3a712b93] .hljs-meta,.mc-code-block-light[data-v-3a712b93] .hljs-number,.mc-code-block-light[data-v-3a712b93] .hljs-params,.mc-code-block-light[data-v-3a712b93] .hljs-string,.mc-code-block-light[data-v-3a712b93] .hljs-symbol,.mc-code-block-light[data-v-3a712b93] .hljs-type,.mc-code-block-light[data-v-3a712b93] .hljs-quote{color:highlight}.mc-code-block-light[data-v-3a712b93] .hljs-keyword,.mc-code-block-light[data-v-3a712b93] .hljs-selector-tag{font-weight:700}}.mc-code-block-dark[data-v-3a712b93] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-dark[data-v-3a712b93] code.hljs{padding:3px 5px}.mc-code-block-dark[data-v-3a712b93] .hljs{background:#2b2b2b;color:#f8f8f2}.mc-code-block-dark[data-v-3a712b93] .hljs-comment,.mc-code-block-dark[data-v-3a712b93] .hljs-quote{color:#d4d0ab}.mc-code-block-dark[data-v-3a712b93] .hljs-variable,.mc-code-block-dark[data-v-3a712b93] .hljs-template-variable,.mc-code-block-dark[data-v-3a712b93] .hljs-tag,.mc-code-block-dark[data-v-3a712b93] .hljs-name,.mc-code-block-dark[data-v-3a712b93] .hljs-selector-id,.mc-code-block-dark[data-v-3a712b93] .hljs-selector-class,.mc-code-block-dark[data-v-3a712b93] .hljs-regexp,.mc-code-block-dark[data-v-3a712b93] .hljs-deletion{color:#ffa07a}.mc-code-block-dark[data-v-3a712b93] .hljs-number,.mc-code-block-dark[data-v-3a712b93] .hljs-built_in,.mc-code-block-dark[data-v-3a712b93] .hljs-literal,.mc-code-block-dark[data-v-3a712b93] .hljs-type,.mc-code-block-dark[data-v-3a712b93] .hljs-params,.mc-code-block-dark[data-v-3a712b93] .hljs-meta,.mc-code-block-dark[data-v-3a712b93] .hljs-link{color:#f5ab35}.mc-code-block-dark[data-v-3a712b93] .hljs-attribute{color:gold}.mc-code-block-dark[data-v-3a712b93] .hljs-string,.mc-code-block-dark[data-v-3a712b93] .hljs-symbol,.mc-code-block-dark[data-v-3a712b93] .hljs-bullet,.mc-code-block-dark[data-v-3a712b93] .hljs-addition{color:#abe338}.mc-code-block-dark[data-v-3a712b93] .hljs-title,.mc-code-block-dark[data-v-3a712b93] .hljs-section{color:#00e0e0}.mc-code-block-dark[data-v-3a712b93] .hljs-keyword,.mc-code-block-dark[data-v-3a712b93] .hljs-selector-tag{color:#dcc6e0}.mc-code-block-dark[data-v-3a712b93] .hljs-emphasis{font-style:italic}.mc-code-block-dark[data-v-3a712b93] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-dark[data-v-3a712b93] .hljs-addition,.mc-code-block-dark[data-v-3a712b93] .hljs-attribute,.mc-code-block-dark[data-v-3a712b93] .hljs-built_in,.mc-code-block-dark[data-v-3a712b93] .hljs-bullet,.mc-code-block-dark[data-v-3a712b93] .hljs-comment,.mc-code-block-dark[data-v-3a712b93] .hljs-link,.mc-code-block-dark[data-v-3a712b93] .hljs-literal,.mc-code-block-dark[data-v-3a712b93] .hljs-meta,.mc-code-block-dark[data-v-3a712b93] .hljs-number,.mc-code-block-dark[data-v-3a712b93] .hljs-params,.mc-code-block-dark[data-v-3a712b93] .hljs-string,.mc-code-block-dark[data-v-3a712b93] .hljs-symbol,.mc-code-block-dark[data-v-3a712b93] .hljs-type,.mc-code-block-dark[data-v-3a712b93] .hljs-quote{color:highlight}.mc-code-block-dark[data-v-3a712b93] .hljs-keyword,.mc-code-block-dark[data-v-3a712b93] .hljs-selector-tag{font-weight:700}}.v-enter-active[data-v-3a712b93],.v-leave-active[data-v-3a712b93]{transition:opacity .5s ease}.v-enter-from[data-v-3a712b93],.v-leave-to[data-v-3a712b93]{opacity:0}.mc-code-block[data-v-3a712b93]{margin:1rem 0;overflow:hidden;border-radius:14px}.mc-code-block pre[data-v-3a712b93]{margin:0}.mc-code-block .mc-action-btn[data-v-3a712b93]{width:24px;height:24px}.mc-code-block .mc-code-block-header[data-v-3a712b93]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.mc-code-block .mc-code-block-header .mc-code-lang[data-v-3a712b93]{font-size:var(--devui-font-size, 14px)}.mc-code-block .mc-mermaid-content[data-v-3a712b93]{position:relative;width:100%;height:400px;overflow:hidden;background:inherit}.mc-code-block .mc-code-block-actions[data-v-3a712b93]{display:flex;align-items:center}.mc-code-block .mc-code-block-actions .mc-copy-btn[data-v-3a712b93],.mc-code-block .mc-code-block-actions .mc-toggle-btn[data-v-3a712b93]{cursor:pointer;border-radius:4px;font-size:18px;padding:4px}.mc-code-block .mc-diagram-switch[data-v-3a712b93]{display:flex;align-items:center;list-style:none;margin:0;padding:2px;border-radius:4px;background-color:var(--devui-icon-hover-bg);position:relative;transition:all .3s ease;overflow:hidden;height:24px}.mc-code-block .mc-diagram-switch[data-v-3a712b93]:before{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background-color:var(--devui-base-bg, #ffffff);border-radius:4px;transition:transform .3s ease;box-shadow:0 1px 2px var(--devui-hover-shadow);z-index:1}.mc-code-block .mc-diagram-switch.mc-show-code[data-v-3a712b93]:before{transform:translate(100%)}.mc-code-block .mc-diagram-switch .mc-diagram-switch-active[data-v-3a712b93]{text-shadow:0 0 .4px var(--devui-text)}.mc-code-block .mc-diagram-switch li[data-v-3a712b93]{position:relative;padding:0 8px;font-size:12px;cursor:pointer;transition:color .3s ease;z-index:2;-webkit-user-select:none;user-select:none;width:50%;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;height:100%;line-height:initial}.mc-code-block-light[data-v-3a712b93]{border:1px solid #d7d8da;background-color:#f5f5f5}.mc-code-block-light code.hljs[data-v-3a712b93]{padding:1em}.mc-code-block-light .mc-code-lang[data-v-3a712b93],.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-3a712b93],.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-3a712b93]{color:#252b3a}.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-3a712b93]:hover,.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-3a712b93]:hover{background-color:#ebebeb}.mc-code-block-light .mc-mermaid-content[data-v-3a712b93]{background:#fefefe}.mc-code-block-dark[data-v-3a712b93]{border:1px solid #4e5057;background-color:#34363a}.mc-code-block-dark code.hljs[data-v-3a712b93]{padding:1em}.mc-code-block-dark .mc-code-lang[data-v-3a712b93],.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-3a712b93],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-3a712b93]{color:#ced1db}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-3a712b93]:hover,.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-3a712b93]:hover{background-color:#393a3e}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn img[data-v-3a712b93],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn img[data-v-3a712b93]{filter:brightness(1.5)}.mc-code-block-dark .mc-mermaid-content[data-v-3a712b93]{background:#2b2b2b}.collapse-transition-enter-from[data-v-3a712b93],.collapse-transition-leave-to[data-v-3a712b93]{opacity:0}.collapse-transition-enter-to[data-v-3a712b93],.collapse-transition-leave-from[data-v-3a712b93]{opacity:1}.collapse-transition-enter-active[data-v-3a712b93],.collapse-transition-leave-active[data-v-3a712b93]{transition:max-height .3s cubic-bezier(.5,.05,.5,.95),opacity .3s cubic-bezier(.5,.05,.5,.95)}div[id^=dmc_mermaid]{position:fixed;top:0;left:0;width:100%;z-index:-9999}.mc-markdown-render[data-v-21afedec] ul,.mc-markdown-render[data-v-21afedec] ol{list-style:none;margin:0;padding:0}.mc-markdown-render[data-v-21afedec] ul{list-style-type:disc;padding-left:16px}.mc-markdown-render[data-v-21afedec] ol{list-style-type:decimal;padding-inline-start:1.75em}.mc-markdown-render[data-v-21afedec] p{line-height:28px;margin:0;padding:0;overflow-wrap:break-word}.mc-markdown-render[data-v-21afedec] h1{font-size:32px;line-height:40px;overflow-wrap:break-word}.mc-markdown-render[data-v-21afedec] h3{line-height:28px;font-size:20px;overflow-wrap:break-word}.mc-markdown-render[data-v-21afedec] table{margin-bottom:10px;border-collapse:collapse;display:table}.mc-markdown-render[data-v-21afedec] td,.mc-markdown-render[data-v-21afedec] th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.mc-markdown-render[data-v-21afedec] caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.mc-markdown-render[data-v-21afedec] th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.mc-markdown-render[data-v-21afedec] td p{margin:0;padding:0}.mc-markdown-render[data-v-21afedec] .h1,.mc-markdown-render[data-v-21afedec] .h2,.mc-markdown-render[data-v-21afedec] .h3,.mc-markdown-render[data-v-21afedec] .h4,.mc-markdown-render[data-v-21afedec] .h5,.mc-markdown-render[data-v-21afedec] .h6,.mc-markdown-render[data-v-21afedec] h1,.mc-markdown-render[data-v-21afedec] h2,.mc-markdown-render[data-v-21afedec] h3,.mc-markdown-render[data-v-21afedec] h4,.mc-markdown-render[data-v-21afedec] h5,.mc-markdown-render[data-v-21afedec] h6{line-height:1.1}.mc-markdown-render[data-v-21afedec] blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.mc-markdown-render[data-v-21afedec] a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.mc-markdown-render[data-v-21afedec] a:hover{color:var(--devui-link-active, #526ecc)}.mc-markdown-render[data-v-21afedec] img{max-width:100%}.mc-markdown-render[data-v-21afedec]{font-size:var(--devui-font-size, 14px);overflow-x:auto}.mc-markdown-render.mc-markdown-render-dark[data-v-21afedec]{color:#ced1db}.mc-markdown-render.mc-markdown-render-light[data-v-21afedec]{color:#252b3a}[data-v-21afedec] .mc-think-block{color:var(--devui-aide-text, #71757f);border-left:1px solid var(--devui-line, #d7d8da);padding-left:8px;margin-bottom:1rem}[data-v-21afedec] .mc-typewriter-color{background-image:-webkit-linear-gradient(left,#191919,#5588f0,#e171ee,#f2c55c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-v-21afedec] .mc-typewriter-gradient{background:linear-gradient(to right,var(--devui-text, #252b3a),var(--devui-base-bg, #ffffff));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-v-21afedec] .mc-typewriter-cursor{font-weight:900;animation:typewriter-21afedec .8s linear 0s infinite}@keyframes typewriter-21afedec{0%{opacity:1}50%{opacity:0}to{opacity:1}}
|
package/MarkdownCard/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import "./index.css";
|
|
2
|
-
import { defineComponent as
|
|
2
|
+
import { defineComponent as q, ref as T, computed as z, watch as j, nextTick as _, onMounted as ee, createElementBlock as N, openBlock as I, normalizeClass as A, renderSlot as H, createVNode as le, createElementVNode as M, toDisplayString as G, createCommentVNode as S, unref as L, Transition as ae, withCtx as de, isVNode as te, h as w, useSlots as ge, Fragment as K, createBlock as ue, resolveDynamicComponent as he } from "vue";
|
|
3
3
|
import D from "highlight.js";
|
|
4
|
-
import
|
|
5
|
-
import { debounce as
|
|
6
|
-
import { getDefaultWhiteList as
|
|
7
|
-
import { useMcI18n as
|
|
8
|
-
const
|
|
9
|
-
class
|
|
4
|
+
import me from "markdown-it";
|
|
5
|
+
import { debounce as pe } from "lodash-es";
|
|
6
|
+
import { getDefaultWhiteList as ye, getDefaultCSSWhiteList as fe, filterXSS as Me } from "xss";
|
|
7
|
+
import { useMcI18n as Ie } from "@matechat/core/Locale";
|
|
8
|
+
const Ne = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eenlarge%3c/title%3e%3cg%20id='enlarge'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M7.16666667,1%20C10.572409,1%2013.3333333,3.76092429%2013.3333333,7.16666667%20C13.3333333,8.68984984%2012.781084,10.0840543%2011.8658888,11.1599767%20L14.4225201,13.7154466%20C14.6177822,13.9107088%2014.6177822,14.2272912%2014.4225201,14.4225534%20C14.2489537,14.5961197%2013.9795293,14.6154049%2013.7846612,14.4804088%20L13.7154133,14.4225534%20L11.158968,11.8667467%20C10.083183,12.7814291%208.68937384,13.3333333%207.16666667,13.3333333%20C3.76092429,13.3333333%201,10.572409%201,7.16666667%20C1,3.76092429%203.76092429,1%207.16666667,1%20Z%20M7.16666667,2%20C4.31320904,2%202,4.31320904%202,7.16666667%20C2,10.0201243%204.31320904,12.3333333%207.16666667,12.3333333%20C10.0201243,12.3333333%2012.3333333,10.0201243%2012.3333333,7.16666667%20C12.3333333,4.31320904%2010.0201243,2%207.16666667,2%20Z%20M7.16666667,4.66666667%20C7.41212656,4.66666667%207.61627504,4.84354183%207.658611,5.07679103%20L7.66666667,5.16666667%20L7.666,6.668%20L9.16601582,6.66666666%20C9.44215796,6.66630764%209.66630679,6.88987368%209.66666668,7.16601582%20C9.66698576,7.4114755%209.49037648,7.61585405%209.25718258,7.65849359%20L9.16731751,7.66666666%20L7.666,7.668%20L7.66666667,9.16666667%20C7.66666667,9.44280904%207.44280904,9.66666667%207.16666667,9.66666667%20C6.92120678,9.66666667%206.7170583,9.48979151%206.67472234,9.2565423%20L6.66666667,9.16666667%20L6.666,7.669%20L5.17251751,7.67186668%20C4.89637537,7.6722257%204.67222654,7.44865965%204.67186666,7.17251751%20C4.67154758,6.92705783%204.84815685,6.72267929%205.08135075,6.68003974%20L5.17121582,6.67186709%20L6.666,6.669%20L6.66666667,5.16666667%20C6.66666667,4.89052429%206.89052429,4.66666667%207.16666667,4.66666667%20Z'%20id='形状结合'%20fill='%2371757F'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", we = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ezoom-out%3c/title%3e%3cg%20id='zoom-out'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M7.16666667,1%20C10.572409,1%2013.3333333,3.76092429%2013.3333333,7.16666667%20C13.3333333,8.68984984%2012.781084,10.0840543%2011.8658888,11.1599767%20L14.4225201,13.7154466%20C14.6177822,13.9107088%2014.6177822,14.2272912%2014.4225201,14.4225534%20C14.2489537,14.5961197%2013.9795293,14.6154049%2013.7846612,14.4804088%20L13.7154133,14.4225534%20L11.158968,11.8667467%20C10.083183,12.7814291%208.68937384,13.3333333%207.16666667,13.3333333%20C3.76092429,13.3333333%201,10.572409%201,7.16666667%20C1,3.76092429%203.76092429,1%207.16666667,1%20Z%20M7.16666667,2%20C4.31320904,2%202,4.31320904%202,7.16666667%20C2,10.0201243%204.31320904,12.3333333%207.16666667,12.3333333%20C10.0201243,12.3333333%2012.3333333,10.0201243%2012.3333333,7.16666667%20C12.3333333,4.31320904%2010.0201243,2%207.16666667,2%20Z%20M9.16601582,6.66666666%20C9.44215796,6.66630764%209.66630679,6.88987368%209.66666668,7.16601582%20C9.66698576,7.4114755%209.49037648,7.61585405%209.25718258,7.65849359%20L9.16731751,7.66666666%20L5.17251751,7.67186668%20C4.89637537,7.6722257%204.67222654,7.44865965%204.67186666,7.17251751%20C4.67154758,6.92705783%204.84815685,6.72267929%205.08135075,6.68003974%20L5.17121582,6.67186709%20L9.16601582,6.66666666%20Z'%20id='形状结合'%20fill='%2371757F'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", ve = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e全部收起%3c/title%3e%3cg%20id='全部收起'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M4.715694,14.4114091%20C4.910563,14.5464051%205.179987,14.5271201%205.353553,14.3535531%20L5.353553,14.3535531%20L7.99999988,11.7070001%20L10.646447,14.3535531%20L10.715694,14.4114091%20C10.910563,14.5464051%2011.179987,14.5271201%2011.353553,14.3535531%20C11.548816,14.1582911%2011.548816,13.8417091%2011.353553,13.6464471%20L11.353553,13.6464471%20L8.353553,10.6464471%20L8.284306,10.5885911%20C8.089437,10.4535951%207.820013,10.4728801%207.646447,10.6464471%20L7.646447,10.6464471%20L4.646447,13.6464471%20L4.588591,13.7156941%20C4.453595,13.9105631%204.47288,14.1799871%204.646447,14.3535531%20L4.646447,14.3535531%20L4.715694,14.4114091%20Z%20M14.5,7.50000012%20C14.776142,7.50000012%2015,7.72385812%2015,8.00000012%20C15,8.27614212%2014.776142,8.50000012%2014.5,8.50000012%20L1.5,8.50000012%20C1.223858,8.50000012%201,8.27614212%201,8.00000012%20C1,7.72385812%201.223858,7.50000012%201.5,7.50000012%20L14.5,7.50000012%20Z%20M8.284306,5.41140912%20L8.353553,5.35355312%20L11.353553,2.35355312%20C11.548816,2.15829112%2011.548816,1.84170912%2011.353553,1.64644712%20C11.179987,1.47288012%2010.910563,1.45359512%2010.715694,1.58859112%20L10.646447,1.64644712%20L7.99999988,4.29300012%20L5.353553,1.64644712%20C5.179987,1.47288012%204.910563,1.45359512%204.715694,1.58859112%20L4.646447,1.64644712%20C4.47288,1.82001312%204.453595,2.08943712%204.588591,2.28430612%20L4.646447,2.35355312%20L7.646447,5.35355312%20C7.820013,5.52712012%208.089437,5.54640512%208.284306,5.41140912%20Z'%20id='形状结合'%20fill='%2371757F'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", Ce = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZnVuY3Rpb24gaWNvbi9jb3B5PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFQSS1zdGFydGVyLeWbvuagh+WFpeW6kyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5Mi4wMDAwMDAsIC0yMDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLmlrnmoLzlpIfku70tMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2MC4wMDAwMDAsIDE4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDx0ZXh0IGlkPSLlm77moIciIGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0ibm9ybWFsIiBsaW5lLXNwYWNpbmc9IjE2IiBmaWxsPSIjNzE3NTdGIj4KICAgICAgICAgICAgICAgICAgICA8dHNwYW4geD0iMjcuMTM2IiB5PSI2MSI+5aSN5Yi2PC90c3Bhbj4KICAgICAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8cGF0aCBkPSJNNjA0LjUsMjA2IEM2MDUuMjc5Njk2LDIwNiA2MDUuOTIwNDQ5LDIwNi41OTQ4ODggNjA1Ljk5MzEzMywyMDcuMzU1NTQgTDYwNiwyMDcuNSBMNjA2LDIxNC41IEM2MDYsMjE1LjI3OTY5NiA2MDUuNDA1MTEyLDIxNS45MjA0NDkgNjA0LjY0NDQ2LDIxNS45OTMxMzMgTDYwNC41LDIxNiBMNjA0LDIxNiBMNjA0LDIxNi41IEM2MDQsMjE3LjI3OTY5NiA2MDMuNDA1MTEyLDIxNy45MjA0NDkgNjAyLjY0NDQ2LDIxNy45OTMxMzMgTDYwMi41LDIxOCBMNTk1LjUsMjE4IEM1OTQuNjcxNTczLDIxOCA1OTQsMjE3LjMyODQyNyA1OTQsMjE2LjUgTDU5NCwyMTYuNSBMNTk0LDIwOS41IEM1OTQsMjA4LjY3MTU3MyA1OTQuNjcxNTczLDIwOCA1OTUuNSwyMDggTDU5NS41LDIwOCBMNTk2LDIwOCBMNTk2LDIwNy41IEM1OTYsMjA2LjcyMDMwNCA1OTYuNTk0ODg4LDIwNi4wNzk1NTEgNTk3LjM1NTU0LDIwNi4wMDY4NjcgTDU5Ny41LDIwNiBMNjA0LjUsMjA2IFogTTYwMi41LDIwOSBMNTk1LjUsMjA5IEM1OTUuMjIzODU4LDIwOSA1OTUsMjA5LjIyMzg1OCA1OTUsMjA5LjUgTDU5NSwyMDkuNSBMNTk1LDIxNi41IEM1OTUsMjE2Ljc3NjE0MiA1OTUuMjIzODU4LDIxNyA1OTUuNSwyMTcgTDU5NS41LDIxNyBMNjAyLjUsMjE3IEM2MDIuNzc2MTQyLDIxNyA2MDMsMjE2Ljc3NjE0MiA2MDMsMjE2LjUgTDYwMywyMTYuNSBMNjAzLDIwOS41IEM2MDMsMjA5LjIyMzg1OCA2MDIuNzc2MTQyLDIwOSA2MDIuNSwyMDkgTDYwMi41LDIwOSBaIE02MDQuNSwyMDcgTDU5Ny41LDIwNyBDNTk3LjI1NDU0LDIwNyA1OTcuMDUwMzkyLDIwNy4xNzY4NzUgNTk3LjAwODA1NiwyMDcuNDEwMTI0IEw1OTcsMjA3LjUgTDU5NywyMDggTDYwMi41LDIwOCBDNjAzLjI3OTY5NiwyMDggNjAzLjkyMDQ0OSwyMDguNTk0ODg4IDYwMy45OTMxMzMsMjA5LjM1NTU0IEw2MDQsMjA5LjUgTDYwNCwyMTUgTDYwNC41LDIxNSBDNjA0Ljc0NTQ2LDIxNSA2MDQuOTQ5NjA4LDIxNC44MjMxMjUgNjA0Ljk5MTk0NCwyMTQuNTg5ODc2IEw2MDUsMjE0LjUgTDYwNSwyMDcuNSBDNjA1LDIwNy4yNTQ1NCA2MDQuODIzMTI1LDIwNy4wNTAzOTIgNjA0LjU4OTg3NiwyMDcuMDA4MDU2IEw2MDQuNSwyMDcgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzcxNzU3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=", Le = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3estatus/whiteBG/correct%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpolygon%20id='path-1'%20points='6.53553391%209.77817459%2012.1923882%204.12132034%2013.6066017%205.53553391%206.53553391%2012.6066017%203%209.07106781%204.41421356%207.65685425%206.53553391%209.77817459'%3e%3c/polygon%3e%3c/defs%3e%3cg%20id='status/whiteBG/correct'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='mask-2'%20fill='white'%3e%3cuse%20xlink:href='%23path-1'%3e%3c/use%3e%3c/mask%3e%3cuse%20id='Mask'%20fill='%233DCCA6'%20xlink:href='%23path-1'%3e%3c/use%3e%3c/g%3e%3c/svg%3e";
|
|
9
|
+
class se {
|
|
10
10
|
constructor() {
|
|
11
|
-
this.xssWhiteList =
|
|
11
|
+
this.xssWhiteList = ye(), this.cssWhiteList = fe(), this.setDefaultXss();
|
|
12
12
|
}
|
|
13
13
|
setDefaultXss() {
|
|
14
14
|
this.xssWhiteList.input = ["type", "checked", "disabled", "class"], this.xssWhiteList.label = ["for"], this.xssWhiteList.ul = ["class"], this.xssWhiteList.div = ["class"], this.xssWhiteList.a = ["href", "class", "target", "name"], this.xssWhiteList.ol = ["start"], this.xssWhiteList.p = ["class"], this.xssWhiteList.span = ["style", "class", "title", "id"], this.xssWhiteList.svg = ["style", "class", "width", "height", "viewbox", "preserveaspectratio", "id", "fill", "stroke"], this.xssWhiteList.path = ["style", "class", "d", "id", "fill", "stroke"], this.xssWhiteList.th = ["style"], this.xssWhiteList.td = ["style"];
|
|
15
15
|
}
|
|
16
|
-
onIgnoreTagAttr(s,
|
|
17
|
-
if (!
|
|
18
|
-
return
|
|
16
|
+
onIgnoreTagAttr(s, o, a, n) {
|
|
17
|
+
if (!n && (o === "id" || s === "span" && o === "style"))
|
|
18
|
+
return o + "=" + a;
|
|
19
19
|
}
|
|
20
20
|
getXssWhiteList() {
|
|
21
21
|
return this.xssWhiteList;
|
|
@@ -24,18 +24,18 @@ class $ {
|
|
|
24
24
|
this.xssWhiteList = s;
|
|
25
25
|
}
|
|
26
26
|
setCustomXssRules(s) {
|
|
27
|
-
s && s.forEach((
|
|
28
|
-
|
|
27
|
+
s && s.forEach((o) => {
|
|
28
|
+
o.value === null ? delete this.xssWhiteList[o.key] : this.xssWhiteList[o.key] = o.value;
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
setMdPlugins(s,
|
|
32
|
-
s && s.length && s.forEach((
|
|
33
|
-
const { plugin:
|
|
34
|
-
|
|
31
|
+
setMdPlugins(s, o) {
|
|
32
|
+
s && s.length && s.forEach((a) => {
|
|
33
|
+
const { plugin: n, opts: u } = a;
|
|
34
|
+
o.use(n, u);
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
filterHtml(s) {
|
|
38
|
-
return
|
|
38
|
+
return Me(s, {
|
|
39
39
|
whiteList: this.xssWhiteList,
|
|
40
40
|
onIgnoreTagAttr: this.onIgnoreTagAttr,
|
|
41
41
|
css: {
|
|
@@ -49,19 +49,22 @@ class $ {
|
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
const
|
|
52
|
+
const De = {
|
|
53
53
|
key: 0,
|
|
54
54
|
class: "mc-code-block-header"
|
|
55
|
-
},
|
|
55
|
+
}, Te = { class: "mc-code-lang" }, xe = { class: "mc-code-block-actions" }, Ae = {
|
|
56
56
|
key: 0,
|
|
57
57
|
style: { "margin-right": "8px" }
|
|
58
|
-
},
|
|
58
|
+
}, je = ["title"], ke = ["title"], be = ["title"], Se = ["title"], Oe = {
|
|
59
59
|
key: 0,
|
|
60
|
-
src:
|
|
61
|
-
},
|
|
60
|
+
src: Ce
|
|
61
|
+
}, Ee = {
|
|
62
62
|
key: 1,
|
|
63
|
-
src:
|
|
64
|
-
},
|
|
63
|
+
src: Le
|
|
64
|
+
}, Be = { key: 0 }, Ue = {
|
|
65
|
+
key: 0,
|
|
66
|
+
class: "mc-mermaid-content"
|
|
67
|
+
}, ze = { key: 1 }, _e = ["innerHTML"], We = /* @__PURE__ */ q({
|
|
65
68
|
__name: "CodeBlock",
|
|
66
69
|
props: {
|
|
67
70
|
code: {
|
|
@@ -89,112 +92,131 @@ const ue = {
|
|
|
89
92
|
default: () => ({})
|
|
90
93
|
}
|
|
91
94
|
},
|
|
92
|
-
setup(
|
|
93
|
-
const s =
|
|
94
|
-
let
|
|
95
|
-
const u =
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
95
|
+
setup(i) {
|
|
96
|
+
const s = i, { t: o } = Ie(), a = new se();
|
|
97
|
+
let n = null;
|
|
98
|
+
const u = T(!0), d = T(!1);
|
|
99
|
+
T("");
|
|
100
|
+
const r = T(!0), g = z(() => {
|
|
101
|
+
var t;
|
|
102
|
+
return s.enableMermaid && ((t = s.language) == null ? void 0 : t.toLowerCase()) === "mermaid";
|
|
103
|
+
}), p = z(() => {
|
|
99
104
|
try {
|
|
100
|
-
const
|
|
101
|
-
let
|
|
102
|
-
return s.language && D.getLanguage(s.language) ?
|
|
105
|
+
const t = s.code.indexOf('<span class="mc-typewriter');
|
|
106
|
+
let c;
|
|
107
|
+
return s.language && D.getLanguage(s.language) ? t !== -1 ? c = D.highlight(s.code.slice(0, t), { language: s.language }).value + s.code.slice(t) : c = D.highlight(s.code, { language: s.language }).value : typeof D.highlightAuto !== void 0 ? t !== -1 ? c = D.highlightAuto(s.code.slice(0, t)).value + s.code.slice(t) : c = D.highlightAuto(s.code).value : c = a.filterHtml(s.code), c;
|
|
103
108
|
} catch {
|
|
104
109
|
}
|
|
105
|
-
}),
|
|
106
|
-
|
|
107
|
-
|
|
110
|
+
}), v = T(null), O = () => {
|
|
111
|
+
var c;
|
|
112
|
+
const t = (c = v.value) == null ? void 0 : c.querySelector(".mc-mermaid-content");
|
|
113
|
+
t && n && n.zoomIn(t);
|
|
114
|
+
}, C = () => {
|
|
115
|
+
var c;
|
|
116
|
+
const t = (c = v.value) == null ? void 0 : c.querySelector(".mc-mermaid-content");
|
|
117
|
+
t && n && n.zoomOut(t);
|
|
118
|
+
}, k = async () => {
|
|
119
|
+
if (!(!g.value || !s.code)) {
|
|
120
|
+
if (!n)
|
|
108
121
|
try {
|
|
109
|
-
const { MermaidService:
|
|
122
|
+
const { MermaidService: t } = await import("./MermaidService-cIIuQ-0H.js"), c = {
|
|
110
123
|
theme: s.theme === "dark" ? "dark" : "default",
|
|
111
124
|
...s.mermaidConfig
|
|
112
125
|
};
|
|
113
|
-
|
|
114
|
-
} catch (
|
|
115
|
-
console.error("Failed to load MermaidService:",
|
|
126
|
+
n = new t(c);
|
|
127
|
+
} catch (t) {
|
|
128
|
+
console.error("Failed to load MermaidService:", t);
|
|
116
129
|
return;
|
|
117
130
|
}
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
131
|
+
_(async () => {
|
|
132
|
+
var c;
|
|
133
|
+
const t = (c = v.value) == null ? void 0 : c.querySelector(".mc-mermaid-content");
|
|
134
|
+
t && await n.renderToContainer(t, s.code.replace(/<span[^>]*\bclass\s*=\s*['"]mc-typewriter[^>]*>([\s\S]*?)<\/span>/g, "$1"), s.theme);
|
|
135
|
+
});
|
|
123
136
|
}
|
|
124
|
-
},
|
|
137
|
+
}, x = () => {
|
|
125
138
|
u.value = !u.value;
|
|
126
|
-
},
|
|
127
|
-
const
|
|
139
|
+
}, E = pe((t) => {
|
|
140
|
+
const c = t.target;
|
|
128
141
|
if (navigator.clipboard)
|
|
129
142
|
navigator.clipboard.writeText(s.code);
|
|
130
143
|
else {
|
|
131
|
-
const
|
|
132
|
-
|
|
144
|
+
const e = document.createElement("textarea");
|
|
145
|
+
e.style.position = "fixed", e.style.top = "-9999px", e.style.left = "-9999px", e.style.zIndex = "-1", e.value = s.code, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
|
|
133
146
|
}
|
|
134
|
-
|
|
135
|
-
|
|
147
|
+
c.classList.remove("icon-copy-new"), d.value = !0, setTimeout(() => {
|
|
148
|
+
d.value = !1;
|
|
136
149
|
}, 1500);
|
|
137
|
-
}, 300),
|
|
138
|
-
|
|
139
|
-
},
|
|
150
|
+
}, 300), B = (t) => {
|
|
151
|
+
t.dataset || (t.dataset = {}), t.style.height && (t.dataset.height = t.style.height), t.style.maxHeight = 0;
|
|
152
|
+
}, W = (t) => {
|
|
140
153
|
requestAnimationFrame(() => {
|
|
141
|
-
|
|
154
|
+
t.dataset.oldOverflow = t.style.overflow, t.dataset.height ? t.style.maxHeight = t.dataset.height : t.scrollHeight !== 0 ? t.style.maxHeight = `${t.scrollHeight}px` : t.style.maxHeight = 0, t.style.overflow = "hidden";
|
|
142
155
|
});
|
|
143
|
-
},
|
|
144
|
-
|
|
145
|
-
},
|
|
146
|
-
|
|
147
|
-
},
|
|
148
|
-
|
|
149
|
-
},
|
|
150
|
-
|
|
151
|
-
},
|
|
152
|
-
return
|
|
153
|
-
|
|
154
|
-
|
|
156
|
+
}, Y = (t) => {
|
|
157
|
+
t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
|
|
158
|
+
}, U = (t) => {
|
|
159
|
+
t.dataset || (t.dataset = {}), t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
|
|
160
|
+
}, b = (t) => {
|
|
161
|
+
t.scrollHeight !== 0 && (t.style.maxHeight = 0);
|
|
162
|
+
}, Z = (t) => {
|
|
163
|
+
t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
|
|
164
|
+
}, Q = z(() => s.theme === "dark" ? "mc-code-block-dark" : "mc-code-block-light");
|
|
165
|
+
return j(() => [s.code, s.theme, s.enableMermaid], () => {
|
|
166
|
+
g.value && _(() => {
|
|
167
|
+
k();
|
|
155
168
|
});
|
|
156
|
-
}, { immediate: !0 }),
|
|
157
|
-
|
|
158
|
-
|
|
169
|
+
}, { immediate: !0 }), j(
|
|
170
|
+
() => r.value,
|
|
171
|
+
(t) => {
|
|
172
|
+
t && g.value && _(() => {
|
|
173
|
+
k();
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
), ee(() => {
|
|
177
|
+
g.value && k();
|
|
178
|
+
}), (t, c) => (I(), N(
|
|
159
179
|
"div",
|
|
160
180
|
{
|
|
161
|
-
class:
|
|
181
|
+
class: A(["mc-code-block", Q.value]),
|
|
182
|
+
ref_key: "rootRef",
|
|
183
|
+
ref: v
|
|
162
184
|
},
|
|
163
185
|
[
|
|
164
|
-
|
|
165
|
-
|
|
186
|
+
t.$slots.header ? H(t.$slots, "header", { key: 1 }, void 0, !0) : (I(), N("div", De, [
|
|
187
|
+
M(
|
|
166
188
|
"span",
|
|
167
|
-
|
|
168
|
-
|
|
189
|
+
Te,
|
|
190
|
+
G(i.language),
|
|
169
191
|
1
|
|
170
192
|
/* TEXT */
|
|
171
193
|
),
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
194
|
+
H(t.$slots, "actions", {}, () => [
|
|
195
|
+
M("div", xe, [
|
|
196
|
+
g.value ? (I(), N("div", Ae, [
|
|
197
|
+
M(
|
|
176
198
|
"ul",
|
|
177
199
|
{
|
|
178
|
-
class:
|
|
200
|
+
class: A(["mc-diagram-switch", { "mc-show-code": !r.value }])
|
|
179
201
|
},
|
|
180
202
|
[
|
|
181
|
-
|
|
203
|
+
M(
|
|
182
204
|
"li",
|
|
183
205
|
{
|
|
184
|
-
onClick:
|
|
185
|
-
class:
|
|
206
|
+
onClick: c[0] || (c[0] = (e) => r.value = !0),
|
|
207
|
+
class: A({ "mc-diagram-switch-active": r.value })
|
|
186
208
|
},
|
|
187
|
-
|
|
209
|
+
G(L(o)("Md.diagram")),
|
|
188
210
|
3
|
|
189
211
|
/* TEXT, CLASS */
|
|
190
212
|
),
|
|
191
|
-
|
|
213
|
+
M(
|
|
192
214
|
"li",
|
|
193
215
|
{
|
|
194
|
-
onClick:
|
|
195
|
-
class:
|
|
216
|
+
onClick: c[1] || (c[1] = (e) => r.value = !1),
|
|
217
|
+
class: A({ "mc-diagram-switch-active": !r.value })
|
|
196
218
|
},
|
|
197
|
-
|
|
219
|
+
G(L(o)("Md.code")),
|
|
198
220
|
3
|
|
199
221
|
/* TEXT, CLASS */
|
|
200
222
|
)
|
|
@@ -202,53 +224,77 @@ const ue = {
|
|
|
202
224
|
2
|
|
203
225
|
/* CLASS */
|
|
204
226
|
)
|
|
205
|
-
])) :
|
|
206
|
-
|
|
227
|
+
])) : S("v-if", !0),
|
|
228
|
+
g.value && r.value ? (I(), N("div", {
|
|
229
|
+
key: 1,
|
|
230
|
+
class: "mc-action-btn mc-toggle-btn",
|
|
231
|
+
title: L(o)("Md.zoomIn"),
|
|
232
|
+
onClick: O
|
|
233
|
+
}, c[3] || (c[3] = [
|
|
234
|
+
M(
|
|
235
|
+
"img",
|
|
236
|
+
{ src: Ne },
|
|
237
|
+
null,
|
|
238
|
+
-1
|
|
239
|
+
/* CACHED */
|
|
240
|
+
)
|
|
241
|
+
]), 8, je)) : S("v-if", !0),
|
|
242
|
+
g.value && r.value ? (I(), N("div", {
|
|
243
|
+
key: 2,
|
|
207
244
|
class: "mc-action-btn mc-toggle-btn",
|
|
208
|
-
title:
|
|
209
|
-
onClick:
|
|
210
|
-
},
|
|
211
|
-
|
|
245
|
+
title: L(o)("Md.zoomOut"),
|
|
246
|
+
onClick: C
|
|
247
|
+
}, c[4] || (c[4] = [
|
|
248
|
+
M(
|
|
212
249
|
"img",
|
|
213
|
-
{ src:
|
|
250
|
+
{ src: we },
|
|
214
251
|
null,
|
|
215
252
|
-1
|
|
216
253
|
/* CACHED */
|
|
217
254
|
)
|
|
218
|
-
]), 8,
|
|
219
|
-
|
|
255
|
+
]), 8, ke)) : S("v-if", !0),
|
|
256
|
+
M("div", {
|
|
257
|
+
class: "mc-action-btn mc-toggle-btn",
|
|
258
|
+
title: L(o)("Md.toggle"),
|
|
259
|
+
onClick: x
|
|
260
|
+
}, c[5] || (c[5] = [
|
|
261
|
+
M(
|
|
262
|
+
"img",
|
|
263
|
+
{ src: ve },
|
|
264
|
+
null,
|
|
265
|
+
-1
|
|
266
|
+
/* CACHED */
|
|
267
|
+
)
|
|
268
|
+
]), 8, be),
|
|
269
|
+
M("div", {
|
|
220
270
|
class: "mc-action-btn mc-copy-btn",
|
|
221
|
-
title:
|
|
222
|
-
onClick:
|
|
223
|
-
(...
|
|
271
|
+
title: L(o)("Md.copy"),
|
|
272
|
+
onClick: c[2] || (c[2] = //@ts-ignore
|
|
273
|
+
(...e) => L(E) && L(E)(...e))
|
|
224
274
|
}, [
|
|
225
|
-
|
|
226
|
-
], 8,
|
|
275
|
+
d.value ? (I(), N("img", Ee)) : (I(), N("img", Oe))
|
|
276
|
+
], 8, Se)
|
|
227
277
|
])
|
|
228
278
|
], !0)
|
|
229
279
|
])),
|
|
230
|
-
|
|
280
|
+
le(ae, {
|
|
231
281
|
name: "collapse-transition",
|
|
232
|
-
onBeforeEnter:
|
|
233
|
-
onEnter:
|
|
234
|
-
onAfterEnter:
|
|
235
|
-
onBeforeLeave:
|
|
236
|
-
onLeave:
|
|
237
|
-
onAfterLeave:
|
|
282
|
+
onBeforeEnter: B,
|
|
283
|
+
onEnter: W,
|
|
284
|
+
onAfterEnter: Y,
|
|
285
|
+
onBeforeLeave: U,
|
|
286
|
+
onLeave: b,
|
|
287
|
+
onAfterLeave: Z
|
|
238
288
|
}, {
|
|
239
|
-
default:
|
|
240
|
-
u.value ? (
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
h("code", {
|
|
247
|
-
class: C(`hljs language-${d.language}`),
|
|
248
|
-
innerHTML: L.value
|
|
249
|
-
}, null, 10, Ne)
|
|
289
|
+
default: de(() => [
|
|
290
|
+
u.value ? (I(), N("div", Be, [
|
|
291
|
+
g.value && r.value && !t.$slots.content ? (I(), N("div", Ue)) : t.$slots.content ? H(t.$slots, "content", { key: 2 }, void 0, !0) : (I(), N("pre", ze, [
|
|
292
|
+
M("code", {
|
|
293
|
+
class: A(`hljs language-${i.language}`),
|
|
294
|
+
innerHTML: p.value
|
|
295
|
+
}, null, 10, _e)
|
|
250
296
|
]))
|
|
251
|
-
])) :
|
|
297
|
+
])) : S("v-if", !0)
|
|
252
298
|
]),
|
|
253
299
|
_: 3
|
|
254
300
|
/* FORWARDED */
|
|
@@ -258,16 +304,16 @@ const ue = {
|
|
|
258
304
|
/* CLASS */
|
|
259
305
|
));
|
|
260
306
|
}
|
|
261
|
-
}),
|
|
262
|
-
const
|
|
263
|
-
for (const [
|
|
264
|
-
a
|
|
265
|
-
return
|
|
266
|
-
},
|
|
307
|
+
}), ne = (i, s) => {
|
|
308
|
+
const o = i.__vccOpts || i;
|
|
309
|
+
for (const [a, n] of s)
|
|
310
|
+
o[a] = n;
|
|
311
|
+
return o;
|
|
312
|
+
}, Ye = /* @__PURE__ */ ne(We, [["__scopeId", "data-v-3a712b93"]]), V = {
|
|
267
313
|
step: 2,
|
|
268
314
|
interval: 50,
|
|
269
315
|
style: "normal"
|
|
270
|
-
},
|
|
316
|
+
}, Ze = {
|
|
271
317
|
content: {
|
|
272
318
|
type: String,
|
|
273
319
|
default: ""
|
|
@@ -324,168 +370,297 @@ const ue = {
|
|
|
324
370
|
type: Object,
|
|
325
371
|
default: () => ({})
|
|
326
372
|
}
|
|
327
|
-
},
|
|
373
|
+
}, Qe = (i, s) => {
|
|
374
|
+
const o = (i == null ? void 0 : i.content) || "", a = (s == null ? void 0 : s.content) || "", n = o.match(/<(\w+)/), u = a.match(/<\/(\w+)/);
|
|
375
|
+
return n && u ? n[1] === u[1] : !1;
|
|
376
|
+
}, Pe = (i) => {
|
|
377
|
+
const s = i.content || "";
|
|
378
|
+
if (s.match(/<(\w+)[^>]*\/>/))
|
|
379
|
+
return !0;
|
|
380
|
+
const o = [], a = /<(\w+)[^>]*>/g, n = /<\/(\w+)>/g;
|
|
381
|
+
let u, d;
|
|
382
|
+
a.lastIndex = 0, n.lastIndex = 0;
|
|
383
|
+
const r = [];
|
|
384
|
+
for (; (u = a.exec(s)) !== null; )
|
|
385
|
+
r.push({
|
|
386
|
+
type: "open",
|
|
387
|
+
tagName: u[1],
|
|
388
|
+
index: u.index
|
|
389
|
+
});
|
|
390
|
+
for (; (d = n.exec(s)) !== null; )
|
|
391
|
+
r.push({
|
|
392
|
+
type: "close",
|
|
393
|
+
tagName: d[1],
|
|
394
|
+
index: d.index
|
|
395
|
+
});
|
|
396
|
+
r.sort((g, p) => g.index - p.index);
|
|
397
|
+
for (const g of r)
|
|
398
|
+
if (g.type === "open")
|
|
399
|
+
o.push(g.tagName);
|
|
400
|
+
else {
|
|
401
|
+
if (o.length === 0 || o[o.length - 1] !== g.tagName)
|
|
402
|
+
return !1;
|
|
403
|
+
o.pop();
|
|
404
|
+
}
|
|
405
|
+
return o.length === 0;
|
|
406
|
+
}, F = (i) => ({
|
|
407
|
+
nodeType: i ? i.type.replace("_open", "") : "root",
|
|
408
|
+
openNode: i,
|
|
409
|
+
closeNode: null,
|
|
410
|
+
children: [],
|
|
411
|
+
vNodeKey: (i == null ? void 0 : i.vNodeKey) || ""
|
|
412
|
+
}), He = (i, s) => {
|
|
413
|
+
const o = i.content.startsWith("</");
|
|
414
|
+
if (!s.length) {
|
|
415
|
+
i.nesting = o ? 0 : 1, s.push(i);
|
|
416
|
+
return;
|
|
417
|
+
}
|
|
418
|
+
const a = s[s.length - 1];
|
|
419
|
+
Qe(a, i) ? (i.nesting = -1, s.pop()) : o ? i.nesting = 0 : (i.nesting = 1, s.push(i));
|
|
420
|
+
}, ie = (i) => {
|
|
421
|
+
const s = (r) => {
|
|
422
|
+
const g = F(r);
|
|
423
|
+
return r.children && r.children.length > 0 && (g.children = ie(r.children)), g;
|
|
424
|
+
}, o = F(null);
|
|
425
|
+
let a = o;
|
|
426
|
+
const n = [], u = [], d = [];
|
|
427
|
+
return i.forEach((r, g) => {
|
|
428
|
+
if (r.vNodeKey = `mc-markdown-content-key-${g}`, r.tokenIndex = g, r.type.includes("html_")) {
|
|
429
|
+
if (Pe(r)) {
|
|
430
|
+
r.nesting = 0;
|
|
431
|
+
return;
|
|
432
|
+
}
|
|
433
|
+
const p = r.type === "html_block" ? d : u;
|
|
434
|
+
He(r, p);
|
|
435
|
+
}
|
|
436
|
+
}), i.forEach((r, g) => {
|
|
437
|
+
let p;
|
|
438
|
+
if (r.nesting === 1)
|
|
439
|
+
p = F(r), a.children.push(p), n.push(a), a = p;
|
|
440
|
+
else if (r.nesting === -1) {
|
|
441
|
+
if (a.closeNode = r, !n.length)
|
|
442
|
+
throw new Error("AST stack underflow.");
|
|
443
|
+
p = n.pop(), a = p;
|
|
444
|
+
} else if (r.nesting === 0)
|
|
445
|
+
if (r.type === "inline" && r.children && r.children.length > 0) {
|
|
446
|
+
const v = s(r);
|
|
447
|
+
a.children.push(v);
|
|
448
|
+
} else
|
|
449
|
+
a.children.push(r);
|
|
450
|
+
else
|
|
451
|
+
throw new Error(`Invalid nesting level found in token index ${g}.`);
|
|
452
|
+
}), o.children;
|
|
453
|
+
}, Ge = (i) => {
|
|
454
|
+
if (!i || !i.trim()) return [];
|
|
455
|
+
const o = new DOMParser().parseFromString(`<body>${i}</body>`, "text/html"), a = [];
|
|
456
|
+
return o.body.childNodes.forEach((n, u) => {
|
|
457
|
+
const d = oe(n);
|
|
458
|
+
(te(d) || typeof d == "string") && (typeof d == "object" && (d.key = u), a.push(d));
|
|
459
|
+
}), a;
|
|
460
|
+
}, oe = (i) => {
|
|
461
|
+
if (i.nodeType === Node.TEXT_NODE) return w("span", { innerHTML: i.textContent || "" });
|
|
462
|
+
if (i.nodeType !== Node.ELEMENT_NODE) return "";
|
|
463
|
+
const s = i, o = {};
|
|
464
|
+
if (s.hasAttributes() && s.attributes)
|
|
465
|
+
for (const n of Array.from(s.attributes))
|
|
466
|
+
o[n.name] = n.value;
|
|
467
|
+
const a = [];
|
|
468
|
+
return s.childNodes.length > 0 && s.childNodes.forEach((n) => {
|
|
469
|
+
const u = oe(n);
|
|
470
|
+
(te(u) || typeof u == "string") && a.push(u);
|
|
471
|
+
}), Fe(s.tagName) ? w(s.tagName.toLowerCase(), o, a) : (i == null ? void 0 : i.textContent) || "";
|
|
472
|
+
}, Fe = (i) => {
|
|
473
|
+
try {
|
|
474
|
+
return document.createElement(i), !0;
|
|
475
|
+
} catch {
|
|
476
|
+
return !1;
|
|
477
|
+
}
|
|
478
|
+
}, Xe = /* @__PURE__ */ q({
|
|
328
479
|
__name: "mdCard",
|
|
329
|
-
props:
|
|
480
|
+
props: Ze,
|
|
330
481
|
emits: ["afterMdtInit", "typingStart", "typing", "typingEnd"],
|
|
331
|
-
setup(
|
|
332
|
-
const
|
|
333
|
-
let
|
|
334
|
-
const
|
|
482
|
+
setup(i, { expose: s, emit: o }) {
|
|
483
|
+
const a = new se(), n = i, u = o, d = ge();
|
|
484
|
+
let r = null;
|
|
485
|
+
const g = me({
|
|
335
486
|
breaks: !0,
|
|
336
487
|
linkify: !0,
|
|
337
488
|
html: !0,
|
|
338
|
-
highlight: (
|
|
339
|
-
if (
|
|
489
|
+
highlight: (e, l) => {
|
|
490
|
+
if (l && D.getLanguage(l))
|
|
340
491
|
try {
|
|
341
|
-
return D.highlight(
|
|
492
|
+
return D.highlight(e, { language: l }).value;
|
|
342
493
|
} catch {
|
|
343
494
|
}
|
|
344
495
|
return "";
|
|
345
496
|
},
|
|
346
|
-
...
|
|
347
|
-
})
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
let t = i.content || "";
|
|
355
|
-
if (i.typing && N.value) {
|
|
356
|
-
t = i.content.slice(0, L.value) || "";
|
|
357
|
-
const n = { ...Q, ...i == null ? void 0 : i.typingOptions };
|
|
358
|
-
n.style === "cursor" ? t += '<span class="mc-typewriter mc-typewriter-cursor">|</span>' : (n.style === "color" || n.style === "gradient") && (t = t.slice(0, -5) + `<span class="mc-typewriter mc-typewriter-${n.style}">${t.slice(-5)}</span>`);
|
|
497
|
+
...n.mdOptions
|
|
498
|
+
}), p = T(0), v = T(!1), O = T(), C = () => {
|
|
499
|
+
var y;
|
|
500
|
+
let e = n.content || "";
|
|
501
|
+
if (n.typing && v.value) {
|
|
502
|
+
e = n.content.slice(0, p.value) || "";
|
|
503
|
+
const f = { ...V, ...n == null ? void 0 : n.typingOptions };
|
|
504
|
+
f.style === "cursor" ? e += '<span class="mc-typewriter mc-typewriter-cursor">|</span>' : (f.style === "color" || f.style === "gradient") && (e = e.slice(0, -5) + `<span class="mc-typewriter mc-typewriter-${f.style}">${e.slice(-5)}</span>`);
|
|
359
505
|
}
|
|
360
|
-
if (
|
|
361
|
-
const
|
|
362
|
-
|
|
506
|
+
if (n.enableThink) {
|
|
507
|
+
const f = ((y = n.thinkOptions) == null ? void 0 : y.customClass) || "mc-think-block";
|
|
508
|
+
e = (e == null ? void 0 : e.replace("<think>", `<div class="${f}">`).replace("</think>", "</div>")) || "";
|
|
363
509
|
}
|
|
364
|
-
const
|
|
365
|
-
|
|
366
|
-
}
|
|
367
|
-
|
|
510
|
+
const l = g.parse(e, {}), h = ie(l), m = k(h);
|
|
511
|
+
O.value = w(K, m);
|
|
512
|
+
}, k = (e) => e.map((l) => x(l)), x = (e) => {
|
|
513
|
+
var l, h;
|
|
514
|
+
if (e.nodeType === "html_inline" || e.nodeType === "html_block") {
|
|
515
|
+
const m = Ge(((l = e.openNode) == null ? void 0 : l.content) || "")[0];
|
|
516
|
+
if (m) {
|
|
517
|
+
const y = (m == null ? void 0 : m.children) || [];
|
|
518
|
+
return Array.isArray(y) ? m.children = [...y, ...e.children.map((f) => x(f))] : m.children = [y, ...e.children.map((f) => x(f))], m;
|
|
519
|
+
} else
|
|
520
|
+
return ((h = e.openNode) == null ? void 0 : h.content) || "";
|
|
521
|
+
}
|
|
522
|
+
return E(e) ? B(e) : Y(e);
|
|
523
|
+
}, E = (e) => "type" in e && "content" in e, B = (e) => {
|
|
524
|
+
if (e.type === "text")
|
|
525
|
+
return e.content;
|
|
526
|
+
if (e.type === "inline")
|
|
527
|
+
return W(e);
|
|
528
|
+
if (e.type === "fence")
|
|
529
|
+
return U(e);
|
|
530
|
+
if (e.type === "softbreak")
|
|
531
|
+
return g.options.breaks ? w("br") : `
|
|
532
|
+
`;
|
|
533
|
+
if (e.type === "html_block" || e.type === "html_inline")
|
|
534
|
+
return e.type === "html_block" ? w("div", { innerHTML: e.content }) : w("span", { innerHTML: e.content });
|
|
535
|
+
if (e.tag) {
|
|
536
|
+
const l = b(e.attrs || []);
|
|
537
|
+
return w(e.tag, { ...l, key: e.vNodeKey }, e.content);
|
|
538
|
+
}
|
|
539
|
+
return e.content;
|
|
540
|
+
}, W = (e) => {
|
|
541
|
+
var h;
|
|
542
|
+
const l = ((h = e.children) == null ? void 0 : h.map((m) => B(m))) || [];
|
|
543
|
+
return w("span", { key: e.vNodeKey }, l);
|
|
544
|
+
}, Y = (e) => {
|
|
545
|
+
var y, f, X, $, R;
|
|
546
|
+
const l = ((y = e.openNode) == null ? void 0 : y.tag) || "div", h = b(((f = e.openNode) == null ? void 0 : f.attrs) || []);
|
|
547
|
+
if (((X = e.openNode) == null ? void 0 : X.type) === "fence")
|
|
548
|
+
return U(e.openNode);
|
|
549
|
+
if (($ = e.openNode) != null && $.tag) {
|
|
550
|
+
const P = e.children.map((ce) => x(ce)), re = b(((R = e.openNode) == null ? void 0 : R.attrs) || []);
|
|
551
|
+
return w(l, { ...re, key: e.vNodeKey }, P);
|
|
552
|
+
}
|
|
553
|
+
const m = e.children.map((P) => x(P));
|
|
554
|
+
return w(l, { ...h, key: e.vNodeKey }, m);
|
|
555
|
+
}, U = (e) => {
|
|
556
|
+
var m;
|
|
557
|
+
const l = ((m = e.info) == null ? void 0 : m.replace(/<span\b[^>]*>/i, "").replace("</span>", "")) || "", h = e.content;
|
|
558
|
+
return Z(l, h, e.tokenIndex);
|
|
559
|
+
}, b = (e) => e.reduce((l, [h, m]) => (l[h] = m, l), {});
|
|
560
|
+
j(
|
|
368
561
|
() => {
|
|
369
|
-
var
|
|
370
|
-
return [
|
|
562
|
+
var e;
|
|
563
|
+
return [n.enableThink, (e = n.thinkOptions) == null ? void 0 : e.customClass, n.theme];
|
|
371
564
|
},
|
|
372
565
|
() => {
|
|
373
|
-
|
|
566
|
+
C();
|
|
374
567
|
}
|
|
375
568
|
);
|
|
376
|
-
const
|
|
377
|
-
const
|
|
378
|
-
actions:
|
|
379
|
-
|
|
380
|
-
|
|
569
|
+
const Z = (e, l, h) => {
|
|
570
|
+
const m = {
|
|
571
|
+
actions: d.actions ? () => {
|
|
572
|
+
var y;
|
|
573
|
+
return ((y = d.actions) == null ? void 0 : y.call(d, { codeBlockData: { code: l, language: e } })) || null;
|
|
574
|
+
} : void 0,
|
|
575
|
+
header: d.header ? () => {
|
|
576
|
+
var y;
|
|
577
|
+
return ((y = d.header) == null ? void 0 : y.call(d, { codeBlockData: { code: l, language: e } })) || null;
|
|
578
|
+
} : void 0,
|
|
579
|
+
content: d.content ? () => {
|
|
580
|
+
var y;
|
|
581
|
+
return ((y = d.content) == null ? void 0 : y.call(d, { codeBlockData: { code: l, language: e } })) || null;
|
|
582
|
+
} : void 0
|
|
381
583
|
};
|
|
382
|
-
return
|
|
383
|
-
|
|
584
|
+
return w(
|
|
585
|
+
Ye,
|
|
384
586
|
{
|
|
385
|
-
language:
|
|
386
|
-
code:
|
|
387
|
-
blockIndex:
|
|
388
|
-
theme:
|
|
389
|
-
enableMermaid:
|
|
390
|
-
mermaidConfig:
|
|
391
|
-
key: `code-block-${
|
|
587
|
+
language: e,
|
|
588
|
+
code: l,
|
|
589
|
+
blockIndex: h,
|
|
590
|
+
theme: n.theme,
|
|
591
|
+
enableMermaid: n.enableMermaid,
|
|
592
|
+
mermaidConfig: n.mermaidConfig,
|
|
593
|
+
key: `code-block-${h}`
|
|
392
594
|
},
|
|
393
|
-
|
|
595
|
+
m
|
|
394
596
|
);
|
|
597
|
+
}, Q = () => {
|
|
598
|
+
clearTimeout(r), v.value = !0, u("typingStart");
|
|
599
|
+
const e = { ...V, ...n == null ? void 0 : n.typingOptions }, l = () => {
|
|
600
|
+
let h = e.step;
|
|
601
|
+
if (Array.isArray(e.step) && (h = e.step[0] + Math.floor(Math.random() * (e.step[1] - e.step[0]))), p.value += h, C(), u("typing"), p.value >= n.content.length) {
|
|
602
|
+
t(), C();
|
|
603
|
+
return;
|
|
604
|
+
}
|
|
605
|
+
r = setTimeout(l, e.interval);
|
|
606
|
+
};
|
|
607
|
+
r = setTimeout(l);
|
|
395
608
|
};
|
|
396
|
-
|
|
397
|
-
() =>
|
|
398
|
-
(
|
|
399
|
-
if (!
|
|
400
|
-
|
|
609
|
+
j(
|
|
610
|
+
() => n.content,
|
|
611
|
+
(e, l) => {
|
|
612
|
+
if (!n.typing) {
|
|
613
|
+
p.value = (e == null ? void 0 : e.length) || 0, C();
|
|
401
614
|
return;
|
|
402
615
|
}
|
|
403
|
-
|
|
616
|
+
e.indexOf(l) === -1 && (p.value = 0), _(() => Q());
|
|
404
617
|
},
|
|
405
618
|
{ immediate: !0 }
|
|
406
619
|
);
|
|
407
|
-
const
|
|
408
|
-
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
b(), p();
|
|
415
|
-
return;
|
|
416
|
-
}
|
|
417
|
-
f = setTimeout(o, t.interval);
|
|
418
|
-
};
|
|
419
|
-
f = setTimeout(o);
|
|
420
|
-
}, S = T(() => ({
|
|
421
|
-
name: "MarkdownRenderer",
|
|
422
|
-
render() {
|
|
423
|
-
var Y;
|
|
424
|
-
if (typeof document > "u")
|
|
425
|
-
return A("div");
|
|
426
|
-
const { html: t, tokens: o } = I.value, l = [];
|
|
427
|
-
let e = 0, n;
|
|
428
|
-
const c = /<!----MC_MARKDOWN_CODE_BLOCK_(\d+)---->/g;
|
|
429
|
-
let _ = 0, z = 0;
|
|
430
|
-
for (; n = c.exec(t), !!n; ) {
|
|
431
|
-
n.index > e && l.push(
|
|
432
|
-
A("div", {
|
|
433
|
-
innerHTML: t.slice(e, n.index),
|
|
434
|
-
key: `markdown-segment-${z++}`
|
|
435
|
-
})
|
|
436
|
-
);
|
|
437
|
-
const j = o[Number.parseInt(n[1])], F = ((Y = j == null ? void 0 : j.info) == null ? void 0 : Y.replace(/<span\b[^>]*>/i, "").replace("</span>", "")) || "", R = j.content;
|
|
438
|
-
l.push(x(F, R, _)), _++, e = c.lastIndex;
|
|
439
|
-
}
|
|
440
|
-
return e < t.length && l.push(
|
|
441
|
-
A("div", {
|
|
442
|
-
innerHTML: t.slice(e),
|
|
443
|
-
key: `markdown-segment-${z++}`
|
|
444
|
-
})
|
|
445
|
-
), A("div", l);
|
|
446
|
-
}
|
|
447
|
-
}));
|
|
448
|
-
k(
|
|
449
|
-
() => i.customXssRules,
|
|
450
|
-
(t) => {
|
|
451
|
-
g.setCustomXssRules(t), p();
|
|
620
|
+
const t = () => {
|
|
621
|
+
v.value = !1, u("typingEnd");
|
|
622
|
+
};
|
|
623
|
+
j(
|
|
624
|
+
() => n.customXssRules,
|
|
625
|
+
(e) => {
|
|
626
|
+
a.setCustomXssRules(e), C();
|
|
452
627
|
},
|
|
453
628
|
{ deep: !1 }
|
|
454
|
-
),
|
|
455
|
-
() =>
|
|
456
|
-
(
|
|
457
|
-
|
|
629
|
+
), j(
|
|
630
|
+
() => n.mdPlugins,
|
|
631
|
+
(e) => {
|
|
632
|
+
a.setMdPlugins(e, g), C();
|
|
458
633
|
},
|
|
459
634
|
{ immediate: !0, deep: !1 }
|
|
460
635
|
);
|
|
461
|
-
const
|
|
462
|
-
return
|
|
463
|
-
u("afterMdtInit",
|
|
464
|
-
}), s({ mdt:
|
|
465
|
-
|
|
636
|
+
const c = z(() => n.theme === "dark" ? "mc-markdown-render-dark" : "mc-markdown-render-light");
|
|
637
|
+
return ee(() => {
|
|
638
|
+
u("afterMdtInit", g);
|
|
639
|
+
}), s({ mdt: g }), (e, l) => (I(), N(
|
|
640
|
+
K,
|
|
466
641
|
null,
|
|
467
642
|
[
|
|
468
|
-
|
|
643
|
+
M(
|
|
469
644
|
"div",
|
|
470
645
|
{
|
|
471
|
-
class:
|
|
646
|
+
class: A(["mc-markdown-render", c.value])
|
|
472
647
|
},
|
|
473
648
|
[
|
|
474
|
-
(
|
|
649
|
+
(I(), ue(he(O.value)))
|
|
475
650
|
],
|
|
476
651
|
2
|
|
477
652
|
/* CLASS */
|
|
478
653
|
),
|
|
479
|
-
|
|
654
|
+
S("v-if", !0)
|
|
480
655
|
],
|
|
481
656
|
64
|
|
482
657
|
/* STABLE_FRAGMENT */
|
|
483
658
|
));
|
|
484
659
|
}
|
|
485
|
-
}),
|
|
486
|
-
|
|
487
|
-
|
|
660
|
+
}), J = /* @__PURE__ */ ne(Xe, [["__scopeId", "data-v-21afedec"]]);
|
|
661
|
+
J.install = (i) => {
|
|
662
|
+
i.component("McMarkdownCard", J);
|
|
488
663
|
};
|
|
489
664
|
export {
|
|
490
|
-
|
|
665
|
+
J as McMarkdownCard
|
|
491
666
|
};
|
package/README.md
CHANGED
|
@@ -302,16 +302,14 @@ $ npm install openai
|
|
|
302
302
|
```js
|
|
303
303
|
import OpenAI from 'openai';
|
|
304
304
|
|
|
305
|
-
const client =
|
|
306
|
-
|
|
307
|
-
client.value = new OpenAI({
|
|
305
|
+
const client = new OpenAI({
|
|
308
306
|
apiKey: '', // 模型APIKey
|
|
309
307
|
baseURL: '', // 模型API地址
|
|
310
308
|
dangerouslyAllowBrowser: true,
|
|
311
309
|
});
|
|
312
310
|
|
|
313
311
|
const fetchData = (ques) => {
|
|
314
|
-
const completion = await client.
|
|
312
|
+
const completion = await client.chat.completions.create({
|
|
315
313
|
model: 'my-model', // 替换为自己的model名称
|
|
316
314
|
messages: [
|
|
317
315
|
{ role: 'user', content: ques },
|
|
@@ -354,9 +352,7 @@ const onSubmit = (evt) => {
|
|
|
354
352
|
```ts
|
|
355
353
|
import OpenAI from 'openai';
|
|
356
354
|
|
|
357
|
-
const client =
|
|
358
|
-
|
|
359
|
-
client.value = new OpenAI({
|
|
355
|
+
const client = new OpenAI({
|
|
360
356
|
apiKey: '', // 模型APIKey
|
|
361
357
|
baseURL: '', // 模型API地址
|
|
362
358
|
dangerouslyAllowBrowser: true,
|
|
@@ -383,7 +379,7 @@ const fetchData = async (ques) => {
|
|
|
383
379
|
id: '',
|
|
384
380
|
loading: true,
|
|
385
381
|
});
|
|
386
|
-
const completion = await client.
|
|
382
|
+
const completion = await client.chat.completions.create({
|
|
387
383
|
model: 'my-model', // 替换为自己的model名称
|
|
388
384
|
messages: [{ role: 'user', content: ques }],
|
|
389
385
|
stream: true, // 为 true 则开启接口的流式返回
|
|
@@ -423,7 +419,7 @@ MateChat 在不断的演进中,你可在这里了解我们的计划:[MateCha
|
|
|
423
419
|
|
|
424
420
|
## 谁在使用
|
|
425
421
|
|
|
426
|
-
[CodeArts
|
|
422
|
+
[华为云CodeArts智能助手](https://www.huaweicloud.com/product/codeartside/snap.html)
|
|
427
423
|
|
|
428
424
|
[InsCode AI IDE](https://inscode.csdn.net/)
|
|
429
425
|
|
package/package.json
CHANGED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
class n {
|
|
2
|
-
constructor(i = {}) {
|
|
3
|
-
this.config = i, this.mermaidInstance = null, this.isLoading = !1, this.lastValidResult = "";
|
|
4
|
-
}
|
|
5
|
-
async loadMermaid() {
|
|
6
|
-
if (this.mermaidInstance)
|
|
7
|
-
return this.mermaidInstance;
|
|
8
|
-
if (this.isLoading)
|
|
9
|
-
return new Promise((i) => {
|
|
10
|
-
const t = () => {
|
|
11
|
-
this.mermaidInstance ? i(this.mermaidInstance) : setTimeout(t, 50);
|
|
12
|
-
};
|
|
13
|
-
t();
|
|
14
|
-
});
|
|
15
|
-
this.isLoading = !0;
|
|
16
|
-
try {
|
|
17
|
-
const { default: i } = await import("mermaid");
|
|
18
|
-
return i.initialize({
|
|
19
|
-
theme: this.config.theme || "default",
|
|
20
|
-
startOnLoad: !1,
|
|
21
|
-
suppressErrorRendering: !0,
|
|
22
|
-
...this.config
|
|
23
|
-
}), this.mermaidInstance = i, i;
|
|
24
|
-
} catch (i) {
|
|
25
|
-
throw console.error("Failed to load mermaid:", i), new Error("Failed to load mermaid library");
|
|
26
|
-
} finally {
|
|
27
|
-
this.isLoading = !1;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
async renderMermaid(i, t = "light") {
|
|
31
|
-
try {
|
|
32
|
-
const e = await this.loadMermaid();
|
|
33
|
-
this.config.theme !== t && (this.config.theme = t, e.initialize({
|
|
34
|
-
startOnLoad: !1,
|
|
35
|
-
suppressErrorRendering: !0,
|
|
36
|
-
theme: t === "dark" ? "dark" : "default",
|
|
37
|
-
...this.config
|
|
38
|
-
}));
|
|
39
|
-
const a = `mc_mermaid_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, { svg: r } = await e.render(a, i);
|
|
40
|
-
return this.lastValidResult = r, r;
|
|
41
|
-
} catch {
|
|
42
|
-
return this.lastValidResult;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
export {
|
|
47
|
-
n as MermaidService
|
|
48
|
-
};
|