@mark-sorcery/vue 0.3.0 → 0.4.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/dist/{Blockquote-BeOfUsk-.js → Blockquote-CQ00l7_X.js} +2 -2
- package/dist/{Blockquote-BeOfUsk-.js.map → Blockquote-CQ00l7_X.js.map} +1 -1
- package/dist/{Blockquote-RI8XvPhG.cjs → Blockquote-CsDuM74x.cjs} +2 -2
- package/dist/{Blockquote-RI8XvPhG.cjs.map → Blockquote-CsDuM74x.cjs.map} +1 -1
- package/dist/{Bold-Bi1du8CJ.js → Bold-BeBMCbKR.js} +2 -2
- package/dist/{Bold-Bi1du8CJ.js.map → Bold-BeBMCbKR.js.map} +1 -1
- package/dist/{Bold-DWA5fzKp.cjs → Bold-Ci8roG6o.cjs} +2 -2
- package/dist/{Bold-DWA5fzKp.cjs.map → Bold-Ci8roG6o.cjs.map} +1 -1
- package/dist/{Code-DmkITyUd.cjs → Code-CNHJYkyL.cjs} +2 -2
- package/dist/{Code-DmkITyUd.cjs.map → Code-CNHJYkyL.cjs.map} +1 -1
- package/dist/{Code-DPKXUmPC.js → Code-wAxxAhcA.js} +2 -2
- package/dist/{Code-DPKXUmPC.js.map → Code-wAxxAhcA.js.map} +1 -1
- package/dist/{CodeBlock-CawFy9YT.cjs → CodeBlock-6Pr5Z5NL.cjs} +2 -2
- package/dist/{CodeBlock-CawFy9YT.cjs.map → CodeBlock-6Pr5Z5NL.cjs.map} +1 -1
- package/dist/{CodeBlock-Duwcxp3X.js → CodeBlock-ThF6XH4W.js} +2 -2
- package/dist/{CodeBlock-Duwcxp3X.js.map → CodeBlock-ThF6XH4W.js.map} +1 -1
- package/dist/Default-BdwUq6V5.js +17 -0
- package/dist/Default-BdwUq6V5.js.map +1 -0
- package/dist/Default-D303gqxw.cjs +17 -0
- package/dist/Default-D303gqxw.cjs.map +1 -0
- package/dist/{Heading-CPB6VryI.js → Heading-B9ci-RSS.js} +2 -2
- package/dist/{Heading-CPB6VryI.js.map → Heading-B9ci-RSS.js.map} +1 -1
- package/dist/{Heading-CQmmqddk.cjs → Heading-XHEaF_uw.cjs} +2 -2
- package/dist/{Heading-CQmmqddk.cjs.map → Heading-XHEaF_uw.cjs.map} +1 -1
- package/dist/{Italic-DmavDuWx.js → Italic-BtTOTH7U.js} +2 -2
- package/dist/{Italic-DmavDuWx.js.map → Italic-BtTOTH7U.js.map} +1 -1
- package/dist/{Italic-DLGLEgQL.cjs → Italic-Dm3v-svR.cjs} +2 -2
- package/dist/{Italic-DLGLEgQL.cjs.map → Italic-Dm3v-svR.cjs.map} +1 -1
- package/dist/{Link-B2nQX8af.js → Link-4GqqHDBl.js} +2 -2
- package/dist/{Link-B2nQX8af.js.map → Link-4GqqHDBl.js.map} +1 -1
- package/dist/{Link-9wbnSrks.cjs → Link-CCApvA47.cjs} +2 -2
- package/dist/{Link-9wbnSrks.cjs.map → Link-CCApvA47.cjs.map} +1 -1
- package/dist/{ListItem-L32ueBOJ.cjs → ListItem-C3yxx2gg.cjs} +2 -2
- package/dist/{ListItem-L32ueBOJ.cjs.map → ListItem-C3yxx2gg.cjs.map} +1 -1
- package/dist/{ListItem-tCoCmS98.js → ListItem-Cprot4T5.js} +2 -2
- package/dist/{ListItem-tCoCmS98.js.map → ListItem-Cprot4T5.js.map} +1 -1
- package/dist/NodeList-BRtZi6mG.js +136 -0
- package/dist/NodeList-BRtZi6mG.js.map +1 -0
- package/dist/{NodeList-CXCRf4Sf.cjs → NodeList-BSXOJrlM.cjs} +73 -60
- package/dist/NodeList-BSXOJrlM.cjs.map +1 -0
- package/dist/{OrderedList-Otuk3FD-.cjs → OrderedList-CV9g8PlL.cjs} +2 -2
- package/dist/{OrderedList-Otuk3FD-.cjs.map → OrderedList-CV9g8PlL.cjs.map} +1 -1
- package/dist/{OrderedList-BiBUuBtQ.js → OrderedList-XZIbdRZq.js} +2 -2
- package/dist/{OrderedList-BiBUuBtQ.js.map → OrderedList-XZIbdRZq.js.map} +1 -1
- package/dist/{Paragraph-D8vRiJdV.js → Paragraph-CjkSyimn.js} +2 -2
- package/dist/{Paragraph-D8vRiJdV.js.map → Paragraph-CjkSyimn.js.map} +1 -1
- package/dist/{Paragraph-Cn0qq6eD.cjs → Paragraph-GnFhfGoR.cjs} +2 -2
- package/dist/{Paragraph-Cn0qq6eD.cjs.map → Paragraph-GnFhfGoR.cjs.map} +1 -1
- package/dist/{Strikethrough-D6HU-DLr.cjs → Strikethrough-DDhdCH3H.cjs} +2 -2
- package/dist/{Strikethrough-D6HU-DLr.cjs.map → Strikethrough-DDhdCH3H.cjs.map} +1 -1
- package/dist/{Strikethrough-BhFf4qRs.js → Strikethrough-Y9TM_SwO.js} +2 -2
- package/dist/{Strikethrough-BhFf4qRs.js.map → Strikethrough-Y9TM_SwO.js.map} +1 -1
- package/dist/{Table-DxMMIS1J.js → Table-Bpu3YpNv.js} +2 -2
- package/dist/{Table-DxMMIS1J.js.map → Table-Bpu3YpNv.js.map} +1 -1
- package/dist/{Table-Da8GL8er.cjs → Table-D4j0j6E7.cjs} +2 -2
- package/dist/{Table-Da8GL8er.cjs.map → Table-D4j0j6E7.cjs.map} +1 -1
- package/dist/{TableBody-DWmHYRny.js → TableBody-COwElKNR.js} +2 -2
- package/dist/{TableBody-DWmHYRny.js.map → TableBody-COwElKNR.js.map} +1 -1
- package/dist/{TableBody-D6I9wlwE.cjs → TableBody-DAzn9CUu.cjs} +2 -2
- package/dist/{TableBody-D6I9wlwE.cjs.map → TableBody-DAzn9CUu.cjs.map} +1 -1
- package/dist/{TableData-8V3hQ4i0.cjs → TableData-DJJe9Tf6.cjs} +2 -2
- package/dist/{TableData-8V3hQ4i0.cjs.map → TableData-DJJe9Tf6.cjs.map} +1 -1
- package/dist/{TableData-CXjn9U8M.js → TableData-c1fn4umk.js} +2 -2
- package/dist/{TableData-CXjn9U8M.js.map → TableData-c1fn4umk.js.map} +1 -1
- package/dist/{TableHead-RMl2XF2I.js → TableHead-DZpaTt5a.js} +2 -2
- package/dist/{TableHead-RMl2XF2I.js.map → TableHead-DZpaTt5a.js.map} +1 -1
- package/dist/{TableHead-DSWO60r-.cjs → TableHead-rrVYInXV.cjs} +2 -2
- package/dist/{TableHead-DSWO60r-.cjs.map → TableHead-rrVYInXV.cjs.map} +1 -1
- package/dist/{TableHeader-D4nI4o6p.cjs → TableHeader-Cp4WDJMs.cjs} +2 -2
- package/dist/{TableHeader-D4nI4o6p.cjs.map → TableHeader-Cp4WDJMs.cjs.map} +1 -1
- package/dist/{TableHeader-CO5WWCf6.js → TableHeader-DKYmn1aU.js} +2 -2
- package/dist/{TableHeader-CO5WWCf6.js.map → TableHeader-DKYmn1aU.js.map} +1 -1
- package/dist/{TableRow-CFEKUaRS.js → TableRow-CUFzFAvX.js} +2 -2
- package/dist/{TableRow-CFEKUaRS.js.map → TableRow-CUFzFAvX.js.map} +1 -1
- package/dist/{TableRow-Cso50UW2.cjs → TableRow-YkwTraeY.cjs} +2 -2
- package/dist/{TableRow-Cso50UW2.cjs.map → TableRow-YkwTraeY.cjs.map} +1 -1
- package/dist/{TaskListInput-DiQhjFqy.js → TaskListInput-BEzV7Vfw.js} +1 -1
- package/dist/{TaskListInput-DiQhjFqy.js.map → TaskListInput-BEzV7Vfw.js.map} +1 -1
- package/dist/{TaskListInput-BlFjVLdG.cjs → TaskListInput-CJaIxj3X.cjs} +1 -1
- package/dist/{TaskListInput-BlFjVLdG.cjs.map → TaskListInput-CJaIxj3X.cjs.map} +1 -1
- package/dist/Text-B8_JK9gW.cjs +24 -0
- package/dist/Text-B8_JK9gW.cjs.map +1 -0
- package/dist/Text-C6WCz2NQ.js +24 -0
- package/dist/Text-C6WCz2NQ.js.map +1 -0
- package/dist/{UnorderedList-C_w27MXB.cjs → UnorderedList-CZRPCjH-.cjs} +2 -2
- package/dist/{UnorderedList-C_w27MXB.cjs.map → UnorderedList-CZRPCjH-.cjs.map} +1 -1
- package/dist/{UnorderedList-BCqaq94d.js → UnorderedList-Dz4nkM-t.js} +2 -2
- package/dist/{UnorderedList-BCqaq94d.js.map → UnorderedList-Dz4nkM-t.js.map} +1 -1
- package/dist/index.cjs +13 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +13 -2
- package/dist/index.js.map +1 -1
- package/package.json +4 -2
- package/dist/NodeList-CXCRf4Sf.cjs.map +0 -1
- package/dist/NodeList-DliNdSdR.js +0 -123
- package/dist/NodeList-DliNdSdR.js.map +0 -1
|
@@ -0,0 +1,136 @@
|
|
|
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-B9ci-RSS.js"));
|
|
5
|
+
const DEFAULT_COMPONENTS = {
|
|
6
|
+
p: defineAsyncComponent(() => import("./Paragraph-CjkSyimn.js")),
|
|
7
|
+
h1: heading,
|
|
8
|
+
h2: heading,
|
|
9
|
+
h3: heading,
|
|
10
|
+
h4: heading,
|
|
11
|
+
h5: heading,
|
|
12
|
+
h6: heading,
|
|
13
|
+
strong: defineAsyncComponent(() => import("./Bold-BeBMCbKR.js")),
|
|
14
|
+
em: defineAsyncComponent(() => import("./Italic-BtTOTH7U.js")),
|
|
15
|
+
del: defineAsyncComponent(() => import("./Strikethrough-Y9TM_SwO.js")),
|
|
16
|
+
blockquote: defineAsyncComponent(() => import("./Blockquote-CQ00l7_X.js")),
|
|
17
|
+
ul: defineAsyncComponent(() => import("./UnorderedList-Dz4nkM-t.js")),
|
|
18
|
+
ol: defineAsyncComponent(() => import("./OrderedList-XZIbdRZq.js")),
|
|
19
|
+
li: defineAsyncComponent(() => import("./ListItem-Cprot4T5.js")),
|
|
20
|
+
code: defineAsyncComponent(() => import("./Code-wAxxAhcA.js")),
|
|
21
|
+
a: defineAsyncComponent(() => import("./Link-4GqqHDBl.js")),
|
|
22
|
+
input: defineAsyncComponent(() => import("./TaskListInput-BEzV7Vfw.js")),
|
|
23
|
+
pre: defineAsyncComponent(() => import("./CodeBlock-ThF6XH4W.js")),
|
|
24
|
+
table: defineAsyncComponent(() => import("./Table-Bpu3YpNv.js")),
|
|
25
|
+
thead: defineAsyncComponent(() => import("./TableHead-DZpaTt5a.js")),
|
|
26
|
+
tbody: defineAsyncComponent(() => import("./TableBody-COwElKNR.js")),
|
|
27
|
+
tr: defineAsyncComponent(() => import("./TableRow-CUFzFAvX.js")),
|
|
28
|
+
th: defineAsyncComponent(() => import("./TableHeader-DKYmn1aU.js")),
|
|
29
|
+
td: defineAsyncComponent(() => import("./TableData-c1fn4umk.js")),
|
|
30
|
+
text: defineAsyncComponent(() => import("./Text-C6WCz2NQ.js")),
|
|
31
|
+
default: defineAsyncComponent(() => import("./Default-BdwUq6V5.js"))
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/composables/markdown.ts
|
|
36
|
+
const MARKDOWN_KEY = "__MARK_SORCERY_";
|
|
37
|
+
const useProvideMarkdown = (userComponents, transition) => {
|
|
38
|
+
const components = computed(() => ({
|
|
39
|
+
...DEFAULT_COMPONENTS,
|
|
40
|
+
...userComponents.value
|
|
41
|
+
}));
|
|
42
|
+
provide(MARKDOWN_KEY, {
|
|
43
|
+
components,
|
|
44
|
+
transition
|
|
45
|
+
});
|
|
46
|
+
return {
|
|
47
|
+
components,
|
|
48
|
+
transition
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
const useMarkdown = () => {
|
|
52
|
+
const context = inject(MARKDOWN_KEY);
|
|
53
|
+
if (!context) throw new Error("useMarkdown must be used within a Markdown component");
|
|
54
|
+
return context;
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/NodeList.vue
|
|
59
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
60
|
+
inheritAttrs: false,
|
|
61
|
+
__name: "NodeList",
|
|
62
|
+
props: {
|
|
63
|
+
nodeIdx: {},
|
|
64
|
+
deep: { default: 0 },
|
|
65
|
+
nodeKey: {},
|
|
66
|
+
parentNode: {},
|
|
67
|
+
nodes: {},
|
|
68
|
+
components: {},
|
|
69
|
+
transition: { type: [Boolean, Object] }
|
|
70
|
+
},
|
|
71
|
+
setup(__props) {
|
|
72
|
+
const { components, transition } = useMarkdown();
|
|
73
|
+
const nodeKeyPrefix = computed(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
|
|
74
|
+
const transitionConfig = computed(() => {
|
|
75
|
+
if (transition.value === true) return {};
|
|
76
|
+
if (typeof transition.value === "object") return transition.value;
|
|
77
|
+
return false;
|
|
78
|
+
});
|
|
79
|
+
function getNodeKey(node, idx) {
|
|
80
|
+
if (node.type === "text") return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
81
|
+
else if (node.type === "element") return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;
|
|
82
|
+
else return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
83
|
+
}
|
|
84
|
+
function getNodeComponent(node) {
|
|
85
|
+
if (node.type === "text") return components.value["text"];
|
|
86
|
+
else if (node.type === "element") return components.value[node.tagName];
|
|
87
|
+
else return components.value["default"];
|
|
88
|
+
}
|
|
89
|
+
const items = computed(() => __props.nodes.map((node, idx) => ({
|
|
90
|
+
node,
|
|
91
|
+
idx,
|
|
92
|
+
key: getNodeKey(node, idx),
|
|
93
|
+
component: getNodeComponent(node)
|
|
94
|
+
})));
|
|
95
|
+
return (_ctx, _cache) => {
|
|
96
|
+
return openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
|
|
97
|
+
return openBlock(), createElementBlock(Fragment, { key: item.key }, [transitionConfig.value ? (openBlock(), createBlock(Transition, mergeProps({
|
|
98
|
+
key: 0,
|
|
99
|
+
appear: ""
|
|
100
|
+
}, { ref_for: true }, transitionConfig.value), {
|
|
101
|
+
default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.component), {
|
|
102
|
+
element: item.node,
|
|
103
|
+
"node-idx": item.idx,
|
|
104
|
+
deep: __props.deep + 1,
|
|
105
|
+
"node-key": item.key,
|
|
106
|
+
"parent-node": __props.parentNode
|
|
107
|
+
}, null, 8, [
|
|
108
|
+
"element",
|
|
109
|
+
"node-idx",
|
|
110
|
+
"deep",
|
|
111
|
+
"node-key",
|
|
112
|
+
"parent-node"
|
|
113
|
+
]))]),
|
|
114
|
+
_: 2
|
|
115
|
+
}, 1040)) : (openBlock(), createBlock(resolveDynamicComponent(item.component), {
|
|
116
|
+
key: 1,
|
|
117
|
+
element: item.node,
|
|
118
|
+
"node-idx": item.idx,
|
|
119
|
+
deep: __props.deep + 1,
|
|
120
|
+
"node-key": item.key,
|
|
121
|
+
"parent-node": __props.parentNode
|
|
122
|
+
}, null, 8, [
|
|
123
|
+
"element",
|
|
124
|
+
"node-idx",
|
|
125
|
+
"deep",
|
|
126
|
+
"node-key",
|
|
127
|
+
"parent-node"
|
|
128
|
+
]))], 64);
|
|
129
|
+
}), 128);
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
//#endregion
|
|
135
|
+
export { DEFAULT_COMPONENTS as i, useMarkdown as n, useProvideMarkdown as r, _sfc_main as t };
|
|
136
|
+
//# sourceMappingURL=NodeList-BRtZi6mG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeList-BRtZi6mG.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 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,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;;;;;AC1BzE,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,32 +1,34 @@
|
|
|
1
1
|
let vue = require("vue");
|
|
2
2
|
|
|
3
3
|
//#region src/components/index.ts
|
|
4
|
-
const heading = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Heading-
|
|
4
|
+
const heading = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Heading-XHEaF_uw.cjs")));
|
|
5
5
|
const DEFAULT_COMPONENTS = {
|
|
6
|
-
p: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Paragraph-
|
|
6
|
+
p: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Paragraph-GnFhfGoR.cjs"))),
|
|
7
7
|
h1: heading,
|
|
8
8
|
h2: heading,
|
|
9
9
|
h3: heading,
|
|
10
10
|
h4: heading,
|
|
11
11
|
h5: heading,
|
|
12
12
|
h6: heading,
|
|
13
|
-
strong: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Bold-
|
|
14
|
-
em: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Italic-
|
|
15
|
-
del: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Strikethrough-
|
|
16
|
-
blockquote: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Blockquote-
|
|
17
|
-
ul: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./UnorderedList-
|
|
18
|
-
ol: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./OrderedList-
|
|
19
|
-
li: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./ListItem-
|
|
20
|
-
code: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Code-
|
|
21
|
-
a: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Link-
|
|
22
|
-
input: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TaskListInput-
|
|
23
|
-
pre: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./CodeBlock-
|
|
24
|
-
table: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Table-
|
|
25
|
-
thead: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHead-
|
|
26
|
-
tbody: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableBody-
|
|
27
|
-
tr: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableRow-
|
|
28
|
-
th: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHeader-
|
|
29
|
-
td: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableData-
|
|
13
|
+
strong: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Bold-Ci8roG6o.cjs"))),
|
|
14
|
+
em: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Italic-Dm3v-svR.cjs"))),
|
|
15
|
+
del: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Strikethrough-DDhdCH3H.cjs"))),
|
|
16
|
+
blockquote: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Blockquote-CsDuM74x.cjs"))),
|
|
17
|
+
ul: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./UnorderedList-CZRPCjH-.cjs"))),
|
|
18
|
+
ol: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./OrderedList-CV9g8PlL.cjs"))),
|
|
19
|
+
li: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./ListItem-C3yxx2gg.cjs"))),
|
|
20
|
+
code: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Code-CNHJYkyL.cjs"))),
|
|
21
|
+
a: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Link-CCApvA47.cjs"))),
|
|
22
|
+
input: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TaskListInput-CJaIxj3X.cjs"))),
|
|
23
|
+
pre: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./CodeBlock-6Pr5Z5NL.cjs"))),
|
|
24
|
+
table: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Table-D4j0j6E7.cjs"))),
|
|
25
|
+
thead: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHead-rrVYInXV.cjs"))),
|
|
26
|
+
tbody: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableBody-DAzn9CUu.cjs"))),
|
|
27
|
+
tr: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableRow-YkwTraeY.cjs"))),
|
|
28
|
+
th: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableHeader-Cp4WDJMs.cjs"))),
|
|
29
|
+
td: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./TableData-DJJe9Tf6.cjs"))),
|
|
30
|
+
text: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Text-B8_JK9gW.cjs"))),
|
|
31
|
+
default: (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./Default-D303gqxw.cjs")))
|
|
30
32
|
};
|
|
31
33
|
|
|
32
34
|
//#endregion
|
|
@@ -68,51 +70,62 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
68
70
|
},
|
|
69
71
|
setup(__props) {
|
|
70
72
|
const { components, transition } = useMarkdown();
|
|
71
|
-
const getRenderNode = ({ node, idx, nodeKey }) => {
|
|
72
|
-
if (node.type === "text") return node.value;
|
|
73
|
-
else if (node.type === "element") {
|
|
74
|
-
const component = components.value[node.tagName];
|
|
75
|
-
if (!component) return [];
|
|
76
|
-
return (0, vue.h)(component, {
|
|
77
|
-
element: node,
|
|
78
|
-
nodeIdx: idx,
|
|
79
|
-
deep: __props.deep + 1,
|
|
80
|
-
nodeKey,
|
|
81
|
-
parentNode: __props.parentNode
|
|
82
|
-
});
|
|
83
|
-
} else return [];
|
|
84
|
-
};
|
|
85
|
-
const nodeRenderer = ({ node, idx, nodeKey }) => {
|
|
86
|
-
const renderNode = getRenderNode({
|
|
87
|
-
node,
|
|
88
|
-
idx,
|
|
89
|
-
nodeKey
|
|
90
|
-
});
|
|
91
|
-
if (transition.value) {
|
|
92
|
-
const transitionProps = { appear: true };
|
|
93
|
-
if (typeof transition.value === "object") Object.assign(transitionProps, transition.value);
|
|
94
|
-
return (0, vue.h)(vue.Transition, transitionProps, () => renderNode);
|
|
95
|
-
}
|
|
96
|
-
return renderNode;
|
|
97
|
-
};
|
|
98
73
|
const nodeKeyPrefix = (0, vue.computed)(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
|
|
74
|
+
const transitionConfig = (0, vue.computed)(() => {
|
|
75
|
+
if (transition.value === true) return {};
|
|
76
|
+
if (typeof transition.value === "object") return transition.value;
|
|
77
|
+
return false;
|
|
78
|
+
});
|
|
99
79
|
function getNodeKey(node, idx) {
|
|
100
|
-
if (node.type === "text") return `${nodeKeyPrefix}${node.type}-${idx}`;
|
|
101
|
-
else if (node.type === "element") return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;
|
|
102
|
-
else return `${nodeKeyPrefix}${node.type}-${idx}`;
|
|
80
|
+
if (node.type === "text") return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
81
|
+
else if (node.type === "element") return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;
|
|
82
|
+
else return `${nodeKeyPrefix.value}${node.type}-${idx}`;
|
|
103
83
|
}
|
|
84
|
+
function getNodeComponent(node) {
|
|
85
|
+
if (node.type === "text") return components.value["text"];
|
|
86
|
+
else if (node.type === "element") return components.value[node.tagName];
|
|
87
|
+
else return components.value["default"];
|
|
88
|
+
}
|
|
89
|
+
const items = (0, vue.computed)(() => __props.nodes.map((node, idx) => ({
|
|
90
|
+
node,
|
|
91
|
+
idx,
|
|
92
|
+
key: getNodeKey(node, idx),
|
|
93
|
+
component: getNodeComponent(node)
|
|
94
|
+
})));
|
|
104
95
|
return (_ctx, _cache) => {
|
|
105
|
-
return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(
|
|
106
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)(
|
|
107
|
-
key:
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
96
|
+
return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item) => {
|
|
97
|
+
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)({
|
|
98
|
+
key: 0,
|
|
99
|
+
appear: ""
|
|
100
|
+
}, { ref_for: true }, transitionConfig.value), {
|
|
101
|
+
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(item.component), {
|
|
102
|
+
element: item.node,
|
|
103
|
+
"node-idx": item.idx,
|
|
104
|
+
deep: __props.deep + 1,
|
|
105
|
+
"node-key": item.key,
|
|
106
|
+
"parent-node": __props.parentNode
|
|
107
|
+
}, null, 8, [
|
|
108
|
+
"element",
|
|
109
|
+
"node-idx",
|
|
110
|
+
"deep",
|
|
111
|
+
"node-key",
|
|
112
|
+
"parent-node"
|
|
113
|
+
]))]),
|
|
114
|
+
_: 2
|
|
115
|
+
}, 1040)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(item.component), {
|
|
116
|
+
key: 1,
|
|
117
|
+
element: item.node,
|
|
118
|
+
"node-idx": item.idx,
|
|
119
|
+
deep: __props.deep + 1,
|
|
120
|
+
"node-key": item.key,
|
|
121
|
+
"parent-node": __props.parentNode
|
|
111
122
|
}, null, 8, [
|
|
112
|
-
"
|
|
113
|
-
"idx",
|
|
114
|
-
"
|
|
115
|
-
|
|
123
|
+
"element",
|
|
124
|
+
"node-idx",
|
|
125
|
+
"deep",
|
|
126
|
+
"node-key",
|
|
127
|
+
"parent-node"
|
|
128
|
+
]))], 64);
|
|
116
129
|
}), 128);
|
|
117
130
|
};
|
|
118
131
|
}
|
|
@@ -143,4 +156,4 @@ Object.defineProperty(exports, 'useProvideMarkdown', {
|
|
|
143
156
|
return useProvideMarkdown;
|
|
144
157
|
}
|
|
145
158
|
});
|
|
146
|
-
//# sourceMappingURL=NodeList-
|
|
159
|
+
//# sourceMappingURL=NodeList-BSXOJrlM.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeList-BSXOJrlM.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 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,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;;;;;AC1BzE,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,4 +1,4 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-
|
|
1
|
+
const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
|
|
2
2
|
let vue = require("vue");
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/OrderedList.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
exports.default = _sfc_main;
|
|
41
|
-
//# sourceMappingURL=OrderedList-
|
|
41
|
+
//# sourceMappingURL=OrderedList-CV9g8PlL.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList-
|
|
1
|
+
{"version":3,"file":"OrderedList-CV9g8PlL.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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,gBAAc,EAAS,QAAA,QAAQ,WAAU,EAAA,sBAS3D,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-
|
|
1
|
+
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
|
|
2
2
|
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/OrderedList.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { _sfc_main as default };
|
|
41
|
-
//# sourceMappingURL=OrderedList-
|
|
41
|
+
//# sourceMappingURL=OrderedList-XZIbdRZq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList-
|
|
1
|
+
{"version":3,"file":"OrderedList-XZIbdRZq.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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,gBAAc,EAAS,QAAA,QAAQ,WAAU,EAAA,CAC7D,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,4 +1,4 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-
|
|
1
|
+
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
|
|
2
2
|
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Paragraph.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { _sfc_main as default };
|
|
41
|
-
//# sourceMappingURL=Paragraph-
|
|
41
|
+
//# sourceMappingURL=Paragraph-CjkSyimn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph-
|
|
1
|
+
{"version":3,"file":"Paragraph-CjkSyimn.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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUI,KAVJ,WAUI,EAVD,qBAAkB,aAAW,EAAS,QAAA,QAAQ,WAAU,EAAA,CACzD,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,4 +1,4 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-
|
|
1
|
+
const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
|
|
2
2
|
let vue = require("vue");
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Paragraph.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
exports.default = _sfc_main;
|
|
41
|
-
//# sourceMappingURL=Paragraph-
|
|
41
|
+
//# sourceMappingURL=Paragraph-GnFhfGoR.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph-
|
|
1
|
+
{"version":3,"file":"Paragraph-GnFhfGoR.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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCc1C,yBAAA,EAVD,qBAAkB,aAAW,EAAS,QAAA,QAAQ,WAAU,EAAA,sBASvD,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-
|
|
1
|
+
const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
|
|
2
2
|
let vue = require("vue");
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Strikethrough.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
exports.default = _sfc_main;
|
|
41
|
-
//# sourceMappingURL=Strikethrough-
|
|
41
|
+
//# sourceMappingURL=Strikethrough-DDhdCH3H.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Strikethrough-
|
|
1
|
+
{"version":3,"file":"Strikethrough-DDhdCH3H.cjs","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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCcxC,2BAAA,EAVD,qBAAkB,iBAAe,EAAS,QAAA,QAAQ,WAAU,EAAA,sBAS7D,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-
|
|
1
|
+
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
|
|
2
2
|
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Strikethrough.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { _sfc_main as default };
|
|
41
|
-
//# sourceMappingURL=Strikethrough-
|
|
41
|
+
//# sourceMappingURL=Strikethrough-Y9TM_SwO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Strikethrough-
|
|
1
|
+
{"version":3,"file":"Strikethrough-Y9TM_SwO.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\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=\"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\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=\"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":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUM,OAVN,WAUM,EAVD,qBAAkB,iBAAe,EAAS,QAAA,QAAQ,WAAU,EAAA,CAC/D,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,4 +1,4 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-
|
|
1
|
+
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
|
|
2
2
|
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Table.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { _sfc_main as default };
|
|
41
|
-
//# sourceMappingURL=Table-
|
|
41
|
+
//# sourceMappingURL=Table-Bpu3YpNv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table-
|
|
1
|
+
{"version":3,"file":"Table-Bpu3YpNv.js","names":[],"sources":["../src/components/elements/Table.vue","../src/components/elements/Table.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\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 <table data-mark-sorcery=\"table\" v-bind=\"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 </table>\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\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 <table data-mark-sorcery=\"table\" v-bind=\"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 </table>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUQ,SAVR,WAUQ,EAVD,qBAAkB,SAAO,EAAS,QAAA,QAAQ,WAAU,EAAA,CACzD,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,4 +1,4 @@
|
|
|
1
|
-
const require_NodeList = require('./NodeList-
|
|
1
|
+
const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
|
|
2
2
|
let vue = require("vue");
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/Table.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
exports.default = _sfc_main;
|
|
41
|
-
//# sourceMappingURL=Table-
|
|
41
|
+
//# sourceMappingURL=Table-D4j0j6E7.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table-
|
|
1
|
+
{"version":3,"file":"Table-D4j0j6E7.cjs","names":[],"sources":["../src/components/elements/Table.vue","../src/components/elements/Table.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\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 <table data-mark-sorcery=\"table\" v-bind=\"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 </table>\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\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 <table data-mark-sorcery=\"table\" v-bind=\"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 </table>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCctC,6BAAA,EAVD,qBAAkB,SAAO,EAAS,QAAA,QAAQ,WAAU,EAAA,sBASvD,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-
|
|
1
|
+
import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
|
|
2
2
|
import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/elements/TableBody.vue
|
|
@@ -38,4 +38,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { _sfc_main as default };
|
|
41
|
-
//# sourceMappingURL=TableBody-
|
|
41
|
+
//# sourceMappingURL=TableBody-COwElKNR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody-
|
|
1
|
+
{"version":3,"file":"TableBody-COwElKNR.js","names":[],"sources":["../src/components/elements/TableBody.vue","../src/components/elements/TableBody.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\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 <tbody data-mark-sorcery=\"table-body\" v-bind=\"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 </tbody>\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\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 <tbody data-mark-sorcery=\"table-body\" v-bind=\"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 </tbody>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUQ,SAVR,WAUQ,EAVD,qBAAkB,cAAY,EAAS,QAAA,QAAQ,WAAU,EAAA,CAC9D,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"}
|