@erudit-js/prose 3.0.0-dev.25
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/app/appElement.d.ts +19 -0
- package/dist/app/appElement.js +12 -0
- package/dist/app/component.d.ts +6 -0
- package/dist/app/component.js +6 -0
- package/dist/app/composables/anchor.d.ts +16 -0
- package/dist/app/composables/anchor.js +89 -0
- package/dist/app/composables/appElement.d.ts +4 -0
- package/dist/app/composables/appElement.js +16 -0
- package/dist/app/composables/context.d.ts +22 -0
- package/dist/app/composables/context.js +5 -0
- package/dist/app/composables/elementIcon.d.ts +3 -0
- package/dist/app/composables/elementIcon.js +5 -0
- package/dist/app/composables/formatText.d.ts +1 -0
- package/dist/app/composables/formatText.js +5 -0
- package/dist/app/composables/language.d.ts +8 -0
- package/dist/app/composables/language.js +13 -0
- package/dist/app/composables/storage.d.ts +5 -0
- package/dist/app/composables/storage.js +23 -0
- package/dist/app/default/Inliners.vue +11 -0
- package/dist/app/default/Mix.vue +11 -0
- package/dist/app/default/Text.vue +21 -0
- package/dist/app/icon.d.ts +5 -0
- package/dist/app/icon.js +7 -0
- package/dist/app/index.d.ts +18 -0
- package/dist/app/index.js +18 -0
- package/dist/app/language/element.d.ts +10 -0
- package/dist/app/language/element.js +12 -0
- package/dist/app/language/list/en.d.ts +3 -0
- package/dist/app/language/list/en.js +5 -0
- package/dist/app/language/list/ru.d.ts +3 -0
- package/dist/app/language/list/ru.js +5 -0
- package/dist/app/language/prose.d.ts +9 -0
- package/dist/app/language/prose.js +4 -0
- package/dist/app/shared/Prose.vue +36 -0
- package/dist/app/shared/Render.vue +51 -0
- package/dist/app/shared/assets/block.svg +3 -0
- package/dist/app/shared/assets/check.svg +3 -0
- package/dist/app/shared/assets/inliner.svg +3 -0
- package/dist/app/shared/assets/plus.svg +3 -0
- package/dist/app/shared/assets/share.svg +3 -0
- package/dist/app/shared/block/AsideMenu.vue +44 -0
- package/dist/app/shared/block/AsideMenuButton.vue +53 -0
- package/dist/app/shared/block/AsideMenuCopyLink.vue +40 -0
- package/dist/app/shared/block/AsideMenuSeparator.vue +3 -0
- package/dist/app/shared/block/Block.vue +270 -0
- package/dist/app/shared/inliner/Inliner.vue +11 -0
- package/dist/app/shared/invert.d.ts +2 -0
- package/dist/app/shared/invert.js +2 -0
- package/dist/app/shared/photoswipe/composable.d.ts +9 -0
- package/dist/app/shared/photoswipe/composable.js +68 -0
- package/dist/app/shared/photoswipe/style.css +26 -0
- package/dist/context.d.ts +4 -0
- package/dist/context.js +1 -0
- package/dist/coreElement.d.ts +10 -0
- package/dist/coreElement.js +6 -0
- package/dist/elements/accent/Accent.vue +92 -0
- package/dist/elements/accent/AccentColumnSection.vue +61 -0
- package/dist/elements/accent/AccentRowSections.vue +65 -0
- package/dist/elements/accent/app.d.ts +21 -0
- package/dist/elements/accent/app.js +16 -0
- package/dist/elements/accent/core.d.ts +340 -0
- package/dist/elements/accent/core.js +175 -0
- package/dist/elements/callout/Callout.vue +88 -0
- package/dist/elements/callout/_global.d.ts +15 -0
- package/dist/elements/callout/app.d.ts +9 -0
- package/dist/elements/callout/app.js +11 -0
- package/dist/elements/callout/core.d.ts +80 -0
- package/dist/elements/callout/core.js +37 -0
- package/dist/elements/callout/icon.svg +3 -0
- package/dist/elements/callout/languages/en.d.ts +4 -0
- package/dist/elements/callout/languages/en.js +2 -0
- package/dist/elements/callout/languages/ru.d.ts +4 -0
- package/dist/elements/callout/languages/ru.js +2 -0
- package/dist/elements/callout/storage.d.ts +2 -0
- package/dist/elements/callout/storage.js +5 -0
- package/dist/elements/caption/Caption.vue +47 -0
- package/dist/elements/caption/_global.d.ts +26 -0
- package/dist/elements/caption/app.d.ts +9 -0
- package/dist/elements/caption/app.js +6 -0
- package/dist/elements/caption/core.d.ts +114 -0
- package/dist/elements/caption/core.js +61 -0
- package/dist/elements/details/Details.vue +51 -0
- package/dist/elements/details/_global.d.ts +27 -0
- package/dist/elements/details/app.d.ts +9 -0
- package/dist/elements/details/app.js +11 -0
- package/dist/elements/details/core.d.ts +68 -0
- package/dist/elements/details/core.js +30 -0
- package/dist/elements/details/icon.svg +3 -0
- package/dist/elements/details/languages/en.d.ts +4 -0
- package/dist/elements/details/languages/en.js +2 -0
- package/dist/elements/details/languages/ru.d.ts +4 -0
- package/dist/elements/details/languages/ru.js +2 -0
- package/dist/elements/diagram/Diagram.vue +364 -0
- package/dist/elements/diagram/_global.d.ts +19 -0
- package/dist/elements/diagram/app.d.ts +30 -0
- package/dist/elements/diagram/app.js +11 -0
- package/dist/elements/diagram/core.d.ts +194 -0
- package/dist/elements/diagram/core.js +36 -0
- package/dist/elements/diagram/icon.svg +3 -0
- package/dist/elements/diagram/languages/en.d.ts +4 -0
- package/dist/elements/diagram/languages/en.js +2 -0
- package/dist/elements/diagram/languages/ru.d.ts +4 -0
- package/dist/elements/diagram/languages/ru.js +2 -0
- package/dist/elements/emphasis/Emphasis.vue +25 -0
- package/dist/elements/emphasis/_global.d.ts +18 -0
- package/dist/elements/emphasis/app.d.ts +9 -0
- package/dist/elements/emphasis/app.js +6 -0
- package/dist/elements/emphasis/core.d.ts +90 -0
- package/dist/elements/emphasis/core.js +32 -0
- package/dist/elements/flex/Flex.vue +32 -0
- package/dist/elements/flex/_global.d.ts +23 -0
- package/dist/elements/flex/app.d.ts +9 -0
- package/dist/elements/flex/app.js +11 -0
- package/dist/elements/flex/core.d.ts +67 -0
- package/dist/elements/flex/core.js +28 -0
- package/dist/elements/flex/icon.svg +3 -0
- package/dist/elements/flex/languages/en.d.ts +4 -0
- package/dist/elements/flex/languages/en.js +2 -0
- package/dist/elements/flex/languages/ru.d.ts +4 -0
- package/dist/elements/flex/languages/ru.js +2 -0
- package/dist/elements/gallery/Gallery.vue +56 -0
- package/dist/elements/gallery/_global.d.ts +18 -0
- package/dist/elements/gallery/app.d.ts +23 -0
- package/dist/elements/gallery/app.js +11 -0
- package/dist/elements/gallery/core.d.ts +138 -0
- package/dist/elements/gallery/core.js +21 -0
- package/dist/elements/gallery/icon.svg +3 -0
- package/dist/elements/gallery/languages/en.d.ts +4 -0
- package/dist/elements/gallery/languages/en.js +2 -0
- package/dist/elements/gallery/languages/ru.d.ts +4 -0
- package/dist/elements/gallery/languages/ru.js +2 -0
- package/dist/elements/heading/Heading.vue +44 -0
- package/dist/elements/heading/_global.d.ts +45 -0
- package/dist/elements/heading/app.d.ts +9 -0
- package/dist/elements/heading/app.js +11 -0
- package/dist/elements/heading/core.d.ts +108 -0
- package/dist/elements/heading/core.js +52 -0
- package/dist/elements/heading/icon.svg +3 -0
- package/dist/elements/heading/languages/en.d.ts +4 -0
- package/dist/elements/heading/languages/en.js +2 -0
- package/dist/elements/heading/languages/ru.d.ts +4 -0
- package/dist/elements/heading/languages/ru.js +2 -0
- package/dist/elements/horizontalLine/HorizontalLine.vue +6 -0
- package/dist/elements/horizontalLine/_global.d.ts +17 -0
- package/dist/elements/horizontalLine/app.d.ts +9 -0
- package/dist/elements/horizontalLine/app.js +6 -0
- package/dist/elements/horizontalLine/core.d.ts +54 -0
- package/dist/elements/horizontalLine/core.js +19 -0
- package/dist/elements/image/Image.vue +15 -0
- package/dist/elements/image/ImageElement.vue +80 -0
- package/dist/elements/image/_global.d.ts +18 -0
- package/dist/elements/image/app.d.ts +16 -0
- package/dist/elements/image/app.js +11 -0
- package/dist/elements/image/core.d.ts +136 -0
- package/dist/elements/image/core.js +44 -0
- package/dist/elements/image/icon.svg +3 -0
- package/dist/elements/image/languages/en.d.ts +4 -0
- package/dist/elements/image/languages/en.js +2 -0
- package/dist/elements/image/languages/ru.d.ts +4 -0
- package/dist/elements/image/languages/ru.js +2 -0
- package/dist/elements/image/storage.d.ts +6 -0
- package/dist/elements/image/storage.js +23 -0
- package/dist/elements/lineBreak/LineBreak.vue +3 -0
- package/dist/elements/lineBreak/_global.d.ts +18 -0
- package/dist/elements/lineBreak/app.d.ts +9 -0
- package/dist/elements/lineBreak/app.js +6 -0
- package/dist/elements/lineBreak/core.d.ts +54 -0
- package/dist/elements/lineBreak/core.js +19 -0
- package/dist/elements/link/BlockLink.vue +111 -0
- package/dist/elements/link/Link.vue +93 -0
- package/dist/elements/link/core.d.ts +13 -0
- package/dist/elements/link/core.js +12 -0
- package/dist/elements/link/dependency/_global.d.ts +47 -0
- package/dist/elements/link/dependency/app.d.ts +16 -0
- package/dist/elements/link/dependency/app.js +14 -0
- package/dist/elements/link/dependency/core.d.ts +125 -0
- package/dist/elements/link/dependency/core.js +51 -0
- package/dist/elements/link/dependency/languages/en.d.ts +4 -0
- package/dist/elements/link/dependency/languages/en.js +2 -0
- package/dist/elements/link/dependency/languages/ru.d.ts +4 -0
- package/dist/elements/link/dependency/languages/ru.js +2 -0
- package/dist/elements/link/icon.svg +3 -0
- package/dist/elements/link/reference/_global.d.ts +49 -0
- package/dist/elements/link/reference/app.d.ts +16 -0
- package/dist/elements/link/reference/app.js +14 -0
- package/dist/elements/link/reference/core.d.ts +120 -0
- package/dist/elements/link/reference/core.js +35 -0
- package/dist/elements/link/reference/languages/en.d.ts +4 -0
- package/dist/elements/link/reference/languages/en.js +2 -0
- package/dist/elements/link/reference/languages/ru.d.ts +4 -0
- package/dist/elements/link/reference/languages/ru.js +2 -0
- package/dist/elements/link/storage.d.ts +34 -0
- package/dist/elements/link/storage.js +20 -0
- package/dist/elements/list/List.vue +63 -0
- package/dist/elements/list/_global.d.ts +50 -0
- package/dist/elements/list/app.d.ts +16 -0
- package/dist/elements/list/app.js +11 -0
- package/dist/elements/list/core.d.ts +169 -0
- package/dist/elements/list/core.js +49 -0
- package/dist/elements/list/icon.svg +3 -0
- package/dist/elements/list/languages/en.d.ts +4 -0
- package/dist/elements/list/languages/en.js +2 -0
- package/dist/elements/list/languages/ru.d.ts +4 -0
- package/dist/elements/list/languages/ru.js +2 -0
- package/dist/elements/math/_global.d.ts +72 -0
- package/dist/elements/math/_global.ts +3 -0
- package/dist/elements/math/app.d.ts +16 -0
- package/dist/elements/math/app.js +20 -0
- package/dist/elements/math/block.d.ts +75 -0
- package/dist/elements/math/block.js +115 -0
- package/dist/elements/math/components/BlockMath.vue +30 -0
- package/dist/elements/math/components/InlinerMath.vue +65 -0
- package/dist/elements/math/components/Katex.vue +89 -0
- package/dist/elements/math/components/MathGroup.vue +39 -0
- package/dist/elements/math/core.d.ts +66 -0
- package/dist/elements/math/core.js +11 -0
- package/dist/elements/math/icon.svg +3 -0
- package/dist/elements/math/inliner.d.ts +64 -0
- package/dist/elements/math/inliner.js +85 -0
- package/dist/elements/math/katex.d.ts +8 -0
- package/dist/elements/math/katex.js +18 -0
- package/dist/elements/math/languages/en.d.ts +4 -0
- package/dist/elements/math/languages/en.js +2 -0
- package/dist/elements/math/languages/ru.d.ts +4 -0
- package/dist/elements/math/languages/ru.js +2 -0
- package/dist/elements/math/macros.d.ts +13 -0
- package/dist/elements/math/macros.js +12 -0
- package/dist/elements/paragraph/Paragraph.vue +27 -0
- package/dist/elements/paragraph/_global.d.ts +27 -0
- package/dist/elements/paragraph/app.d.ts +9 -0
- package/dist/elements/paragraph/app.js +11 -0
- package/dist/elements/paragraph/core.d.ts +67 -0
- package/dist/elements/paragraph/core.js +29 -0
- package/dist/elements/paragraph/icon.svg +4 -0
- package/dist/elements/paragraph/languages/en.d.ts +4 -0
- package/dist/elements/paragraph/languages/en.js +2 -0
- package/dist/elements/paragraph/languages/ru.d.ts +4 -0
- package/dist/elements/paragraph/languages/ru.js +2 -0
- package/dist/elements/problem/_global.d.ts +112 -0
- package/dist/elements/problem/app.d.ts +30 -0
- package/dist/elements/problem/app.js +27 -0
- package/dist/elements/problem/assets/actions/answer.svg +3 -0
- package/dist/elements/problem/assets/actions/check.svg +3 -0
- package/dist/elements/problem/assets/actions/generate.svg +3 -0
- package/dist/elements/problem/assets/actions/hint.svg +3 -0
- package/dist/elements/problem/assets/actions/note.svg +3 -0
- package/dist/elements/problem/assets/actions/solution.svg +3 -0
- package/dist/elements/problem/assets/attributes/applied.svg +3 -0
- package/dist/elements/problem/assets/attributes/inter.svg +3 -0
- package/dist/elements/problem/assets/attributes/method.svg +3 -0
- package/dist/elements/problem/assets/attributes/pretty.svg +1 -0
- package/dist/elements/problem/assets/icon.svg +3 -0
- package/dist/elements/problem/components/Problem.vue +22 -0
- package/dist/elements/problem/components/ProblemButton.vue +21 -0
- package/dist/elements/problem/components/ProblemContainer.vue +9 -0
- package/dist/elements/problem/components/ProblemContent.vue +371 -0
- package/dist/elements/problem/components/ProblemExpander.vue +7 -0
- package/dist/elements/problem/components/ProblemExpanderSection.vue +58 -0
- package/dist/elements/problem/components/ProblemHeader.vue +106 -0
- package/dist/elements/problem/components/Problems.vue +87 -0
- package/dist/elements/problem/components/SubProblem.vue +14 -0
- package/dist/elements/problem/components/expanders/Check.vue +151 -0
- package/dist/elements/problem/components/expanders/Checks.vue +83 -0
- package/dist/elements/problem/components/expanders/DefaultPlusSections.vue +38 -0
- package/dist/elements/problem/components/expanders/Hint.vue +26 -0
- package/dist/elements/problem/composables/phrase.d.ts +2 -0
- package/dist/elements/problem/composables/phrase.js +7 -0
- package/dist/elements/problem/composables/problemScript.d.ts +3 -0
- package/dist/elements/problem/composables/problemScript.js +11 -0
- package/dist/elements/problem/core.d.ts +248 -0
- package/dist/elements/problem/core.js +17 -0
- package/dist/elements/problem/languages/en.d.ts +3 -0
- package/dist/elements/problem/languages/en.js +24 -0
- package/dist/elements/problem/languages/ru.d.ts +3 -0
- package/dist/elements/problem/languages/ru.js +24 -0
- package/dist/elements/problem/phrases.d.ts +16 -0
- package/dist/elements/problem/phrases.js +1 -0
- package/dist/elements/problem/problem.d.ts +106 -0
- package/dist/elements/problem/problem.js +37 -0
- package/dist/elements/problem/problemContent.d.ts +439 -0
- package/dist/elements/problem/problemContent.js +236 -0
- package/dist/elements/problem/problemScript.d.ts +26 -0
- package/dist/elements/problem/problemScript.js +79 -0
- package/dist/elements/problem/problems.d.ts +212 -0
- package/dist/elements/problem/problems.js +74 -0
- package/dist/elements/problem/rng.d.ts +18 -0
- package/dist/elements/problem/rng.js +76 -0
- package/dist/elements/problem/shared.d.ts +28 -0
- package/dist/elements/problem/shared.js +42 -0
- package/dist/elements/problem/step.d.ts +5 -0
- package/dist/elements/problem/step.js +13 -0
- package/dist/elements/problem/storage.d.ts +5 -0
- package/dist/elements/problem/storage.js +8 -0
- package/dist/elements/table/Table.vue +104 -0
- package/dist/elements/table/_global.d.ts +36 -0
- package/dist/elements/table/app.d.ts +30 -0
- package/dist/elements/table/app.js +11 -0
- package/dist/elements/table/core.d.ts +324 -0
- package/dist/elements/table/core.js +65 -0
- package/dist/elements/table/icon.svg +3 -0
- package/dist/elements/table/languages/en.d.ts +4 -0
- package/dist/elements/table/languages/en.js +2 -0
- package/dist/elements/table/languages/ru.d.ts +4 -0
- package/dist/elements/table/languages/ru.js +2 -0
- package/dist/elements/video/Video.vue +109 -0
- package/dist/elements/video/_global.d.ts +18 -0
- package/dist/elements/video/app.d.ts +16 -0
- package/dist/elements/video/app.js +11 -0
- package/dist/elements/video/core.d.ts +128 -0
- package/dist/elements/video/core.js +43 -0
- package/dist/elements/video/icon.svg +3 -0
- package/dist/elements/video/languages/en.d.ts +4 -0
- package/dist/elements/video/languages/en.js +2 -0
- package/dist/elements/video/languages/ru.d.ts +4 -0
- package/dist/elements/video/languages/ru.js +2 -0
- package/dist/elements/video/storage.d.ts +2 -0
- package/dist/elements/video/storage.js +5 -0
- package/dist/include.d.ts +6 -0
- package/dist/include.js +42 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +15 -0
- package/dist/rawElement.d.ts +6 -0
- package/dist/rawElement.js +3 -0
- package/dist/resolve.d.ts +20 -0
- package/dist/resolve.js +99 -0
- package/dist/resolveStep.d.ts +9 -0
- package/dist/resolveStep.js +3 -0
- package/dist/shared/filePath.d.ts +5 -0
- package/dist/shared/filePath.js +11 -0
- package/dist/shared/invert.d.ts +1 -0
- package/dist/shared/invert.js +1 -0
- package/dist/shared/paragraphWrap.d.ts +3 -0
- package/dist/shared/paragraphWrap.js +15 -0
- package/dist/shared/photoswipe.d.ts +10 -0
- package/dist/shared/photoswipe.js +10 -0
- package/dist/slugify/index.d.ts +1 -0
- package/dist/slugify/index.js +12 -0
- package/dist/slugify/languages/en.d.ts +2 -0
- package/dist/slugify/languages/en.js +3 -0
- package/dist/slugify/languages/ru.d.ts +2 -0
- package/dist/slugify/languages/ru.js +38 -0
- package/dist/snippet.d.ts +66 -0
- package/dist/snippet.js +57 -0
- package/dist/tag.d.ts +22 -0
- package/dist/tag.js +20 -0
- package/dist/title.d.ts +8 -0
- package/dist/title.js +6 -0
- package/dist/toc.d.ts +34 -0
- package/dist/toc.js +52 -0
- package/dist/utils/case.d.ts +4 -0
- package/dist/utils/case.js +8 -0
- package/dist/utils/docs.d.ts +1 -0
- package/dist/utils/docs.js +22 -0
- package/package.json +48 -0
- package/types.d.ts +4 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import { ref } from 'vue';
|
|
3
|
+
import type { ProseElement } from '@jsprose/core';
|
|
4
|
+
|
|
5
|
+
import type { gallerySchema } from './core.js';
|
|
6
|
+
import { useElementStorage } from '../../app/composables/storage.js';
|
|
7
|
+
import { darkInvert, lightInvert } from '../../app/shared/invert.js';
|
|
8
|
+
import Block from '../../app/shared/block/Block.vue';
|
|
9
|
+
import ImageElement from '../image/ImageElement.vue';
|
|
10
|
+
|
|
11
|
+
const { element } = defineProps<{
|
|
12
|
+
element: ProseElement<typeof gallerySchema>;
|
|
13
|
+
}>();
|
|
14
|
+
|
|
15
|
+
const resolvedSources: string[] = [];
|
|
16
|
+
|
|
17
|
+
for (const child of element.children) {
|
|
18
|
+
const storage = await useElementStorage(child);
|
|
19
|
+
resolvedSources.push(storage.resolvedSrc);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const activeI = ref<number>(0);
|
|
23
|
+
</script>
|
|
24
|
+
|
|
25
|
+
<template>
|
|
26
|
+
<Block :element>
|
|
27
|
+
<div class="nice-scrollbars mb-normal flex overflow-auto">
|
|
28
|
+
<div class="gap-normal p-small m-auto flex">
|
|
29
|
+
<button
|
|
30
|
+
v-for="(image, i) of element.children"
|
|
31
|
+
@click="activeI = i"
|
|
32
|
+
:class="[
|
|
33
|
+
`aspect-square w-[70px] cursor-pointer overflow-hidden
|
|
34
|
+
rounded-xl border-2 transition-[border]`,
|
|
35
|
+
{
|
|
36
|
+
'border-border hocus:border-brand': activeI !== i,
|
|
37
|
+
'border-brand': activeI === i,
|
|
38
|
+
},
|
|
39
|
+
]"
|
|
40
|
+
>
|
|
41
|
+
<img
|
|
42
|
+
:src="resolvedSources[i]"
|
|
43
|
+
:class="[
|
|
44
|
+
'block object-cover',
|
|
45
|
+
{
|
|
46
|
+
[lightInvert]: image.data.invert === 'light',
|
|
47
|
+
[darkInvert]: image.data.invert === 'dark',
|
|
48
|
+
},
|
|
49
|
+
]"
|
|
50
|
+
/>
|
|
51
|
+
</button>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<ImageElement :element="element.children[activeI]" :key="activeI" />
|
|
55
|
+
</Block>
|
|
56
|
+
</template>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Galleries are used to display a collection of images in one place, not occupying too much vertical space.
|
|
3
|
+
*
|
|
4
|
+
* @title Gallery
|
|
5
|
+
* @layout block
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* // import foo from './assets/foo.svg';
|
|
9
|
+
* // import bar from './assets/bar.png';
|
|
10
|
+
* <Gallery>
|
|
11
|
+
* <Image src={foo} width="200px" />
|
|
12
|
+
* <Image src={bar} width="300px">
|
|
13
|
+
* <Caption>Bar image caption</Caption>
|
|
14
|
+
* </Image>
|
|
15
|
+
* </Gallery>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export const Gallery = '_tag_';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("../../app/appElement.js").AppElement<{
|
|
2
|
+
name: "gallery";
|
|
3
|
+
type: "block";
|
|
4
|
+
linkable: true;
|
|
5
|
+
Data: undefined;
|
|
6
|
+
Storage: undefined;
|
|
7
|
+
Children: {
|
|
8
|
+
name: "image";
|
|
9
|
+
type: "block";
|
|
10
|
+
linkable: true;
|
|
11
|
+
Data: import("../image/core.js").ImageData;
|
|
12
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
13
|
+
Children: [{
|
|
14
|
+
name: "caption";
|
|
15
|
+
type: "inliner";
|
|
16
|
+
linkable: false;
|
|
17
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
18
|
+
Storage: undefined;
|
|
19
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
20
|
+
}] | undefined;
|
|
21
|
+
}[];
|
|
22
|
+
}>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { defineEruditProseAppElement } from "../../app/appElement.js";
|
|
2
|
+
import { gallerySchema } from "./core.js";
|
|
3
|
+
export default defineEruditProseAppElement({
|
|
4
|
+
schema: gallerySchema,
|
|
5
|
+
component: () => import("./Gallery.vue"),
|
|
6
|
+
languages: {
|
|
7
|
+
en: () => import("./languages/en.js"),
|
|
8
|
+
ru: () => import("./languages/ru.js")
|
|
9
|
+
},
|
|
10
|
+
icon: () => import("./icon.svg?raw")
|
|
11
|
+
});
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { type TagChildren } from '@jsprose/core';
|
|
2
|
+
export declare const gallerySchema: {
|
|
3
|
+
name: "gallery";
|
|
4
|
+
type: "block";
|
|
5
|
+
linkable: true;
|
|
6
|
+
Data: undefined;
|
|
7
|
+
Storage: undefined;
|
|
8
|
+
Children: {
|
|
9
|
+
name: "image";
|
|
10
|
+
type: "block";
|
|
11
|
+
linkable: true;
|
|
12
|
+
Data: import("../image/core.js").ImageData;
|
|
13
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
14
|
+
Children: [{
|
|
15
|
+
name: "caption";
|
|
16
|
+
type: "inliner";
|
|
17
|
+
linkable: false;
|
|
18
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
19
|
+
Storage: undefined;
|
|
20
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
21
|
+
}] | undefined;
|
|
22
|
+
}[];
|
|
23
|
+
};
|
|
24
|
+
export declare const Gallery: import("@jsprose/core").Tag<"Gallery", {
|
|
25
|
+
name: "gallery";
|
|
26
|
+
type: "block";
|
|
27
|
+
linkable: true;
|
|
28
|
+
Data: undefined;
|
|
29
|
+
Storage: undefined;
|
|
30
|
+
Children: {
|
|
31
|
+
name: "image";
|
|
32
|
+
type: "block";
|
|
33
|
+
linkable: true;
|
|
34
|
+
Data: import("../image/core.js").ImageData;
|
|
35
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
36
|
+
Children: [{
|
|
37
|
+
name: "caption";
|
|
38
|
+
type: "inliner";
|
|
39
|
+
linkable: false;
|
|
40
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
41
|
+
Storage: undefined;
|
|
42
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
43
|
+
}] | undefined;
|
|
44
|
+
}[];
|
|
45
|
+
}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
46
|
+
export declare const galleryRegistryItem: import("@jsprose/core").RegistryItem<{
|
|
47
|
+
name: "gallery";
|
|
48
|
+
type: "block";
|
|
49
|
+
linkable: true;
|
|
50
|
+
Data: undefined;
|
|
51
|
+
Storage: undefined;
|
|
52
|
+
Children: {
|
|
53
|
+
name: "image";
|
|
54
|
+
type: "block";
|
|
55
|
+
linkable: true;
|
|
56
|
+
Data: import("../image/core.js").ImageData;
|
|
57
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
58
|
+
Children: [{
|
|
59
|
+
name: "caption";
|
|
60
|
+
type: "inliner";
|
|
61
|
+
linkable: false;
|
|
62
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
63
|
+
Storage: undefined;
|
|
64
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
65
|
+
}] | undefined;
|
|
66
|
+
}[];
|
|
67
|
+
}, {
|
|
68
|
+
Gallery: import("@jsprose/core").Tag<"Gallery", {
|
|
69
|
+
name: "gallery";
|
|
70
|
+
type: "block";
|
|
71
|
+
linkable: true;
|
|
72
|
+
Data: undefined;
|
|
73
|
+
Storage: undefined;
|
|
74
|
+
Children: {
|
|
75
|
+
name: "image";
|
|
76
|
+
type: "block";
|
|
77
|
+
linkable: true;
|
|
78
|
+
Data: import("../image/core.js").ImageData;
|
|
79
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
80
|
+
Children: [{
|
|
81
|
+
name: "caption";
|
|
82
|
+
type: "inliner";
|
|
83
|
+
linkable: false;
|
|
84
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
85
|
+
Storage: undefined;
|
|
86
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
87
|
+
}] | undefined;
|
|
88
|
+
}[];
|
|
89
|
+
}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
90
|
+
}, undefined>;
|
|
91
|
+
declare const _default: {
|
|
92
|
+
registryItem: import("@jsprose/core").RegistryItem<{
|
|
93
|
+
name: "gallery";
|
|
94
|
+
type: "block";
|
|
95
|
+
linkable: true;
|
|
96
|
+
Data: undefined;
|
|
97
|
+
Storage: undefined;
|
|
98
|
+
Children: {
|
|
99
|
+
name: "image";
|
|
100
|
+
type: "block";
|
|
101
|
+
linkable: true;
|
|
102
|
+
Data: import("../image/core.js").ImageData;
|
|
103
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
104
|
+
Children: [{
|
|
105
|
+
name: "caption";
|
|
106
|
+
type: "inliner";
|
|
107
|
+
linkable: false;
|
|
108
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
109
|
+
Storage: undefined;
|
|
110
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
111
|
+
}] | undefined;
|
|
112
|
+
}[];
|
|
113
|
+
}, {
|
|
114
|
+
Gallery: import("@jsprose/core").Tag<"Gallery", {
|
|
115
|
+
name: "gallery";
|
|
116
|
+
type: "block";
|
|
117
|
+
linkable: true;
|
|
118
|
+
Data: undefined;
|
|
119
|
+
Storage: undefined;
|
|
120
|
+
Children: {
|
|
121
|
+
name: "image";
|
|
122
|
+
type: "block";
|
|
123
|
+
linkable: true;
|
|
124
|
+
Data: import("../image/core.js").ImageData;
|
|
125
|
+
Storage: import("../image/core.js").ImageStorage;
|
|
126
|
+
Children: [{
|
|
127
|
+
name: "caption";
|
|
128
|
+
type: "inliner";
|
|
129
|
+
linkable: false;
|
|
130
|
+
Data: import("../caption/core.js").CaptionData | undefined;
|
|
131
|
+
Storage: undefined;
|
|
132
|
+
Children: import("@jsprose/core").InlinerSchema[];
|
|
133
|
+
}] | undefined;
|
|
134
|
+
}[];
|
|
135
|
+
}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
136
|
+
}, undefined>;
|
|
137
|
+
};
|
|
138
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineRegistryItem, defineSchema, ensureTagChildren } from "@jsprose/core";
|
|
2
|
+
import { imageSchema } from "../image/core.js";
|
|
3
|
+
import { defineEruditTag } from "../../tag.js";
|
|
4
|
+
import { defineEruditProseCoreElement } from "../../coreElement.js";
|
|
5
|
+
export const gallerySchema = defineSchema({
|
|
6
|
+
name: "gallery",
|
|
7
|
+
type: "block",
|
|
8
|
+
linkable: true
|
|
9
|
+
})();
|
|
10
|
+
export const Gallery = defineEruditTag({
|
|
11
|
+
tagName: "Gallery",
|
|
12
|
+
schema: gallerySchema
|
|
13
|
+
})(({ element, tagName, children }) => {
|
|
14
|
+
ensureTagChildren(tagName, children, imageSchema);
|
|
15
|
+
element.children = children;
|
|
16
|
+
});
|
|
17
|
+
export const galleryRegistryItem = defineRegistryItem({
|
|
18
|
+
schema: gallerySchema,
|
|
19
|
+
tags: [Gallery]
|
|
20
|
+
});
|
|
21
|
+
export default defineEruditProseCoreElement({ registryItem: galleryRegistryItem });
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
|
|
2
|
+
<path d="m530-460-46-60q-6-8-16-8t-16 8l-67 88q-8 10-2.5 21t18.5 11h318q13 0 18.5-11t-2.5-21l-97-127q-6-8-16-8t-16 8l-76 99ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-520q0-17 11.5-28.5T120-720q17 0 28.5 11.5T160-680v520h520q17 0 28.5 11.5T720-120q0 17-11.5 28.5T680-80H160Zm160-720v480-480Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import { h } from 'vue';
|
|
3
|
+
import type { ProseElement } from '@jsprose/core';
|
|
4
|
+
|
|
5
|
+
import { useFormatText } from '../../app/composables/formatText.js';
|
|
6
|
+
import type { headingSchema } from './core.js';
|
|
7
|
+
import Block from '../../app/shared/block/Block.vue';
|
|
8
|
+
|
|
9
|
+
const { element } = defineProps<{
|
|
10
|
+
element: ProseElement<typeof headingSchema>;
|
|
11
|
+
}>();
|
|
12
|
+
|
|
13
|
+
const formatText = useFormatText();
|
|
14
|
+
|
|
15
|
+
const Tag = (() => {
|
|
16
|
+
switch (element.data.level) {
|
|
17
|
+
case 1:
|
|
18
|
+
return h('h2');
|
|
19
|
+
case 2:
|
|
20
|
+
return h('h3');
|
|
21
|
+
case 3:
|
|
22
|
+
return h('h4');
|
|
23
|
+
}
|
|
24
|
+
})();
|
|
25
|
+
</script>
|
|
26
|
+
|
|
27
|
+
<template>
|
|
28
|
+
<Block :element class="mt-normal micro:mt-big first:mt-0">
|
|
29
|
+
<component
|
|
30
|
+
:is="Tag"
|
|
31
|
+
:class="[
|
|
32
|
+
'text-text-deep transition-[color,border]',
|
|
33
|
+
{
|
|
34
|
+
[`text-main-2xl border-border pb-small micro:pb-normal
|
|
35
|
+
border-b font-bold`]: element.data.level === 1,
|
|
36
|
+
'text-main-xl font-semibold': element.data.level === 2,
|
|
37
|
+
'text-main-lg font-medium': element.data.level === 3,
|
|
38
|
+
},
|
|
39
|
+
]"
|
|
40
|
+
>
|
|
41
|
+
{{ formatText(element.data.title) }}
|
|
42
|
+
</component>
|
|
43
|
+
</Block>
|
|
44
|
+
</template>
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Headings are used to split prose into sections:
|
|
3
|
+
* * `<H1>` - major sections, key parts of prose
|
|
4
|
+
* * `<H2>` - subsections
|
|
5
|
+
* * `<H3>` - sub-subsections (rarely used)
|
|
6
|
+
*
|
|
7
|
+
* Headings have special behavior:
|
|
8
|
+
* * Always appear in search results
|
|
9
|
+
* * Always appear in Table of Contents
|
|
10
|
+
* * Automatically generate snippet titles so you don't have to manually write them.
|
|
11
|
+
*
|
|
12
|
+
* That is why you want to always write meaningful titles and never use general words!
|
|
13
|
+
* * **Don't** "Description" -> **Do** "Description of Euclidean algorithm"
|
|
14
|
+
* * **Don't** "Problem" -> **Do** "Problem with integers division"
|
|
15
|
+
*
|
|
16
|
+
* If you really need to use general words, provide specified snippet title or search synonyms.
|
|
17
|
+
*
|
|
18
|
+
* **Caution:** never use headings inside other blocks! They are only allowed at the top level of prose!
|
|
19
|
+
*
|
|
20
|
+
* @title Heading
|
|
21
|
+
* @layout block
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <H1>Pythagorean theorem</H1>
|
|
25
|
+
*
|
|
26
|
+
* // ... Content ...
|
|
27
|
+
*
|
|
28
|
+
* // Add heading in "Quick links" section
|
|
29
|
+
* <H2 snippet={{ quick: true }}>
|
|
30
|
+
* Triangles and squares
|
|
31
|
+
* </H2>
|
|
32
|
+
*
|
|
33
|
+
* // ... Content ...
|
|
34
|
+
*
|
|
35
|
+
* // Provide more specific title for search
|
|
36
|
+
* <H3 snippet={{ title: 'Pythagorean theorem in physics' }}>
|
|
37
|
+
* Usage in physics
|
|
38
|
+
* </H3>
|
|
39
|
+
*
|
|
40
|
+
* // ... Content ...
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
export const H1 = '_tag_';
|
|
44
|
+
export const H2 = '_tag_';
|
|
45
|
+
export const H3 = '_tag_';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { defineEruditProseAppElement } from "../../app/appElement.js";
|
|
2
|
+
import { headingSchema } from "./core.js";
|
|
3
|
+
export default defineEruditProseAppElement({
|
|
4
|
+
schema: headingSchema,
|
|
5
|
+
component: () => import("./Heading.vue"),
|
|
6
|
+
languages: {
|
|
7
|
+
en: () => import("./languages/en.js"),
|
|
8
|
+
ru: () => import("./languages/ru.js")
|
|
9
|
+
},
|
|
10
|
+
icon: () => import("./icon.svg?raw")
|
|
11
|
+
});
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { type TagChildren } from '@jsprose/core';
|
|
2
|
+
import { type NoToc } from '../../tag.js';
|
|
3
|
+
export declare const headingSchema: {
|
|
4
|
+
name: "heading";
|
|
5
|
+
type: "block";
|
|
6
|
+
linkable: true;
|
|
7
|
+
Data: HeadingData;
|
|
8
|
+
Storage: undefined;
|
|
9
|
+
Children: undefined;
|
|
10
|
+
};
|
|
11
|
+
export interface HeadingData {
|
|
12
|
+
level: 1 | 2 | 3;
|
|
13
|
+
title: string;
|
|
14
|
+
}
|
|
15
|
+
export type HeadingProps = TagChildren & NoToc;
|
|
16
|
+
export declare const H1: import("@jsprose/core").Tag<"H1", {
|
|
17
|
+
name: "heading";
|
|
18
|
+
type: "block";
|
|
19
|
+
linkable: true;
|
|
20
|
+
Data: HeadingData;
|
|
21
|
+
Storage: undefined;
|
|
22
|
+
Children: undefined;
|
|
23
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
24
|
+
export declare const H2: import("@jsprose/core").Tag<"H2", {
|
|
25
|
+
name: "heading";
|
|
26
|
+
type: "block";
|
|
27
|
+
linkable: true;
|
|
28
|
+
Data: HeadingData;
|
|
29
|
+
Storage: undefined;
|
|
30
|
+
Children: undefined;
|
|
31
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
32
|
+
export declare const H3: import("@jsprose/core").Tag<"H3", {
|
|
33
|
+
name: "heading";
|
|
34
|
+
type: "block";
|
|
35
|
+
linkable: true;
|
|
36
|
+
Data: HeadingData;
|
|
37
|
+
Storage: undefined;
|
|
38
|
+
Children: undefined;
|
|
39
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
40
|
+
export declare const headingRegistryItem: import("@jsprose/core").RegistryItem<{
|
|
41
|
+
name: "heading";
|
|
42
|
+
type: "block";
|
|
43
|
+
linkable: true;
|
|
44
|
+
Data: HeadingData;
|
|
45
|
+
Storage: undefined;
|
|
46
|
+
Children: undefined;
|
|
47
|
+
}, {
|
|
48
|
+
H1: import("@jsprose/core").Tag<"H1", {
|
|
49
|
+
name: "heading";
|
|
50
|
+
type: "block";
|
|
51
|
+
linkable: true;
|
|
52
|
+
Data: HeadingData;
|
|
53
|
+
Storage: undefined;
|
|
54
|
+
Children: undefined;
|
|
55
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
56
|
+
H2: import("@jsprose/core").Tag<"H2", {
|
|
57
|
+
name: "heading";
|
|
58
|
+
type: "block";
|
|
59
|
+
linkable: true;
|
|
60
|
+
Data: HeadingData;
|
|
61
|
+
Storage: undefined;
|
|
62
|
+
Children: undefined;
|
|
63
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
64
|
+
H3: import("@jsprose/core").Tag<"H3", {
|
|
65
|
+
name: "heading";
|
|
66
|
+
type: "block";
|
|
67
|
+
linkable: true;
|
|
68
|
+
Data: HeadingData;
|
|
69
|
+
Storage: undefined;
|
|
70
|
+
Children: undefined;
|
|
71
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
72
|
+
}, undefined>;
|
|
73
|
+
declare const _default: {
|
|
74
|
+
registryItem: import("@jsprose/core").RegistryItem<{
|
|
75
|
+
name: "heading";
|
|
76
|
+
type: "block";
|
|
77
|
+
linkable: true;
|
|
78
|
+
Data: HeadingData;
|
|
79
|
+
Storage: undefined;
|
|
80
|
+
Children: undefined;
|
|
81
|
+
}, {
|
|
82
|
+
H1: import("@jsprose/core").Tag<"H1", {
|
|
83
|
+
name: "heading";
|
|
84
|
+
type: "block";
|
|
85
|
+
linkable: true;
|
|
86
|
+
Data: HeadingData;
|
|
87
|
+
Storage: undefined;
|
|
88
|
+
Children: undefined;
|
|
89
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
90
|
+
H2: import("@jsprose/core").Tag<"H2", {
|
|
91
|
+
name: "heading";
|
|
92
|
+
type: "block";
|
|
93
|
+
linkable: true;
|
|
94
|
+
Data: HeadingData;
|
|
95
|
+
Storage: undefined;
|
|
96
|
+
Children: undefined;
|
|
97
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
98
|
+
H3: import("@jsprose/core").Tag<"H3", {
|
|
99
|
+
name: "heading";
|
|
100
|
+
type: "block";
|
|
101
|
+
linkable: true;
|
|
102
|
+
Data: HeadingData;
|
|
103
|
+
Storage: undefined;
|
|
104
|
+
Children: undefined;
|
|
105
|
+
}, TagChildren & NoToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
|
|
106
|
+
}, undefined>;
|
|
107
|
+
};
|
|
108
|
+
export default _default;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineRegistryItem, defineSchema, ensureTagChild, ProseError, textSchema } from "@jsprose/core";
|
|
2
|
+
import { defineEruditTag } from "../../tag.js";
|
|
3
|
+
import { defineEruditProseCoreElement } from "../../coreElement.js";
|
|
4
|
+
export const headingSchema = defineSchema({
|
|
5
|
+
name: "heading",
|
|
6
|
+
type: "block",
|
|
7
|
+
linkable: true
|
|
8
|
+
})();
|
|
9
|
+
export const H1 = defineEruditTag({
|
|
10
|
+
tagName: "H1",
|
|
11
|
+
schema: headingSchema
|
|
12
|
+
})(({ tagName, element, children }) => {
|
|
13
|
+
processHeadingElement(1, tagName, element, children);
|
|
14
|
+
});
|
|
15
|
+
export const H2 = defineEruditTag({
|
|
16
|
+
tagName: "H2",
|
|
17
|
+
schema: headingSchema
|
|
18
|
+
})(({ tagName, element, children }) => {
|
|
19
|
+
processHeadingElement(2, tagName, element, children);
|
|
20
|
+
});
|
|
21
|
+
export const H3 = defineEruditTag({
|
|
22
|
+
tagName: "H3",
|
|
23
|
+
schema: headingSchema
|
|
24
|
+
})(({ tagName, element, children }) => {
|
|
25
|
+
processHeadingElement(3, tagName, element, children);
|
|
26
|
+
});
|
|
27
|
+
function processHeadingElement(level, tagName, element, children) {
|
|
28
|
+
ensureTagChild(tagName, children, textSchema);
|
|
29
|
+
const child = children[0];
|
|
30
|
+
const title = child.data.trim();
|
|
31
|
+
if (!title) {
|
|
32
|
+
throw new ProseError(`<${tagName}> title cannot be empty!`);
|
|
33
|
+
}
|
|
34
|
+
element.data = {
|
|
35
|
+
level,
|
|
36
|
+
title
|
|
37
|
+
};
|
|
38
|
+
element.title = title;
|
|
39
|
+
element.snippetFlags ||= {};
|
|
40
|
+
element.snippetFlags.search ??= true;
|
|
41
|
+
element.snippetFlags.seo ??= false;
|
|
42
|
+
element.toc = { add: true };
|
|
43
|
+
}
|
|
44
|
+
export const headingRegistryItem = defineRegistryItem({
|
|
45
|
+
schema: headingSchema,
|
|
46
|
+
tags: [
|
|
47
|
+
H1,
|
|
48
|
+
H2,
|
|
49
|
+
H3
|
|
50
|
+
]
|
|
51
|
+
});
|
|
52
|
+
export default defineEruditProseCoreElement({ registryItem: headingRegistryItem });
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
|
2
|
+
<path d="M23.38,16.5c0-3.47-2.87-4.88-5.96-5.87-2.68-.9-3.95-1.47-3.95-2.85,0-1.22,1.27-2.08,3.1-2.08,1.34-.02,2.7.34,3.86,1.03l.49.29,1.06-2.89-.37-.19c-1.48-.78-3.2-1.19-4.95-1.19-3.99,0-6.78,2.2-6.78,5.35,0,1.03.37,2.01,1.01,2.78-1.33.93-2.2,2.45-2.28,4.11,0,3.43,3.1,4.78,6.27,5.87,3.28,1.12,3.87,1.94,3.87,3.12,0,1.72-1.73,2.33-3.35,2.33-1.53,0-3-.47-4.25-1.32l-.49-.33-1.22,2.87.35.22c1.58.97,3.35,1.48,5.16,1.48.13,0,.27,0,.39,0,3.49,0,7.01-1.73,7.01-5.59,0-1.08-.36-2.14-1.04-2.96,1.26-1.02,2.02-2.55,2.06-4.2h0ZM13.12,12.44c1.28.64,2.63,1.19,4.01,1.65,1.86.65,2.77,1.55,2.77,2.76.02.78-.3,1.53-.86,2.06-1.16-.61-2.4-1.12-3.7-1.53-2.94-1.03-3.32-2.01-3.32-2.76,0-.85.42-1.68,1.11-2.19Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Horizontal lines are used to separate prose content in places
|
|
3
|
+
* where it is not possible to use headings or built-in block separators.
|
|
4
|
+
*
|
|
5
|
+
* Use with extra caution, as overuse of horizontal lines can make prose look cluttered!
|
|
6
|
+
* When possible, prefer other means of content separation.
|
|
7
|
+
*
|
|
8
|
+
* @title Horizontal Line
|
|
9
|
+
* @layout block
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <P>Paragraph 1</P>
|
|
13
|
+
* <Hr />
|
|
14
|
+
* <P>Paragraph 2</P>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export const Hr = '_tag_';
|