@mark-sorcery/vue 0.3.0 → 0.4.0

package/dist/NodeList-CXCRf4Sf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeList-CXCRf4Sf.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}","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\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"(node, idx) in nodes\" :key=\"getNodeKey(node, idx)\">\r\n    <nodeRenderer :node=\"node\" :idx=\"idx\" :nodeKey=\"getNodeKey(node, idx)\" />\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\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"(node, idx) in nodes\" :key=\"getNodeKey(node, idx)\">\r\n    <nodeRenderer :node=\"node\" :idx=\"idx\" :nodeKey=\"getNodeKey(node, idx)\" />\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;;;;;ACxBtE,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;EAEhD,MAAM,iBAAiB,EAAE,MAAM,KAAK,cAA6D;AAC/F,OAAI,KAAK,SAAS,OAChB,QAAO,KAAK;YACH,KAAK,SAAS,WAAW;IAClC,MAAM,YAAY,WAAW,MAAM,KAAK;AACxC,QAAI,CAAC,UACH,QAAO,EAAE;AAEX,sBAAS,WAAW;KAClB,SAAS;KACT,SAAS;KACT,MAAM,QAAA,OAAO;KACb;KACA,YAAS,QAAA;KACV,CAAC;SAEF,QAAO,EAAE;;EAIb,MAAM,gBAAgB,EAAE,MAAM,KAAK,cAA6D;GAC9F,MAAM,aAAa,cAAc;IAAE;IAAM;IAAK;IAAS,CAAC;AAExD,OAAI,WAAW,OAAO;IACpB,MAAM,kBAAkB,EACtB,QAAQ,MACT;AACD,QAAI,OAAO,WAAW,UAAU,SAC9B,QAAO,OAAO,iBAAiB,WAAW,MAAM;AAElD,sBAAS,gBAAe,uBAAuB,WAAW;;AAG5D,UAAO;;EAGT,MAAM,wCAAgC,CAAC,QAAA,UAAU,KAAK,GAAG,QAAA,QAAQ,GAAI;EAErE,SAAS,WAAW,MAAa,KAAa;AAC5C,OAAI,KAAK,SAAS,OAChB,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG;YAC9B,KAAK,SAAS,UACvB,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG,KAAK,QAAQ,GAAG;OAEvD,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG;;;gECQ9B,cAAA,0BAFqB,QAAA,QAAd,MAAM,QAAG;sDACgD,cAAA;UAD9B,WAAW,MAAM,IAAG;KAC1C;KAAY;KAAM,SAAS,WAAW,MAAM,IAAG"}

package/dist/NodeList-DliNdSdR.js

@@ -1,123 +0,0 @@
-import { Fragment, Transition, computed, createBlock, createElementBlock, defineAsyncComponent, defineComponent, h, inject, openBlock, provide, renderList } from "vue";
-
-//#region src/components/index.ts
-const heading = defineAsyncComponent(() => import("./Heading-CPB6VryI.js"));
-const DEFAULT_COMPONENTS = {
-	p: defineAsyncComponent(() => import("./Paragraph-D8vRiJdV.js")),
-	h1: heading,
-	h2: heading,
-	h3: heading,
-	h4: heading,
-	h5: heading,
-	h6: heading,
-	strong: defineAsyncComponent(() => import("./Bold-Bi1du8CJ.js")),
-	em: defineAsyncComponent(() => import("./Italic-DmavDuWx.js")),
-	del: defineAsyncComponent(() => import("./Strikethrough-BhFf4qRs.js")),
-	blockquote: defineAsyncComponent(() => import("./Blockquote-BeOfUsk-.js")),
-	ul: defineAsyncComponent(() => import("./UnorderedList-BCqaq94d.js")),
-	ol: defineAsyncComponent(() => import("./OrderedList-BiBUuBtQ.js")),
-	li: defineAsyncComponent(() => import("./ListItem-tCoCmS98.js")),
-	code: defineAsyncComponent(() => import("./Code-DPKXUmPC.js")),
-	a: defineAsyncComponent(() => import("./Link-B2nQX8af.js")),
-	input: defineAsyncComponent(() => import("./TaskListInput-DiQhjFqy.js")),
-	pre: defineAsyncComponent(() => import("./CodeBlock-Duwcxp3X.js")),
-	table: defineAsyncComponent(() => import("./Table-DxMMIS1J.js")),
-	thead: defineAsyncComponent(() => import("./TableHead-RMl2XF2I.js")),
-	tbody: defineAsyncComponent(() => import("./TableBody-DWmHYRny.js")),
-	tr: defineAsyncComponent(() => import("./TableRow-CFEKUaRS.js")),
-	th: defineAsyncComponent(() => import("./TableHeader-CO5WWCf6.js")),
-	td: defineAsyncComponent(() => import("./TableData-CXjn9U8M.js"))
-};
-
-//#endregion
-//#region src/composables/markdown.ts
-const MARKDOWN_KEY = "__MARK_SORCERY_";
-const useProvideMarkdown = (userComponents, transition) => {
-	const components = computed(() => ({
-		...DEFAULT_COMPONENTS,
-		...userComponents.value
-	}));
-	provide(MARKDOWN_KEY, {
-		components,
-		transition
-	});
-	return {
-		components,
-		transition
-	};
-};
-const useMarkdown = () => {
-	const context = inject(MARKDOWN_KEY);
-	if (!context) throw new Error("useMarkdown must be used within a Markdown component");
-	return context;
-};
-
-//#endregion
-//#region src/components/NodeList.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "NodeList",
-	props: {
-		nodeIdx: {},
-		deep: { default: 0 },
-		nodeKey: {},
-		parentNode: {},
-		nodes: {},
-		components: {},
-		transition: { type: [Boolean, Object] }
-	},
-	setup(__props) {
-		const { components, transition } = useMarkdown();
-		const getRenderNode = ({ node, idx, nodeKey }) => {
-			if (node.type === "text") return node.value;
-			else if (node.type === "element") {
-				const component = components.value[node.tagName];
-				if (!component) return [];
-				return h(component, {
-					element: node,
-					nodeIdx: idx,
-					deep: __props.deep + 1,
-					nodeKey,
-					parentNode: __props.parentNode
-				});
-			} else return [];
-		};
-		const nodeRenderer = ({ node, idx, nodeKey }) => {
-			const renderNode = getRenderNode({
-				node,
-				idx,
-				nodeKey
-			});
-			if (transition.value) {
-				const transitionProps = { appear: true };
-				if (typeof transition.value === "object") Object.assign(transitionProps, transition.value);
-				return h(Transition, transitionProps, () => renderNode);
-			}
-			return renderNode;
-		};
-		const nodeKeyPrefix = computed(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
-		function getNodeKey(node, idx) {
-			if (node.type === "text") return `${nodeKeyPrefix}${node.type}-${idx}`;
-			else if (node.type === "element") return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;
-			else return `${nodeKeyPrefix}${node.type}-${idx}`;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes, (node, idx) => {
-				return openBlock(), createBlock(nodeRenderer, {
-					key: getNodeKey(node, idx),
-					node,
-					idx,
-					nodeKey: getNodeKey(node, idx)
-				}, null, 8, [
-					"node",
-					"idx",
-					"nodeKey"
-				]);
-			}), 128);
-		};
-	}
-});
-
-//#endregion
-export { DEFAULT_COMPONENTS as i, useMarkdown as n, useProvideMarkdown as r, _sfc_main as t };
-//# sourceMappingURL=NodeList-DliNdSdR.js.map

package/dist/NodeList-DliNdSdR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeList-DliNdSdR.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}","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\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"(node, idx) in nodes\" :key=\"getNodeKey(node, idx)\">\r\n    <nodeRenderer :node=\"node\" :idx=\"idx\" :nodeKey=\"getNodeKey(node, idx)\" />\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\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix}${node.type}-${idx}`;\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"(node, idx) in nodes\" :key=\"getNodeKey(node, idx)\">\r\n    <nodeRenderer :node=\"node\" :idx=\"idx\" :nodeKey=\"getNodeKey(node, idx)\" />\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;;;;;ACxBtE,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;EAEhD,MAAM,iBAAiB,EAAE,MAAM,KAAK,cAA6D;AAC/F,OAAI,KAAK,SAAS,OAChB,QAAO,KAAK;YACH,KAAK,SAAS,WAAW;IAClC,MAAM,YAAY,WAAW,MAAM,KAAK;AACxC,QAAI,CAAC,UACH,QAAO,EAAE;AAEX,WAAO,EAAE,WAAW;KAClB,SAAS;KACT,SAAS;KACT,MAAM,QAAA,OAAO;KACb;KACA,YAAS,QAAA;KACV,CAAC;SAEF,QAAO,EAAE;;EAIb,MAAM,gBAAgB,EAAE,MAAM,KAAK,cAA6D;GAC9F,MAAM,aAAa,cAAc;IAAE;IAAM;IAAK;IAAS,CAAC;AAExD,OAAI,WAAW,OAAO;IACpB,MAAM,kBAAkB,EACtB,QAAQ,MACT;AACD,QAAI,OAAO,WAAW,UAAU,SAC9B,QAAO,OAAO,iBAAiB,WAAW,MAAM;AAElD,WAAO,EAAE,YAAe,uBAAuB,WAAW;;AAG5D,UAAO;;EAGT,MAAM,gBAAgB,eAAgB,CAAC,QAAA,UAAU,KAAK,GAAG,QAAA,QAAQ,GAAI;EAErE,SAAS,WAAW,MAAa,KAAa;AAC5C,OAAI,KAAK,SAAS,OAChB,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG;YAC9B,KAAK,SAAS,UACvB,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG,KAAK,QAAQ,GAAG;OAEvD,QAAO,GAAG,gBAAgB,KAAK,KAAK,GAAG;;;2BCMzC,mBAEW,UAAA,MAAA,WAFqB,QAAA,QAAd,MAAM,QAAG;wBACzB,YAAyE,cAAA;UAD9B,WAAW,MAAM,IAAG;KAC1C;KAAY;KAAM,SAAS,WAAW,MAAM,IAAG"}