@mark-sorcery/vue 0.4.2 → 0.5.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/README.md +10 -10
- package/dist/Blockquote-BYx2QlFv.cjs +1 -0
- package/dist/Blockquote-xx4inn22.js +1 -0
- package/dist/Bold-BiFH9EUs.js +1 -0
- package/dist/Bold-BoZIkk4l.cjs +1 -0
- package/dist/Code-CIuX53Su.js +1 -0
- package/dist/Code-CoQLSwBI.cjs +1 -0
- package/dist/CodeBlock-CBJUqIz7.js +2 -0
- package/dist/CodeBlock-NqAkDDFl.cjs +2 -0
- package/dist/Default-Dm6QzM55.cjs +1 -0
- package/dist/Default-Du5KpWO9.js +1 -0
- package/dist/Heading-BeD6JNR8.cjs +1 -0
- package/dist/Heading-Di0SzJmF.js +1 -0
- package/dist/HorizontalRule-BMcNqcX8.cjs +1 -0
- package/dist/HorizontalRule-DPKVMxXq.js +1 -0
- package/dist/Italic-BCSxulFP.cjs +1 -0
- package/dist/Italic-DxpVjZf8.js +1 -0
- package/dist/Link-CjW_-Hte.cjs +1 -0
- package/dist/Link-IdvG620t.js +1 -0
- package/dist/ListItem-B41dIF1i.cjs +1 -0
- package/dist/ListItem-lobxnDXx.js +1 -0
- package/dist/NodeList-CC_DnlOJ.cjs +1 -0
- package/dist/NodeList-Cnt9bUlC.js +1 -0
- package/dist/OrderedList-C8OQUxfM.js +1 -0
- package/dist/OrderedList-Dyky6G0n.cjs +1 -0
- package/dist/Paragraph-BYLoYhE4.cjs +1 -0
- package/dist/Paragraph-DFxhuzYm.js +1 -0
- package/dist/Strikethrough-BwUZSXgn.cjs +1 -0
- package/dist/Strikethrough-_EWGsunK.js +1 -0
- package/dist/Table-BHe4TZQf.cjs +1 -0
- package/dist/Table-CiG_ZrEU.js +1 -0
- package/dist/TableBody-l1bqR2BA.cjs +1 -0
- package/dist/TableBody-n-_2mkOQ.js +1 -0
- package/dist/TableData-D-Iwh5ZQ.js +1 -0
- package/dist/TableData-c1Rqbcu_.cjs +1 -0
- package/dist/TableHead-BgqaAdJ1.cjs +1 -0
- package/dist/TableHead-CuRy6BZG.js +1 -0
- package/dist/TableHeader-BK41oO7C.cjs +1 -0
- package/dist/TableHeader-CTBMqac9.js +1 -0
- package/dist/TableRow-30o6BXtx.cjs +1 -0
- package/dist/TableRow-BgoJ5-lh.js +1 -0
- package/dist/TaskListInput-BHl8y-3q.js +1 -0
- package/dist/TaskListInput-BdX4X7Za.cjs +1 -0
- package/dist/Text-CAMWUGdX.js +1 -0
- package/dist/Text-CtiSKNYX.cjs +1 -0
- package/dist/UnorderedList-BxYc45P8.cjs +1 -0
- package/dist/UnorderedList-C5D_qYHT.js +1 -0
- package/dist/elementPropertiesToProps-Rl89ZOmS.js +1 -0
- package/dist/elementPropertiesToProps-YEOuulPS.cjs +1 -0
- package/dist/index.cjs +1 -101
- package/dist/index.d.cts +39 -40
- package/dist/index.d.ts +39 -40
- package/dist/index.js +1 -91
- package/package.json +13 -12
- package/dist/Blockquote-DZTZ5X1p.js +0 -42
- package/dist/Blockquote-DZTZ5X1p.js.map +0 -1
- package/dist/Blockquote-DfReS6Jk.cjs +0 -42
- package/dist/Blockquote-DfReS6Jk.cjs.map +0 -1
- package/dist/Bold-CnFI-brd.js +0 -42
- package/dist/Bold-CnFI-brd.js.map +0 -1
- package/dist/Bold-VSbfHGZR.cjs +0 -42
- package/dist/Bold-VSbfHGZR.cjs.map +0 -1
- package/dist/Code-B5usQgOX.js +0 -42
- package/dist/Code-B5usQgOX.js.map +0 -1
- package/dist/Code-D60QJXMH.cjs +0 -42
- package/dist/Code-D60QJXMH.cjs.map +0 -1
- package/dist/CodeBlock-CQZdWDXF.js +0 -46
- package/dist/CodeBlock-CQZdWDXF.js.map +0 -1
- package/dist/CodeBlock-rNf2_fZS.cjs +0 -46
- package/dist/CodeBlock-rNf2_fZS.cjs.map +0 -1
- package/dist/Default-C18S5aUh.cjs +0 -17
- package/dist/Default-C18S5aUh.cjs.map +0 -1
- package/dist/Default-CM1nMlyi.js +0 -17
- package/dist/Default-CM1nMlyi.js.map +0 -1
- package/dist/Heading-C0FYB8vg.cjs +0 -52
- package/dist/Heading-C0FYB8vg.cjs.map +0 -1
- package/dist/Heading-CCxgJtk3.js +0 -52
- package/dist/Heading-CCxgJtk3.js.map +0 -1
- package/dist/HorizontalRule-BPqWFNE_.js +0 -26
- package/dist/HorizontalRule-BPqWFNE_.js.map +0 -1
- package/dist/HorizontalRule-KDM-YMib.cjs +0 -26
- package/dist/HorizontalRule-KDM-YMib.cjs.map +0 -1
- package/dist/Italic-BIi4AhHI.cjs +0 -42
- package/dist/Italic-BIi4AhHI.cjs.map +0 -1
- package/dist/Italic-_sbLSBlQ.js +0 -42
- package/dist/Italic-_sbLSBlQ.js.map +0 -1
- package/dist/Link-CPauoSQI.js +0 -42
- package/dist/Link-CPauoSQI.js.map +0 -1
- package/dist/Link-CTtUNq_d.cjs +0 -42
- package/dist/Link-CTtUNq_d.cjs.map +0 -1
- package/dist/ListItem-C-KNaMqI.cjs +0 -42
- package/dist/ListItem-C-KNaMqI.cjs.map +0 -1
- package/dist/ListItem-C2yQW3gu.js +0 -42
- package/dist/ListItem-C2yQW3gu.js.map +0 -1
- package/dist/NodeList-BuvhQXz-.cjs +0 -160
- package/dist/NodeList-BuvhQXz-.cjs.map +0 -1
- package/dist/NodeList-Cu2QyMZ9.js +0 -137
- package/dist/NodeList-Cu2QyMZ9.js.map +0 -1
- package/dist/OrderedList-Boe2DXXU.js +0 -42
- package/dist/OrderedList-Boe2DXXU.js.map +0 -1
- package/dist/OrderedList-DBB31eae.cjs +0 -42
- package/dist/OrderedList-DBB31eae.cjs.map +0 -1
- package/dist/Paragraph-C7Mgv1iR.js +0 -42
- package/dist/Paragraph-C7Mgv1iR.js.map +0 -1
- package/dist/Paragraph-DksrYqWj.cjs +0 -42
- package/dist/Paragraph-DksrYqWj.cjs.map +0 -1
- package/dist/Strikethrough-D30JG8xE.js +0 -42
- package/dist/Strikethrough-D30JG8xE.js.map +0 -1
- package/dist/Strikethrough-hgN_2VzI.cjs +0 -42
- package/dist/Strikethrough-hgN_2VzI.cjs.map +0 -1
- package/dist/Table-DAQA3DoH.cjs +0 -42
- package/dist/Table-DAQA3DoH.cjs.map +0 -1
- package/dist/Table-DQdAQmDZ.js +0 -42
- package/dist/Table-DQdAQmDZ.js.map +0 -1
- package/dist/TableBody-Cjxkr0D9.js +0 -42
- package/dist/TableBody-Cjxkr0D9.js.map +0 -1
- package/dist/TableBody-DDAL13Mo.cjs +0 -42
- package/dist/TableBody-DDAL13Mo.cjs.map +0 -1
- package/dist/TableData-CLGEgb3V.cjs +0 -42
- package/dist/TableData-CLGEgb3V.cjs.map +0 -1
- package/dist/TableData-DW0N8cmF.js +0 -42
- package/dist/TableData-DW0N8cmF.js.map +0 -1
- package/dist/TableHead-BPhgKqfM.cjs +0 -42
- package/dist/TableHead-BPhgKqfM.cjs.map +0 -1
- package/dist/TableHead-C1se0gdy.js +0 -42
- package/dist/TableHead-C1se0gdy.js.map +0 -1
- package/dist/TableHeader-C2xYluJP.js +0 -42
- package/dist/TableHeader-C2xYluJP.js.map +0 -1
- package/dist/TableHeader-DweFNh27.cjs +0 -42
- package/dist/TableHeader-DweFNh27.cjs.map +0 -1
- package/dist/TableRow-7X0YmfQJ.cjs +0 -42
- package/dist/TableRow-7X0YmfQJ.cjs.map +0 -1
- package/dist/TableRow-Df2q6WJe.js +0 -42
- package/dist/TableRow-Df2q6WJe.js.map +0 -1
- package/dist/TaskListInput-D0J0W_mb.cjs +0 -31
- package/dist/TaskListInput-D0J0W_mb.cjs.map +0 -1
- package/dist/TaskListInput-ZHyqra-8.js +0 -31
- package/dist/TaskListInput-ZHyqra-8.js.map +0 -1
- package/dist/Text-D9YJ_6J0.js +0 -24
- package/dist/Text-D9YJ_6J0.js.map +0 -1
- package/dist/Text-YsPIcju-.cjs +0 -24
- package/dist/Text-YsPIcju-.cjs.map +0 -1
- package/dist/UnorderedList-DTl9495U.js +0 -42
- package/dist/UnorderedList-DTl9495U.js.map +0 -1
- package/dist/UnorderedList-Dn6Qg6V8.cjs +0 -42
- package/dist/UnorderedList-Dn6Qg6V8.cjs.map +0 -1
- package/dist/elementPropertiesToProps-Bo-5NitC.cjs +0 -37
- package/dist/elementPropertiesToProps-Bo-5NitC.cjs.map +0 -1
- package/dist/elementPropertiesToProps-C6wCdFop.js +0 -31
- package/dist/elementPropertiesToProps-C6wCdFop.js.map +0 -1
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
let vue = require("vue");
|
|
2
|
-
|
|
3
|
-
//#region src/components/index.ts
|
|
4
|
-
const heading = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Heading-C0FYB8vg.cjs")));
|
|
5
|
-
const DEFAULT_COMPONENTS = {
|
|
6
|
-
p: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Paragraph-DksrYqWj.cjs"))),
|
|
7
|
-
h1: heading,
|
|
8
|
-
h2: heading,
|
|
9
|
-
h3: heading,
|
|
10
|
-
h4: heading,
|
|
11
|
-
h5: heading,
|
|
12
|
-
h6: heading,
|
|
13
|
-
strong: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Bold-VSbfHGZR.cjs"))),
|
|
14
|
-
hr: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./HorizontalRule-KDM-YMib.cjs"))),
|
|
15
|
-
em: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Italic-BIi4AhHI.cjs"))),
|
|
16
|
-
del: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Strikethrough-hgN_2VzI.cjs"))),
|
|
17
|
-
blockquote: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Blockquote-DfReS6Jk.cjs"))),
|
|
18
|
-
ul: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./UnorderedList-Dn6Qg6V8.cjs"))),
|
|
19
|
-
ol: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./OrderedList-DBB31eae.cjs"))),
|
|
20
|
-
li: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./ListItem-C-KNaMqI.cjs"))),
|
|
21
|
-
code: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Code-D60QJXMH.cjs"))),
|
|
22
|
-
a: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Link-CTtUNq_d.cjs"))),
|
|
23
|
-
input: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TaskListInput-D0J0W_mb.cjs"))),
|
|
24
|
-
pre: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./CodeBlock-rNf2_fZS.cjs"))),
|
|
25
|
-
table: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Table-DAQA3DoH.cjs"))),
|
|
26
|
-
thead: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHead-BPhgKqfM.cjs"))),
|
|
27
|
-
tbody: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableBody-DDAL13Mo.cjs"))),
|
|
28
|
-
tr: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableRow-7X0YmfQJ.cjs"))),
|
|
29
|
-
th: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHeader-DweFNh27.cjs"))),
|
|
30
|
-
td: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableData-CLGEgb3V.cjs"))),
|
|
31
|
-
text: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Text-YsPIcju-.cjs"))),
|
|
32
|
-
default: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Default-C18S5aUh.cjs")))
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
//#endregion
|
|
36
|
-
//#region src/composables/markdown.ts
|
|
37
|
-
const MARKDOWN_KEY = "__MARK_SORCERY_";
|
|
38
|
-
const useProvideMarkdown = (userComponents, transition) => {
|
|
39
|
-
const components = (0, vue.computed)(() => ({
|
|
40
|
-
...DEFAULT_COMPONENTS,
|
|
41
|
-
...userComponents.value
|
|
42
|
-
}));
|
|
43
|
-
(0, vue.provide)(MARKDOWN_KEY, {
|
|
44
|
-
components,
|
|
45
|
-
transition
|
|
46
|
-
});
|
|
47
|
-
return {
|
|
48
|
-
components,
|
|
49
|
-
transition
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
const useMarkdown = () => {
|
|
53
|
-
const context = (0, vue.inject)(MARKDOWN_KEY);
|
|
54
|
-
if (!context) throw new Error("useMarkdown must be used within a Markdown component");
|
|
55
|
-
return context;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
//#endregion
|
|
59
|
-
//#region src/components/NodeList.vue
|
|
60
|
-
const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
61
|
-
inheritAttrs: false,
|
|
62
|
-
__name: "NodeList",
|
|
63
|
-
props: {
|
|
64
|
-
nodeIdx: {},
|
|
65
|
-
deep: { default: 0 },
|
|
66
|
-
nodeKey: {},
|
|
67
|
-
parentNode: {},
|
|
68
|
-
nodes: {},
|
|
69
|
-
components: {},
|
|
70
|
-
transition: { type: [Boolean, Object] }
|
|
71
|
-
},
|
|
72
|
-
setup(__props) {
|
|
73
|
-
const { components, transition } = useMarkdown();
|
|
74
|
-
const nodeKeyPrefix = (0, vue.computed)(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
|
|
75
|
-
const transitionConfig = (0, vue.computed)(() => {
|
|
76
|
-
if (transition.value === true) return {};
|
|
77
|
-
if (typeof transition.value === "object") return transition.value;
|
|
78
|
-
return false;
|
|
79
|
-
});
|
|
80
|
-
function getNodeKey(node, idx) {
|
|
81
|
-
if (node.type === "text") return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
82
|
-
else if (node.type === "element") return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;
|
|
83
|
-
else return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
84
|
-
}
|
|
85
|
-
function getNodeComponent(node) {
|
|
86
|
-
if (node.type === "text") return components.value["text"];
|
|
87
|
-
else if (node.type === "element") return components.value[node.tagName];
|
|
88
|
-
else return components.value["default"];
|
|
89
|
-
}
|
|
90
|
-
const items = (0, vue.computed)(() => __props.nodes.map((node, idx) => ({
|
|
91
|
-
node,
|
|
92
|
-
idx,
|
|
93
|
-
key: getNodeKey(node, idx),
|
|
94
|
-
component: getNodeComponent(node)
|
|
95
|
-
})));
|
|
96
|
-
return (_ctx, _cache) => {
|
|
97
|
-
return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item) => {
|
|
98
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: item.key }, [transitionConfig.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({
|
|
99
|
-
key: 0,
|
|
100
|
-
appear: ""
|
|
101
|
-
}, { ref_for: true }, transitionConfig.value), {
|
|
102
|
-
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(item.component), {
|
|
103
|
-
element: item.node,
|
|
104
|
-
"node-idx": item.idx,
|
|
105
|
-
deep: __props.deep + 1,
|
|
106
|
-
"node-key": item.key,
|
|
107
|
-
"parent-node": __props.parentNode
|
|
108
|
-
}, null, 8, [
|
|
109
|
-
"element",
|
|
110
|
-
"node-idx",
|
|
111
|
-
"deep",
|
|
112
|
-
"node-key",
|
|
113
|
-
"parent-node"
|
|
114
|
-
]))]),
|
|
115
|
-
_: 2
|
|
116
|
-
}, 1040)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(item.component), {
|
|
117
|
-
key: 1,
|
|
118
|
-
element: item.node,
|
|
119
|
-
"node-idx": item.idx,
|
|
120
|
-
deep: __props.deep + 1,
|
|
121
|
-
"node-key": item.key,
|
|
122
|
-
"parent-node": __props.parentNode
|
|
123
|
-
}, null, 8, [
|
|
124
|
-
"element",
|
|
125
|
-
"node-idx",
|
|
126
|
-
"deep",
|
|
127
|
-
"node-key",
|
|
128
|
-
"parent-node"
|
|
129
|
-
]))], 64);
|
|
130
|
-
}), 128);
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
//#endregion
|
|
136
|
-
Object.defineProperty(exports, 'DEFAULT_COMPONENTS', {
|
|
137
|
-
enumerable: true,
|
|
138
|
-
get: function () {
|
|
139
|
-
return DEFAULT_COMPONENTS;
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
Object.defineProperty(exports, '_sfc_main', {
|
|
143
|
-
enumerable: true,
|
|
144
|
-
get: function () {
|
|
145
|
-
return _sfc_main;
|
|
146
|
-
}
|
|
147
|
-
});
|
|
148
|
-
Object.defineProperty(exports, 'useMarkdown', {
|
|
149
|
-
enumerable: true,
|
|
150
|
-
get: function () {
|
|
151
|
-
return useMarkdown;
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
Object.defineProperty(exports, 'useProvideMarkdown', {
|
|
155
|
-
enumerable: true,
|
|
156
|
-
get: function () {
|
|
157
|
-
return useProvideMarkdown;
|
|
158
|
-
}
|
|
159
|
-
});
|
|
160
|
-
//# sourceMappingURL=NodeList-BuvhQXz-.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NodeList-BuvhQXz-.cjs","names":[],"sources":["../src/components/index.ts","../src/composables/markdown.ts","../src/components/NodeList.vue","../src/components/NodeList.vue"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\n\r\nconst heading = defineAsyncComponent(() => import('./elements/Heading.vue'));\r\n\r\nexport const DEFAULT_COMPONENTS = {\r\n p: defineAsyncComponent(() => import('./elements/Paragraph.vue')),\r\n h1: heading,\r\n h2: heading,\r\n h3: heading,\r\n h4: heading,\r\n h5: heading,\r\n h6: heading,\r\n strong: defineAsyncComponent(() => import('./elements/Bold.vue')),\r\n hr: defineAsyncComponent(() => import('./elements/HorizontalRule.vue')),\r\n em: defineAsyncComponent(() => import('./elements/Italic.vue')),\r\n del: defineAsyncComponent(() => import('./elements/Strikethrough.vue')),\r\n blockquote: defineAsyncComponent(() => import('./elements/Blockquote.vue')),\r\n ul: defineAsyncComponent(() => import('./elements/UnorderedList.vue')),\r\n ol: defineAsyncComponent(() => import('./elements/OrderedList.vue')),\r\n li: defineAsyncComponent(() => import('./elements/ListItem.vue')),\r\n code: defineAsyncComponent(() => import('./elements/Code.vue')),\r\n a: defineAsyncComponent(() => import('./elements/Link.vue')),\r\n input: defineAsyncComponent(() => import('./elements/TaskListInput.vue')),\r\n pre: defineAsyncComponent(() => import('./elements/CodeBlock.vue')),\r\n table: defineAsyncComponent(() => import('./elements/Table.vue')),\r\n thead: defineAsyncComponent(() => import('./elements/TableHead.vue')),\r\n tbody: defineAsyncComponent(() => import('./elements/TableBody.vue')),\r\n tr: defineAsyncComponent(() => import('./elements/TableRow.vue')),\r\n th: defineAsyncComponent(() => import('./elements/TableHeader.vue')),\r\n td: defineAsyncComponent(() => import('./elements/TableData.vue')),\r\n text: defineAsyncComponent(() => import('./elements/Text.vue')),\r\n default: defineAsyncComponent(() => import('./elements/Default.vue')),\r\n}","import { computed, inject, provide, type ComputedRef } from \"vue\";\r\nimport type { MarkdownProps } from \"../types\";\r\nimport { DEFAULT_COMPONENTS } from \"../components\";\r\n\r\nconst MARKDOWN_KEY = \"__MARK_SORCERY_\"\r\n\r\nexport type MarkdownContext = {\r\n components: ComputedRef<NonNullable<MarkdownProps['components']>>\r\n transition: ComputedRef<MarkdownProps['transition']>\r\n}\r\n\r\nconst useProvideMarkdown = (\r\n userComponents: ComputedRef<MarkdownProps['components'] | undefined>,\r\n transition: ComputedRef<MarkdownProps['transition']>\r\n): MarkdownContext => {\r\n const components = computed<NonNullable<MarkdownProps['components']>>(() => ({\r\n ...DEFAULT_COMPONENTS,\r\n ...userComponents.value,\r\n }))\r\n\r\n provide(MARKDOWN_KEY, {\r\n components,\r\n transition,\r\n });\r\n\r\n return {\r\n components,\r\n transition,\r\n }\r\n}\r\n\r\nconst useMarkdown = (): MarkdownContext => {\r\n const context = inject<MarkdownContext>(MARKDOWN_KEY);\r\n\r\n if (!context) {\r\n throw new Error('useMarkdown must be used within a Markdown component');\r\n }\r\n\r\n return context;\r\n}\r\n\r\nexport {\r\n useProvideMarkdown,\r\n useMarkdown,\r\n}","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n if (node.type === \"text\") {\r\n return node.value;\r\n } else if (node.type === \"element\") {\r\n const component = components.value[node.tagName];\r\n if (!component) {\r\n return [];\r\n }\r\n return h(component, {\r\n element: node,\r\n nodeIdx: idx,\r\n deep: deep + 1,\r\n nodeKey,\r\n parentNode,\r\n });\r\n } else {\r\n return [];\r\n }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n if (transition.value) {\r\n const transitionProps = {\r\n appear: true,\r\n };\r\n if (typeof transition.value === \"object\") {\r\n Object.assign(transitionProps, transition.value);\r\n }\r\n return h(VueTransition, transitionProps, () => renderNode);\r\n }\r\n\r\n return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n if (transition.value === true) {\r\n return {};\r\n }\r\n if (typeof transition.value === \"object\") {\r\n return transition.value;\r\n }\r\n return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n if (node.type === \"text\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n } else if (node.type === \"element\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n } else {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n if (node.type === \"text\") {\r\n return components.value[\"text\"];\r\n } else if (node.type === \"element\") {\r\n return components.value[node.tagName];\r\n } else {\r\n return components.value[\"default\"];\r\n }\r\n}\r\n\r\nconst items = computed(() =>\r\n nodes.map((node, idx) => ({\r\n node,\r\n idx,\r\n key: getNodeKey(node, idx),\r\n component: getNodeComponent(node),\r\n })),\r\n);\r\n</script>\r\n\r\n<template>\r\n <template v-for=\"item in items\" :key=\"item.key\">\r\n <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n <component\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </VueTransition>\r\n <component\r\n v-else\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </template>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n if (node.type === \"text\") {\r\n return node.value;\r\n } else if (node.type === \"element\") {\r\n const component = components.value[node.tagName];\r\n if (!component) {\r\n return [];\r\n }\r\n return h(component, {\r\n element: node,\r\n nodeIdx: idx,\r\n deep: deep + 1,\r\n nodeKey,\r\n parentNode,\r\n });\r\n } else {\r\n return [];\r\n }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n if (transition.value) {\r\n const transitionProps = {\r\n appear: true,\r\n };\r\n if (typeof transition.value === \"object\") {\r\n Object.assign(transitionProps, transition.value);\r\n }\r\n return h(VueTransition, transitionProps, () => renderNode);\r\n }\r\n\r\n return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n if (transition.value === true) {\r\n return {};\r\n }\r\n if (typeof transition.value === \"object\") {\r\n return transition.value;\r\n }\r\n return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n if (node.type === \"text\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n } else if (node.type === \"element\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n } else {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n if (node.type === \"text\") {\r\n return components.value[\"text\"];\r\n } else if (node.type === \"element\") {\r\n return components.value[node.tagName];\r\n } else {\r\n return components.value[\"default\"];\r\n }\r\n}\r\n\r\nconst items = computed(() =>\r\n nodes.map((node, idx) => ({\r\n node,\r\n idx,\r\n key: getNodeKey(node, idx),\r\n component: getNodeComponent(node),\r\n })),\r\n);\r\n</script>\r\n\r\n<template>\r\n <template v-for=\"item in items\" :key=\"item.key\">\r\n <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n <component\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </VueTransition>\r\n <component\r\n v-else\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </template>\r\n</template>\r\n"],"mappings":";;;AAEA,MAAM,mFAAqC,2BAAiC;AAE5E,MAAa,qBAAqB;CAC9B,4EAA8B,6BAAmC;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,iFAAmC,wBAA8B;CACjE,6EAA+B,kCAAwC;CACvE,6EAA+B,0BAAgC;CAC/D,8EAAgC,iCAAuC;CACvE,qFAAuC,8BAAoC;CAC3E,6EAA+B,iCAAuC;CACtE,6EAA+B,+BAAqC;CACpE,6EAA+B,4BAAkC;CACjE,+EAAiC,wBAA8B;CAC/D,4EAA8B,wBAA8B;CAC5D,gFAAkC,iCAAuC;CACzE,8EAAgC,6BAAmC;CACnE,gFAAkC,yBAA+B;CACjE,gFAAkC,6BAAmC;CACrE,gFAAkC,6BAAmC;CACrE,6EAA+B,4BAAkC;CACjE,6EAA+B,+BAAqC;CACpE,6EAA+B,6BAAmC;CAClE,+EAAiC,wBAA8B;CAC/D,kFAAoC,2BAAiC;;;;;AC3BzE,MAAM,eAAe;AAOrB,MAAM,sBACF,gBACA,eACkB;CAClB,MAAM,sCAAuE;EACzE,GAAG;EACH,GAAG,eAAe;EACrB,EAAE;AAEH,kBAAQ,cAAc;EAClB;EACA;EACH,CAAC;AAEF,QAAO;EACH;EACA;EACH;;AAGL,MAAM,oBAAqC;CACvC,MAAM,0BAAkC,aAAa;AAErD,KAAI,CAAC,QACD,OAAM,IAAI,MAAM,uDAAuD;AAG3E,QAAO;;;;;;;;;;;;;;;;;;ECvBX,MAAM,EAAE,YAAY,eAAe,aAAa;EAsChD,MAAM,wCAAgC,CAAC,QAAA,UAAU,KAAK,GAAG,QAAA,QAAQ,GAAI;EACrE,MAAM,2CAAkC;AACtC,OAAI,WAAW,UAAU,KACvB,QAAO,EAAE;AAEX,OAAI,OAAO,WAAW,UAAU,SAC9B,QAAO,WAAW;AAEpB,UAAO;IACP;EAEF,SAAS,WAAW,MAAa,KAAa;AAC5C,OAAI,KAAK,SAAS,OAChB,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG;YACpC,KAAK,SAAS,UACvB,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,QAAQ,GAAG;OAE7D,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG;;EAIjD,SAAS,iBAAiB,MAAa;AACrC,OAAI,KAAK,SAAS,OAChB,QAAO,WAAW,MAAM;YACf,KAAK,SAAS,UACvB,QAAO,WAAW,MAAM,KAAK;OAE7B,QAAO,WAAW,MAAM;;EAI5B,MAAM,gCACJ,QAAA,MAAM,KAAK,MAAM,SAAS;GACxB;GACA;GACA,KAAK,WAAW,MAAM,IAAI;GAC1B,WAAW,iBAAiB,KAAK;GAClC,EAAE,CACJ;;gECwBY,cAAA,0BApBc,MAAA,QAAR,SAAI;kFAAiB,KAAK,KAAA,GACpB,iBAAA,6BAAA,uBASL,oCAAA;;KATuB,QAAA;0BAAe,iBAAA,MAAgB,EAAA;qCAQlE,sBAAA,wDANK,KAAK,UAAS,EAAA;MAClB,SAAS,KAAK;MACd,YAAU,KAAK;MACf,MAAM,QAAA,OAAI;MACV,YAAU,KAAK;MACf,eAAa,QAAA;;;;;;;;;6FAKX,KAAK,UAAS,EAAA;;KAClB,SAAS,KAAK;KACd,YAAU,KAAK;KACf,MAAM,QAAA,OAAI;KACV,YAAU,KAAK;KACf,eAAa,QAAA"}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { Fragment, Transition, computed, createBlock, createElementBlock, defineAsyncComponent, defineComponent, h, inject, mergeProps, openBlock, provide, renderList, resolveDynamicComponent, withCtx } from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/components/index.ts
|
|
4
|
-
const heading = defineAsyncComponent(() => import("./Heading-CCxgJtk3.js"));
|
|
5
|
-
const DEFAULT_COMPONENTS = {
|
|
6
|
-
p: defineAsyncComponent(() => import("./Paragraph-C7Mgv1iR.js")),
|
|
7
|
-
h1: heading,
|
|
8
|
-
h2: heading,
|
|
9
|
-
h3: heading,
|
|
10
|
-
h4: heading,
|
|
11
|
-
h5: heading,
|
|
12
|
-
h6: heading,
|
|
13
|
-
strong: defineAsyncComponent(() => import("./Bold-CnFI-brd.js")),
|
|
14
|
-
hr: defineAsyncComponent(() => import("./HorizontalRule-BPqWFNE_.js")),
|
|
15
|
-
em: defineAsyncComponent(() => import("./Italic-_sbLSBlQ.js")),
|
|
16
|
-
del: defineAsyncComponent(() => import("./Strikethrough-D30JG8xE.js")),
|
|
17
|
-
blockquote: defineAsyncComponent(() => import("./Blockquote-DZTZ5X1p.js")),
|
|
18
|
-
ul: defineAsyncComponent(() => import("./UnorderedList-DTl9495U.js")),
|
|
19
|
-
ol: defineAsyncComponent(() => import("./OrderedList-Boe2DXXU.js")),
|
|
20
|
-
li: defineAsyncComponent(() => import("./ListItem-C2yQW3gu.js")),
|
|
21
|
-
code: defineAsyncComponent(() => import("./Code-B5usQgOX.js")),
|
|
22
|
-
a: defineAsyncComponent(() => import("./Link-CPauoSQI.js")),
|
|
23
|
-
input: defineAsyncComponent(() => import("./TaskListInput-ZHyqra-8.js")),
|
|
24
|
-
pre: defineAsyncComponent(() => import("./CodeBlock-CQZdWDXF.js")),
|
|
25
|
-
table: defineAsyncComponent(() => import("./Table-DQdAQmDZ.js")),
|
|
26
|
-
thead: defineAsyncComponent(() => import("./TableHead-C1se0gdy.js")),
|
|
27
|
-
tbody: defineAsyncComponent(() => import("./TableBody-Cjxkr0D9.js")),
|
|
28
|
-
tr: defineAsyncComponent(() => import("./TableRow-Df2q6WJe.js")),
|
|
29
|
-
th: defineAsyncComponent(() => import("./TableHeader-C2xYluJP.js")),
|
|
30
|
-
td: defineAsyncComponent(() => import("./TableData-DW0N8cmF.js")),
|
|
31
|
-
text: defineAsyncComponent(() => import("./Text-D9YJ_6J0.js")),
|
|
32
|
-
default: defineAsyncComponent(() => import("./Default-CM1nMlyi.js"))
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
//#endregion
|
|
36
|
-
//#region src/composables/markdown.ts
|
|
37
|
-
const MARKDOWN_KEY = "__MARK_SORCERY_";
|
|
38
|
-
const useProvideMarkdown = (userComponents, transition) => {
|
|
39
|
-
const components = computed(() => ({
|
|
40
|
-
...DEFAULT_COMPONENTS,
|
|
41
|
-
...userComponents.value
|
|
42
|
-
}));
|
|
43
|
-
provide(MARKDOWN_KEY, {
|
|
44
|
-
components,
|
|
45
|
-
transition
|
|
46
|
-
});
|
|
47
|
-
return {
|
|
48
|
-
components,
|
|
49
|
-
transition
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
const useMarkdown = () => {
|
|
53
|
-
const context = inject(MARKDOWN_KEY);
|
|
54
|
-
if (!context) throw new Error("useMarkdown must be used within a Markdown component");
|
|
55
|
-
return context;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
//#endregion
|
|
59
|
-
//#region src/components/NodeList.vue
|
|
60
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
61
|
-
inheritAttrs: false,
|
|
62
|
-
__name: "NodeList",
|
|
63
|
-
props: {
|
|
64
|
-
nodeIdx: {},
|
|
65
|
-
deep: { default: 0 },
|
|
66
|
-
nodeKey: {},
|
|
67
|
-
parentNode: {},
|
|
68
|
-
nodes: {},
|
|
69
|
-
components: {},
|
|
70
|
-
transition: { type: [Boolean, Object] }
|
|
71
|
-
},
|
|
72
|
-
setup(__props) {
|
|
73
|
-
const { components, transition } = useMarkdown();
|
|
74
|
-
const nodeKeyPrefix = computed(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
|
|
75
|
-
const transitionConfig = computed(() => {
|
|
76
|
-
if (transition.value === true) return {};
|
|
77
|
-
if (typeof transition.value === "object") return transition.value;
|
|
78
|
-
return false;
|
|
79
|
-
});
|
|
80
|
-
function getNodeKey(node, idx) {
|
|
81
|
-
if (node.type === "text") return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
82
|
-
else if (node.type === "element") return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;
|
|
83
|
-
else return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
84
|
-
}
|
|
85
|
-
function getNodeComponent(node) {
|
|
86
|
-
if (node.type === "text") return components.value["text"];
|
|
87
|
-
else if (node.type === "element") return components.value[node.tagName];
|
|
88
|
-
else return components.value["default"];
|
|
89
|
-
}
|
|
90
|
-
const items = computed(() => __props.nodes.map((node, idx) => ({
|
|
91
|
-
node,
|
|
92
|
-
idx,
|
|
93
|
-
key: getNodeKey(node, idx),
|
|
94
|
-
component: getNodeComponent(node)
|
|
95
|
-
})));
|
|
96
|
-
return (_ctx, _cache) => {
|
|
97
|
-
return openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
|
|
98
|
-
return openBlock(), createElementBlock(Fragment, { key: item.key }, [transitionConfig.value ? (openBlock(), createBlock(Transition, mergeProps({
|
|
99
|
-
key: 0,
|
|
100
|
-
appear: ""
|
|
101
|
-
}, { ref_for: true }, transitionConfig.value), {
|
|
102
|
-
default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.component), {
|
|
103
|
-
element: item.node,
|
|
104
|
-
"node-idx": item.idx,
|
|
105
|
-
deep: __props.deep + 1,
|
|
106
|
-
"node-key": item.key,
|
|
107
|
-
"parent-node": __props.parentNode
|
|
108
|
-
}, null, 8, [
|
|
109
|
-
"element",
|
|
110
|
-
"node-idx",
|
|
111
|
-
"deep",
|
|
112
|
-
"node-key",
|
|
113
|
-
"parent-node"
|
|
114
|
-
]))]),
|
|
115
|
-
_: 2
|
|
116
|
-
}, 1040)) : (openBlock(), createBlock(resolveDynamicComponent(item.component), {
|
|
117
|
-
key: 1,
|
|
118
|
-
element: item.node,
|
|
119
|
-
"node-idx": item.idx,
|
|
120
|
-
deep: __props.deep + 1,
|
|
121
|
-
"node-key": item.key,
|
|
122
|
-
"parent-node": __props.parentNode
|
|
123
|
-
}, null, 8, [
|
|
124
|
-
"element",
|
|
125
|
-
"node-idx",
|
|
126
|
-
"deep",
|
|
127
|
-
"node-key",
|
|
128
|
-
"parent-node"
|
|
129
|
-
]))], 64);
|
|
130
|
-
}), 128);
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
//#endregion
|
|
136
|
-
export { DEFAULT_COMPONENTS as i, useMarkdown as n, useProvideMarkdown as r, _sfc_main as t };
|
|
137
|
-
//# sourceMappingURL=NodeList-Cu2QyMZ9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NodeList-Cu2QyMZ9.js","names":[],"sources":["../src/components/index.ts","../src/composables/markdown.ts","../src/components/NodeList.vue","../src/components/NodeList.vue"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\n\r\nconst heading = defineAsyncComponent(() => import('./elements/Heading.vue'));\r\n\r\nexport const DEFAULT_COMPONENTS = {\r\n p: defineAsyncComponent(() => import('./elements/Paragraph.vue')),\r\n h1: heading,\r\n h2: heading,\r\n h3: heading,\r\n h4: heading,\r\n h5: heading,\r\n h6: heading,\r\n strong: defineAsyncComponent(() => import('./elements/Bold.vue')),\r\n hr: defineAsyncComponent(() => import('./elements/HorizontalRule.vue')),\r\n em: defineAsyncComponent(() => import('./elements/Italic.vue')),\r\n del: defineAsyncComponent(() => import('./elements/Strikethrough.vue')),\r\n blockquote: defineAsyncComponent(() => import('./elements/Blockquote.vue')),\r\n ul: defineAsyncComponent(() => import('./elements/UnorderedList.vue')),\r\n ol: defineAsyncComponent(() => import('./elements/OrderedList.vue')),\r\n li: defineAsyncComponent(() => import('./elements/ListItem.vue')),\r\n code: defineAsyncComponent(() => import('./elements/Code.vue')),\r\n a: defineAsyncComponent(() => import('./elements/Link.vue')),\r\n input: defineAsyncComponent(() => import('./elements/TaskListInput.vue')),\r\n pre: defineAsyncComponent(() => import('./elements/CodeBlock.vue')),\r\n table: defineAsyncComponent(() => import('./elements/Table.vue')),\r\n thead: defineAsyncComponent(() => import('./elements/TableHead.vue')),\r\n tbody: defineAsyncComponent(() => import('./elements/TableBody.vue')),\r\n tr: defineAsyncComponent(() => import('./elements/TableRow.vue')),\r\n th: defineAsyncComponent(() => import('./elements/TableHeader.vue')),\r\n td: defineAsyncComponent(() => import('./elements/TableData.vue')),\r\n text: defineAsyncComponent(() => import('./elements/Text.vue')),\r\n default: defineAsyncComponent(() => import('./elements/Default.vue')),\r\n}","import { computed, inject, provide, type ComputedRef } from \"vue\";\r\nimport type { MarkdownProps } from \"../types\";\r\nimport { DEFAULT_COMPONENTS } from \"../components\";\r\n\r\nconst MARKDOWN_KEY = \"__MARK_SORCERY_\"\r\n\r\nexport type MarkdownContext = {\r\n components: ComputedRef<NonNullable<MarkdownProps['components']>>\r\n transition: ComputedRef<MarkdownProps['transition']>\r\n}\r\n\r\nconst useProvideMarkdown = (\r\n userComponents: ComputedRef<MarkdownProps['components'] | undefined>,\r\n transition: ComputedRef<MarkdownProps['transition']>\r\n): MarkdownContext => {\r\n const components = computed<NonNullable<MarkdownProps['components']>>(() => ({\r\n ...DEFAULT_COMPONENTS,\r\n ...userComponents.value,\r\n }))\r\n\r\n provide(MARKDOWN_KEY, {\r\n components,\r\n transition,\r\n });\r\n\r\n return {\r\n components,\r\n transition,\r\n }\r\n}\r\n\r\nconst useMarkdown = (): MarkdownContext => {\r\n const context = inject<MarkdownContext>(MARKDOWN_KEY);\r\n\r\n if (!context) {\r\n throw new Error('useMarkdown must be used within a Markdown component');\r\n }\r\n\r\n return context;\r\n}\r\n\r\nexport {\r\n useProvideMarkdown,\r\n useMarkdown,\r\n}","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n if (node.type === \"text\") {\r\n return node.value;\r\n } else if (node.type === \"element\") {\r\n const component = components.value[node.tagName];\r\n if (!component) {\r\n return [];\r\n }\r\n return h(component, {\r\n element: node,\r\n nodeIdx: idx,\r\n deep: deep + 1,\r\n nodeKey,\r\n parentNode,\r\n });\r\n } else {\r\n return [];\r\n }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n if (transition.value) {\r\n const transitionProps = {\r\n appear: true,\r\n };\r\n if (typeof transition.value === \"object\") {\r\n Object.assign(transitionProps, transition.value);\r\n }\r\n return h(VueTransition, transitionProps, () => renderNode);\r\n }\r\n\r\n return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n if (transition.value === true) {\r\n return {};\r\n }\r\n if (typeof transition.value === \"object\") {\r\n return transition.value;\r\n }\r\n return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n if (node.type === \"text\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n } else if (node.type === \"element\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n } else {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n if (node.type === \"text\") {\r\n return components.value[\"text\"];\r\n } else if (node.type === \"element\") {\r\n return components.value[node.tagName];\r\n } else {\r\n return components.value[\"default\"];\r\n }\r\n}\r\n\r\nconst items = computed(() =>\r\n nodes.map((node, idx) => ({\r\n node,\r\n idx,\r\n key: getNodeKey(node, idx),\r\n component: getNodeComponent(node),\r\n })),\r\n);\r\n</script>\r\n\r\n<template>\r\n <template v-for=\"item in items\" :key=\"item.key\">\r\n <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n <component\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </VueTransition>\r\n <component\r\n v-else\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </template>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n if (node.type === \"text\") {\r\n return node.value;\r\n } else if (node.type === \"element\") {\r\n const component = components.value[node.tagName];\r\n if (!component) {\r\n return [];\r\n }\r\n return h(component, {\r\n element: node,\r\n nodeIdx: idx,\r\n deep: deep + 1,\r\n nodeKey,\r\n parentNode,\r\n });\r\n } else {\r\n return [];\r\n }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n if (transition.value) {\r\n const transitionProps = {\r\n appear: true,\r\n };\r\n if (typeof transition.value === \"object\") {\r\n Object.assign(transitionProps, transition.value);\r\n }\r\n return h(VueTransition, transitionProps, () => renderNode);\r\n }\r\n\r\n return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n if (transition.value === true) {\r\n return {};\r\n }\r\n if (typeof transition.value === \"object\") {\r\n return transition.value;\r\n }\r\n return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n if (node.type === \"text\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n } else if (node.type === \"element\") {\r\n return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n } else {\r\n return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n if (node.type === \"text\") {\r\n return components.value[\"text\"];\r\n } else if (node.type === \"element\") {\r\n return components.value[node.tagName];\r\n } else {\r\n return components.value[\"default\"];\r\n }\r\n}\r\n\r\nconst items = computed(() =>\r\n nodes.map((node, idx) => ({\r\n node,\r\n idx,\r\n key: getNodeKey(node, idx),\r\n component: getNodeComponent(node),\r\n })),\r\n);\r\n</script>\r\n\r\n<template>\r\n <template v-for=\"item in items\" :key=\"item.key\">\r\n <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n <component\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </VueTransition>\r\n <component\r\n v-else\r\n :is=\"item.component\"\r\n :element=\"item.node\"\r\n :node-idx=\"item.idx\"\r\n :deep=\"deep + 1\"\r\n :node-key=\"item.key\"\r\n :parent-node=\"parentNode\"\r\n />\r\n </template>\r\n</template>\r\n"],"mappings":";;;AAEA,MAAM,UAAU,2BAA2B,OAAO,yBAA0B;AAE5E,MAAa,qBAAqB;CAC9B,GAAG,2BAA2B,OAAO,2BAA4B;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,QAAQ,2BAA2B,OAAO,sBAAuB;CACjE,IAAI,2BAA2B,OAAO,gCAAiC;CACvE,IAAI,2BAA2B,OAAO,wBAAyB;CAC/D,KAAK,2BAA2B,OAAO,+BAAgC;CACvE,YAAY,2BAA2B,OAAO,4BAA6B;CAC3E,IAAI,2BAA2B,OAAO,+BAAgC;CACtE,IAAI,2BAA2B,OAAO,6BAA8B;CACpE,IAAI,2BAA2B,OAAO,0BAA2B;CACjE,MAAM,2BAA2B,OAAO,sBAAuB;CAC/D,GAAG,2BAA2B,OAAO,sBAAuB;CAC5D,OAAO,2BAA2B,OAAO,+BAAgC;CACzE,KAAK,2BAA2B,OAAO,2BAA4B;CACnE,OAAO,2BAA2B,OAAO,uBAAwB;CACjE,OAAO,2BAA2B,OAAO,2BAA4B;CACrE,OAAO,2BAA2B,OAAO,2BAA4B;CACrE,IAAI,2BAA2B,OAAO,0BAA2B;CACjE,IAAI,2BAA2B,OAAO,6BAA8B;CACpE,IAAI,2BAA2B,OAAO,2BAA4B;CAClE,MAAM,2BAA2B,OAAO,sBAAuB;CAC/D,SAAS,2BAA2B,OAAO,yBAA0B;;;;;AC3BzE,MAAM,eAAe;AAOrB,MAAM,sBACF,gBACA,eACkB;CAClB,MAAM,aAAa,gBAA0D;EACzE,GAAG;EACH,GAAG,eAAe;EACrB,EAAE;AAEH,SAAQ,cAAc;EAClB;EACA;EACH,CAAC;AAEF,QAAO;EACH;EACA;EACH;;AAGL,MAAM,oBAAqC;CACvC,MAAM,UAAU,OAAwB,aAAa;AAErD,KAAI,CAAC,QACD,OAAM,IAAI,MAAM,uDAAuD;AAG3E,QAAO;;;;;;;;;;;;;;;;;;ECvBX,MAAM,EAAE,YAAY,eAAe,aAAa;EAsChD,MAAM,gBAAgB,eAAgB,CAAC,QAAA,UAAU,KAAK,GAAG,QAAA,QAAQ,GAAI;EACrE,MAAM,mBAAmB,eAAe;AACtC,OAAI,WAAW,UAAU,KACvB,QAAO,EAAE;AAEX,OAAI,OAAO,WAAW,UAAU,SAC9B,QAAO,WAAW;AAEpB,UAAO;IACP;EAEF,SAAS,WAAW,MAAa,KAAa;AAC5C,OAAI,KAAK,SAAS,OAChB,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG;YACpC,KAAK,SAAS,UACvB,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,QAAQ,GAAG;OAE7D,QAAO,GAAG,cAAc,QAAQ,KAAK,KAAK,GAAG;;EAIjD,SAAS,iBAAiB,MAAa;AACrC,OAAI,KAAK,SAAS,OAChB,QAAO,WAAW,MAAM;YACf,KAAK,SAAS,UACvB,QAAO,WAAW,MAAM,KAAK;OAE7B,QAAO,WAAW,MAAM;;EAI5B,MAAM,QAAQ,eACZ,QAAA,MAAM,KAAK,MAAM,SAAS;GACxB;GACA;GACA,KAAK,WAAW,MAAM,IAAI;GAC1B,WAAW,iBAAiB,KAAK;GAClC,EAAE,CACJ;;2BCIC,mBAoBW,UAAA,MAAA,WApBc,MAAA,QAAR,SAAI;4DAAiB,KAAK,KAAA,GACpB,iBAAA,SAAA,WAAA,EAArB,YASgB,YAThB,WASgB;;KATuB,QAAA;0BAAe,iBAAA,MAAgB,EAAA;4BAQlE,EAAA,WAAA,EAPF,YAOE,wBANK,KAAK,UAAS,EAAA;MAClB,SAAS,KAAK;MACd,YAAU,KAAK;MACf,MAAM,QAAA,OAAI;MACV,YAAU,KAAK;MACf,eAAa,QAAA;;;;;;;;;8BAGlB,YAQE,wBANK,KAAK,UAAS,EAAA;;KAClB,SAAS,KAAK;KACd,YAAU,KAAK;KACf,MAAM,QAAA,OAAI;KACV,YAAU,KAAK;KACf,eAAa,QAAA"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-Cu2QyMZ9.js";
|
|
2
|
-
import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
|
|
3
|
-
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
4
|
-
|
|
5
|
-
//#region src/components/elements/OrderedList.vue
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
inheritAttrs: false,
|
|
8
|
-
__name: "OrderedList",
|
|
9
|
-
props: {
|
|
10
|
-
nodeIdx: {},
|
|
11
|
-
deep: {},
|
|
12
|
-
nodeKey: {},
|
|
13
|
-
parentNode: {},
|
|
14
|
-
element: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const { components, transition } = useMarkdown();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return openBlock(), createElementBlock("ol", mergeProps({ "data-mark-sorcery": "ordered-list" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
|
|
20
|
-
nodes: __props.element.children,
|
|
21
|
-
nodeIdx: __props.nodeIdx,
|
|
22
|
-
deep: __props.deep,
|
|
23
|
-
nodeKey: __props.nodeKey,
|
|
24
|
-
parentNode: __props.element,
|
|
25
|
-
components: unref(components),
|
|
26
|
-
transition: unref(transition)
|
|
27
|
-
}, null, 8, [
|
|
28
|
-
"nodes",
|
|
29
|
-
"nodeIdx",
|
|
30
|
-
"deep",
|
|
31
|
-
"nodeKey",
|
|
32
|
-
"parentNode",
|
|
33
|
-
"components",
|
|
34
|
-
"transition"
|
|
35
|
-
])], 16);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
export { _sfc_main as default };
|
|
42
|
-
//# sourceMappingURL=OrderedList-Boe2DXXU.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList-Boe2DXXU.js","names":[],"sources":["../src/components/elements/OrderedList.vue","../src/components/elements/OrderedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <ol data-mark-sorcery=\"ordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </ol>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <ol data-mark-sorcery=\"ordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </ol>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,gBAAc,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACtF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-BuvhQXz-.cjs');
|
|
2
|
-
const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
|
|
3
|
-
let vue = require("vue");
|
|
4
|
-
|
|
5
|
-
//#region src/components/elements/OrderedList.vue
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
7
|
-
inheritAttrs: false,
|
|
8
|
-
__name: "OrderedList",
|
|
9
|
-
props: {
|
|
10
|
-
nodeIdx: {},
|
|
11
|
-
deep: {},
|
|
12
|
-
nodeKey: {},
|
|
13
|
-
parentNode: {},
|
|
14
|
-
element: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const { components, transition } = require_NodeList.useMarkdown();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)("ol", (0, vue.mergeProps)({ "data-mark-sorcery": "ordered-list" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
|
|
20
|
-
nodes: __props.element.children,
|
|
21
|
-
nodeIdx: __props.nodeIdx,
|
|
22
|
-
deep: __props.deep,
|
|
23
|
-
nodeKey: __props.nodeKey,
|
|
24
|
-
parentNode: __props.element,
|
|
25
|
-
components: (0, vue.unref)(components),
|
|
26
|
-
transition: (0, vue.unref)(transition)
|
|
27
|
-
}, null, 8, [
|
|
28
|
-
"nodes",
|
|
29
|
-
"nodeIdx",
|
|
30
|
-
"deep",
|
|
31
|
-
"nodeKey",
|
|
32
|
-
"parentNode",
|
|
33
|
-
"components",
|
|
34
|
-
"transition"
|
|
35
|
-
])], 16);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
exports.default = _sfc_main;
|
|
42
|
-
//# sourceMappingURL=OrderedList-DBB31eae.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList-DBB31eae.cjs","names":[],"sources":["../src/components/elements/OrderedList.vue","../src/components/elements/OrderedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <ol data-mark-sorcery=\"ordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </ol>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <ol data-mark-sorcery=\"ordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </ol>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,gBAAc,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASpF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-Cu2QyMZ9.js";
|
|
2
|
-
import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
|
|
3
|
-
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
4
|
-
|
|
5
|
-
//#region src/components/elements/Paragraph.vue
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
inheritAttrs: false,
|
|
8
|
-
__name: "Paragraph",
|
|
9
|
-
props: {
|
|
10
|
-
nodeIdx: {},
|
|
11
|
-
deep: {},
|
|
12
|
-
nodeKey: {},
|
|
13
|
-
parentNode: {},
|
|
14
|
-
element: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const { components, transition } = useMarkdown();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return openBlock(), createElementBlock("p", mergeProps({ "data-mark-sorcery": "paragraph" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
|
|
20
|
-
nodes: __props.element.children,
|
|
21
|
-
nodeIdx: __props.nodeIdx,
|
|
22
|
-
deep: __props.deep,
|
|
23
|
-
nodeKey: __props.nodeKey,
|
|
24
|
-
parentNode: __props.element,
|
|
25
|
-
components: unref(components),
|
|
26
|
-
transition: unref(transition)
|
|
27
|
-
}, null, 8, [
|
|
28
|
-
"nodes",
|
|
29
|
-
"nodeIdx",
|
|
30
|
-
"deep",
|
|
31
|
-
"nodeKey",
|
|
32
|
-
"parentNode",
|
|
33
|
-
"components",
|
|
34
|
-
"transition"
|
|
35
|
-
])], 16);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
export { _sfc_main as default };
|
|
42
|
-
//# sourceMappingURL=Paragraph-C7Mgv1iR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph-C7Mgv1iR.js","names":[],"sources":["../src/components/elements/Paragraph.vue","../src/components/elements/Paragraph.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <p data-mark-sorcery=\"paragraph\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </p>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <p data-mark-sorcery=\"paragraph\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </p>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUI,KAVJ,WAUI,EAVD,qBAAkB,aAAW,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CAClF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-BuvhQXz-.cjs');
|
|
2
|
-
const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
|
|
3
|
-
let vue = require("vue");
|
|
4
|
-
|
|
5
|
-
//#region src/components/elements/Paragraph.vue
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
7
|
-
inheritAttrs: false,
|
|
8
|
-
__name: "Paragraph",
|
|
9
|
-
props: {
|
|
10
|
-
nodeIdx: {},
|
|
11
|
-
deep: {},
|
|
12
|
-
nodeKey: {},
|
|
13
|
-
parentNode: {},
|
|
14
|
-
element: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const { components, transition } = require_NodeList.useMarkdown();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)("p", (0, vue.mergeProps)({ "data-mark-sorcery": "paragraph" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
|
|
20
|
-
nodes: __props.element.children,
|
|
21
|
-
nodeIdx: __props.nodeIdx,
|
|
22
|
-
deep: __props.deep,
|
|
23
|
-
nodeKey: __props.nodeKey,
|
|
24
|
-
parentNode: __props.element,
|
|
25
|
-
components: (0, vue.unref)(components),
|
|
26
|
-
transition: (0, vue.unref)(transition)
|
|
27
|
-
}, null, 8, [
|
|
28
|
-
"nodes",
|
|
29
|
-
"nodeIdx",
|
|
30
|
-
"deep",
|
|
31
|
-
"nodeKey",
|
|
32
|
-
"parentNode",
|
|
33
|
-
"components",
|
|
34
|
-
"transition"
|
|
35
|
-
])], 16);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
exports.default = _sfc_main;
|
|
42
|
-
//# sourceMappingURL=Paragraph-DksrYqWj.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph-DksrYqWj.cjs","names":[],"sources":["../src/components/elements/Paragraph.vue","../src/components/elements/Paragraph.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <p data-mark-sorcery=\"paragraph\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </p>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <p data-mark-sorcery=\"paragraph\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </p>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCc1C,yBAAA,EAVD,qBAAkB,aAAW,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBAShF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-Cu2QyMZ9.js";
|
|
2
|
-
import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
|
|
3
|
-
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
4
|
-
|
|
5
|
-
//#region src/components/elements/Strikethrough.vue
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
inheritAttrs: false,
|
|
8
|
-
__name: "Strikethrough",
|
|
9
|
-
props: {
|
|
10
|
-
nodeIdx: {},
|
|
11
|
-
deep: {},
|
|
12
|
-
nodeKey: {},
|
|
13
|
-
parentNode: {},
|
|
14
|
-
element: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const { components, transition } = useMarkdown();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return openBlock(), createElementBlock("del", mergeProps({ "data-mark-sorcery": "strikethrough" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
|
|
20
|
-
nodes: __props.element.children,
|
|
21
|
-
nodeIdx: __props.nodeIdx,
|
|
22
|
-
deep: __props.deep,
|
|
23
|
-
nodeKey: __props.nodeKey,
|
|
24
|
-
parentNode: __props.element,
|
|
25
|
-
components: unref(components),
|
|
26
|
-
transition: unref(transition)
|
|
27
|
-
}, null, 8, [
|
|
28
|
-
"nodes",
|
|
29
|
-
"nodeIdx",
|
|
30
|
-
"deep",
|
|
31
|
-
"nodeKey",
|
|
32
|
-
"parentNode",
|
|
33
|
-
"components",
|
|
34
|
-
"transition"
|
|
35
|
-
])], 16);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
export { _sfc_main as default };
|
|
42
|
-
//# sourceMappingURL=Strikethrough-D30JG8xE.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Strikethrough-D30JG8xE.js","names":[],"sources":["../src/components/elements/Strikethrough.vue","../src/components/elements/Strikethrough.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <del data-mark-sorcery=\"strikethrough\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </del>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n <del data-mark-sorcery=\"strikethrough\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n <NodeList\r\n :nodes=\"element.children\"\r\n :nodeIdx=\"nodeIdx\"\r\n :deep=\"deep\"\r\n :nodeKey=\"nodeKey\"\r\n :parentNode=\"element\"\r\n :components=\"components\"\r\n :transition=\"transition\"\r\n />\r\n </del>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUM,OAVN,WAUM,EAVD,qBAAkB,iBAAe,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACxF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}
|