@vigilkids/section-renderer-vue 0.0.1

package/dist/renderer/SectionErrorBoundary.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { onErrorCaptured, ref } from 'vue'
+
+const props = defineProps<{
+  sectionId: string
+  sectionType: string
+}>()
+
+const error = ref<Error | null>(null)
+
+onErrorCaptured((err) => {
+  error.value = err as Error
+  return false
+})
+</script>
+
+<template>
+  <div v-if="error" class="rounded-lg border border-red-200 bg-red-50 p-6 text-red-700">
+    <div class="mb-2 flex items-center gap-2">
+      <span class="text-lg">⚠</span>
+      <span class="font-medium">组件 "{{ sectionType }}" 无法显示</span>
+    </div>
+    <p class="mb-3 text-sm text-red-600">
+      可能原因：组件加载失败或数据格式异常。此错误不影响其他组件。
+    </p>
+    <details class="mb-3">
+      <summary class="cursor-pointer text-xs text-red-500">技术详情</summary>
+      <code class="mt-1 block whitespace-pre-wrap text-xs">{{ error.message }}</code>
+    </details>
+    <button
+      class="rounded bg-red-100 px-3 py-1 text-sm text-red-700 hover:bg-red-200"
+      @click="error = null"
+    >
+      重新加载
+    </button>
+  </div>
+  <slot v-else />
+</template>

package/dist/renderer/SectionErrorBoundary.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    sectionId: string;
+    sectionType: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/renderer/SectionRenderer.d.vue.ts

@@ -0,0 +1,29 @@
+import type { SectionsData } from '@vigilkids/section-core';
+type __VLS_Props = {
+    /** 是否处于编辑器预览模式（启用 data-* 属性和高亮） */
+    editorMode?: boolean;
+    /** 当前选中的 Section ID（编辑器模式下高亮） */
+    selectedSectionId?: string | null;
+    /** 是否全选所有 Section（编辑器 Ctrl+A） */
+    allSectionsSelected?: boolean;
+    /** Sections 数据（与 content_json 结构一致） */
+    sectionsData: SectionsData;
+    /** 产品标识，用于解析产品级 Section 组件覆盖 */
+    productCode?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "inline-edit-start": (sectionId: string, key: string) => any;
+    "inline-edit-end": () => any;
+    "section-click": (sectionId: string) => any;
+    "setting-update": (sectionId: string, key: string, value: unknown) => any;
+    "block-setting-update": (sectionId: string, blockId: string, key: string, value: unknown) => any;
+    "inline-edit-undo-redo": (action: "redo" | "undo") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onInline-edit-start"?: ((sectionId: string, key: string) => any) | undefined;
+    "onInline-edit-end"?: (() => any) | undefined;
+    "onSection-click"?: ((sectionId: string) => any) | undefined;
+    "onSetting-update"?: ((sectionId: string, key: string, value: unknown) => any) | undefined;
+    "onBlock-setting-update"?: ((sectionId: string, blockId: string, key: string, value: unknown) => any) | undefined;
+    "onInline-edit-undo-redo"?: ((action: "redo" | "undo") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/renderer/SectionRenderer.vue

@@ -0,0 +1,99 @@
+<script setup lang="ts">
+import type { SectionsData } from '@vigilkids/section-core'
+
+import { computed } from 'vue'
+
+import FallbackSection from './FallbackSection.vue'
+import LazySection from './LazySection.vue'
+import SectionErrorBoundary from './SectionErrorBoundary.vue'
+import SectionWrapper from './SectionWrapper.vue'
+import { useRegistry } from '../composables/useRegistry'
+
+const props = defineProps<{
+  /** 是否处于编辑器预览模式（启用 data-* 属性和高亮） */
+  editorMode?: boolean
+  /** 当前选中的 Section ID（编辑器模式下高亮） */
+  selectedSectionId?: string | null
+  /** 是否全选所有 Section（编辑器 Ctrl+A） */
+  allSectionsSelected?: boolean
+  /** Sections 数据（与 content_json 结构一致） */
+  sectionsData: SectionsData
+  /** 产品标识，用于解析产品级 Section 组件覆盖 */
+  productCode?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'section-click', sectionId: string): void
+  (e: 'setting-update', sectionId: string, key: string, value: unknown): void
+  (e: 'block-setting-update', sectionId: string, blockId: string, key: string, value: unknown): void
+  (e: 'inline-edit-start', sectionId: string, key: string): void
+  (e: 'inline-edit-end'): void
+  (e: 'inline-edit-undo-redo', action: 'redo' | 'undo'): void
+}>()
+
+const registry = useRegistry()
+
+const orderedSections = computed(() =>
+  props.sectionsData.section_order
+    .filter(id => id in props.sectionsData.sections)
+    .map(id => ({
+      id,
+      section: props.sectionsData.sections[id]!,
+    }))
+    .filter(item => !item.section.disabled),
+)
+</script>
+
+<template>
+  <main class="section-renderer">
+    <template v-for="(item, index) in orderedSections" :key="item.id">
+      <!-- 前 2 个 Section 直接渲染，保障 LCP/FCP -->
+      <SectionErrorBoundary
+        v-if="index < 2"
+        :section-id="item.id"
+        :section-type="item.section.type"
+      >
+        <SectionWrapper
+          :section-id="item.id"
+          :section-type="item.section.type"
+          :editor-mode="editorMode"
+          :is-selected="allSectionsSelected || selectedSectionId === item.id"
+          :settings="item.section.settings"
+          @click="emit('section-click', item.id)"
+        >
+          <component
+            :is="registry.resolve(item.section.type, productCode) ?? FallbackSection"
+            :settings="item.section.settings"
+            :blocks="item.section.blocks"
+            :block-order="item.section.block_order"
+            :editor-mode="editorMode"
+            @update:setting="(key: string, value: unknown) => emit('setting-update', item.id, key, value)"
+            @update:block-setting="(blockId: string, key: string, value: unknown) => emit('block-setting-update', item.id, blockId, key, value)"
+            @inline-edit-start="(key: string) => emit('inline-edit-start', item.id, key)"
+            @inline-edit-end="emit('inline-edit-end')"
+            @undo-redo="(action: 'redo' | 'undo') => emit('inline-edit-undo-redo', action)"
+          />
+        </SectionWrapper>
+      </SectionErrorBoundary>
+
+      <!-- 剩余 Section 通过 IntersectionObserver 懒加载 -->
+      <LazySection
+        v-else
+        :section-id="item.id"
+        :section-type="item.section.type"
+        :settings="item.section.settings"
+        :blocks="item.section.blocks"
+        :block-order="item.section.block_order"
+        :editor-mode="editorMode"
+        :is-selected="allSectionsSelected || selectedSectionId === item.id"
+        :product-code="productCode"
+        @section-click="emit('section-click', $event)"
+        @setting-update="(sectionId: string, key: string, value: unknown) => emit('setting-update', sectionId, key, value)"
+        @block-setting-update="(sectionId: string, blockId: string, key: string, value: unknown) => emit('block-setting-update', sectionId, blockId, key, value)"
+        @inline-edit-start="(sectionId: string, key: string) => emit('inline-edit-start', sectionId, key)"
+        @inline-edit-end="emit('inline-edit-end')"
+        @inline-edit-undo-redo="(action: 'redo' | 'undo') => emit('inline-edit-undo-redo', action)"
+      />
+    </template>
+  </main>
+</template>

package/dist/renderer/SectionRenderer.vue.d.ts

@@ -0,0 +1,29 @@
+import type { SectionsData } from '@vigilkids/section-core';
+type __VLS_Props = {
+    /** 是否处于编辑器预览模式（启用 data-* 属性和高亮） */
+    editorMode?: boolean;
+    /** 当前选中的 Section ID（编辑器模式下高亮） */
+    selectedSectionId?: string | null;
+    /** 是否全选所有 Section（编辑器 Ctrl+A） */
+    allSectionsSelected?: boolean;
+    /** Sections 数据（与 content_json 结构一致） */
+    sectionsData: SectionsData;
+    /** 产品标识，用于解析产品级 Section 组件覆盖 */
+    productCode?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "inline-edit-start": (sectionId: string, key: string) => any;
+    "inline-edit-end": () => any;
+    "section-click": (sectionId: string) => any;
+    "setting-update": (sectionId: string, key: string, value: unknown) => any;
+    "block-setting-update": (sectionId: string, blockId: string, key: string, value: unknown) => any;
+    "inline-edit-undo-redo": (action: "redo" | "undo") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onInline-edit-start"?: ((sectionId: string, key: string) => any) | undefined;
+    "onInline-edit-end"?: (() => any) | undefined;
+    "onSection-click"?: ((sectionId: string) => any) | undefined;
+    "onSetting-update"?: ((sectionId: string, key: string, value: unknown) => any) | undefined;
+    "onBlock-setting-update"?: ((sectionId: string, blockId: string, key: string, value: unknown) => any) | undefined;
+    "onInline-edit-undo-redo"?: ((action: "redo" | "undo") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/renderer/SectionWrapper.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    sectionId: string;
+    sectionType: string;
+    editorMode?: boolean;
+    isSelected?: boolean;
+    /** Section settings 值（用于样式应用） */
+    settings?: Record<string, unknown>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/renderer/SectionWrapper.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { useSectionStyle } from '../composables/useSectionStyle'
+
+const props = defineProps<{
+  sectionId: string
+  sectionType: string
+  editorMode?: boolean
+  isSelected?: boolean
+  /** Section settings 值（用于样式应用） */
+  settings?: Record<string, unknown>
+}>()
+
+defineEmits<{
+  (e: 'click'): void
+}>()
+
+const { style } = useSectionStyle(
+  () => props.sectionId,
+  () => props.settings ?? {},
+)
+</script>
+
+<template>
+<section
+    :id="`section-${sectionId}`"
+    :data-section-id="sectionId"
+    :data-section-type="sectionType"
+    class="section-wrapper"
+    :class="[
+      {
+        'section-wrapper--selected': isSelected,
+        'section-wrapper--hoverable': editorMode,
+      },
+      style.wrapperClasses,
+      style.customClass,
+    ]"
+    :style="style.wrapperStyles"
+    @click.stop="$emit('click')"
+  >
+    <slot />
+  </section>
+
+  <!-- Scoped CSS 注入（自定义间距 + custom_css） -->
+  <component
+    v-if="style.scopedCSS"
+    :is="'style'"
+  >{{ style.scopedCSS }}</component>
+</template>
+
+<style scoped>
+.section-wrapper{position:relative}.section-wrapper--hoverable:hover{outline:2px solid rgba(22,119,255,.3);outline-offset:-2px}.section-wrapper--selected{outline:2px solid #1677ff;outline-offset:-2px}.section-wrapper--hoverable:hover:before{background:#1677ff;border-radius:4px;color:#fff;content:attr(data-section-type);font-size:12px;left:8px;padding:2px 8px;position:absolute;top:-24px;z-index:10}.section-wrapper :deep(.inline-editable){border-radius:2px;cursor:text;transition:outline .15s ease}.section-wrapper :deep(.inline-editable:hover){outline:1px dashed rgba(22,119,255,.4);outline-offset:2px}.section-wrapper :deep(.inline-editing){border-radius:2px;cursor:text;min-height:1em;min-width:20px;outline:2px solid #1677ff;outline-offset:2px}
+</style>

package/dist/renderer/SectionWrapper.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    sectionId: string;
+    sectionType: string;
+    editorMode?: boolean;
+    isSelected?: boolean;
+    /** Section settings 值（用于样式应用） */
+    settings?: Record<string, unknown>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/sections/RichTextSection.d.vue.ts

@@ -0,0 +1,9 @@
+import type { BlockData } from '@vigilkids/section-core';
+type __VLS_Props = {
+    blockOrder: string[];
+    blocks: Record<string, BlockData>;
+    editorMode?: boolean;
+    settings: Record<string, unknown>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/sections/RichTextSection.vue

@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import type { BlockData } from '@vigilkids/section-core'
+
+import { computed } from 'vue'
+
+import { safeColor } from '@vigilkids/section-core'
+
+const props = defineProps<{
+  blockOrder: string[]
+  blocks: Record<string, BlockData>
+  editorMode?: boolean
+  settings: Record<string, unknown>
+}>()
+
+const s = computed(() => props.settings)
+
+const maxWidthClass = computed(() => {
+  const map: Record<string, string> = {
+    full: 'max-w-none',
+    prose: 'max-w-prose',
+    wide: 'max-w-screen-lg',
+  }
+  return map[String(s.value.max_width ?? 'prose')] ?? 'max-w-prose'
+})
+
+const paddingClass = computed(() => {
+  const map: Record<string, string> = {
+    compact: 'py-8',
+    none: 'py-0',
+    standard: 'py-16',
+  }
+  return map[String(s.value.padding ?? 'none')] ?? 'py-0'
+})
+
+/** 将 ProseMirror JSON 或 HTML 字符串转为渲染 HTML */
+const renderedContent = computed(() => {
+  const content = s.value.content
+  if (typeof content === 'string') return content
+  if (content && typeof content === 'object') {
+    return renderProseMirrorBasic(content as ProseMirrorDoc)
+  }
+  return ''
+})
+
+/** ProseMirror 节点类型 */
+interface ProseMirrorNode {
+  attrs?: Record<string, unknown>
+  content?: ProseMirrorNode[]
+  marks?: Array<{ attrs?: Record<string, unknown>; type: string }>
+  text?: string
+  type: string
+}
+
+/** ProseMirror 文档根节点 */
+interface ProseMirrorDoc {
+  content?: ProseMirrorNode[]
+  type: 'doc'
+}
+
+/** 基础 ProseMirror JSON → HTML 转换 */
+function renderProseMirrorBasic(doc: ProseMirrorDoc): string {
+  if (!doc.content) return ''
+  return doc.content.map(renderNode).join('')
+}
+
+function renderNode(node: ProseMirrorNode): string {
+  switch (node.type) {
+    case 'blockquote':
+      return `<blockquote>${renderChildren(node)}</blockquote>`
+    case 'bulletList':
+      return `<ul>${renderChildren(node)}</ul>`
+    case 'codeBlock':
+      return `<pre><code>${renderChildren(node)}</code></pre>`
+    case 'hardBreak':
+      return '<br />'
+    case 'heading': {
+      const level = (node.attrs?.level as number) ?? 2
+      return `<h${level}>${renderChildren(node)}</h${level}>`
+    }
+    case 'horizontalRule':
+      return '<hr />'
+    case 'listItem':
+      return `<li>${renderChildren(node)}</li>`
+    case 'orderedList':
+      return `<ol>${renderChildren(node)}</ol>`
+    case 'paragraph':
+      return `<p>${renderChildren(node)}</p>`
+    case 'text':
+      return applyMarks(node.text ?? '', node.marks)
+    default:
+      return renderChildren(node)
+  }
+}
+
+function renderChildren(node: ProseMirrorNode): string {
+  if (!node.content) return node.text ?? ''
+  return node.content.map(renderNode).join('')
+}
+
+function applyMarks(text: string, marks?: ProseMirrorNode['marks']): string {
+  if (!marks) return text
+  let result = text
+  for (const mark of marks) {
+    switch (mark.type) {
+      case 'bold':
+        result = `<strong>${result}</strong>`
+        break
+      case 'code':
+        result = `<code>${result}</code>`
+        break
+      case 'italic':
+        result = `<em>${result}</em>`
+        break
+      case 'link':
+        result = `<a href="${mark.attrs?.href ?? '#'}">${result}</a>`
+        break
+    }
+  }
+  return result
+}
+</script>
+
+<template>
+  <article
+    class="px-6"
+    :class="paddingClass"
+    :style="{ backgroundColor: safeColor(String(s.bg_color ?? '#ffffff')) }"
+  >
+    <div
+      class="prose prose-lg mx-auto"
+      :class="maxWidthClass"
+      v-html="renderedContent"
+    />
+  </article>
+</template>

package/dist/sections/RichTextSection.vue.d.ts

@@ -0,0 +1,9 @@
+import type { BlockData } from '@vigilkids/section-core';
+type __VLS_Props = {
+    blockOrder: string[];
+    blocks: Record<string, BlockData>;
+    editorMode?: boolean;
+    settings: Record<string, unknown>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/sections/article/index.d.ts

@@ -0,0 +1,2 @@
+/** 注册所有文章类 Section 组件（article-*），按产品隔离 */
+export declare function registerArticleSections(): void;

package/dist/sections/article/index.mjs

@@ -0,0 +1,174 @@
+import { registerSection } from "../../composables/useRegistry.mjs";
+export function registerArticleSections() {
+  registerSection({
+    name: "article-image",
+    componentName: "ArticleImage",
+    component: () => import("./shared/ArticleImage.vue")
+  });
+  registerSection({
+    name: "article-custom-html",
+    componentName: "ArticleCustomHtml",
+    component: () => import("./shared/ArticleCustomHtml.vue")
+  });
+  registerSection({
+    name: "article-prose",
+    componentName: "ArticleCustomHtml",
+    component: () => import("./shared/ArticleCustomHtml.vue")
+  });
+  registerSection({
+    name: "article-heading",
+    productCode: "vigilkids",
+    componentName: "ArticleHeading",
+    component: () => import("./vigilkids/ArticleHeading.vue")
+  });
+  registerSection({
+    name: "article-subheading",
+    productCode: "vigilkids",
+    componentName: "ArticleSubheading",
+    component: () => import("./vigilkids/ArticleSubheading.vue")
+  });
+  registerSection({
+    name: "article-bullet-list",
+    productCode: "vigilkids",
+    componentName: "ArticleBulletList",
+    component: () => import("./vigilkids/ArticleBulletList.vue")
+  });
+  registerSection({
+    name: "article-step-list",
+    productCode: "vigilkids",
+    componentName: "ArticleStepList",
+    component: () => import("./vigilkids/ArticleStepList.vue")
+  });
+  registerSection({
+    name: "article-notice",
+    productCode: "vigilkids",
+    componentName: "ArticleNotice",
+    component: () => import("./vigilkids/ArticleNotice.vue")
+  });
+  registerSection({
+    name: "article-quote",
+    productCode: "vigilkids",
+    componentName: "ArticleQuote",
+    component: () => import("./vigilkids/ArticleQuote.vue")
+  });
+  registerSection({
+    name: "article-question",
+    productCode: "vigilkids",
+    componentName: "ArticleQuestion",
+    component: () => import("./vigilkids/ArticleQuestion.vue")
+  });
+  registerSection({
+    name: "article-pros-cons",
+    productCode: "vigilkids",
+    componentName: "ArticleProsCons",
+    component: () => import("./vigilkids/ArticleProsCons.vue")
+  });
+  registerSection({
+    name: "article-feature",
+    productCode: "vigilkids",
+    componentName: "ArticleFeature",
+    component: () => import("./vigilkids/ArticleFeature.vue")
+  });
+  registerSection({
+    name: "article-cta",
+    productCode: "vigilkids",
+    componentName: "ArticleCta",
+    component: () => import("./vigilkids/ArticleCta.vue")
+  });
+  registerSection({
+    name: "article-faq",
+    productCode: "vigilkids",
+    componentName: "ArticleFaq",
+    component: () => import("./vigilkids/ArticleFaq.vue")
+  });
+  registerSection({
+    name: "article-table",
+    productCode: "vigilkids",
+    componentName: "ArticleTable",
+    component: () => import("./vigilkids/ArticleTable.vue")
+  });
+  registerSection({
+    name: "article-toc",
+    productCode: "vigilkids",
+    componentName: "ArticleToc",
+    component: () => import("./vigilkids/ArticleToc.vue")
+  });
+  registerSection({
+    name: "article-heading",
+    productCode: "visiva",
+    componentName: "ArticleHeading",
+    component: () => import("./visiva/ArticleHeading.vue")
+  });
+  registerSection({
+    name: "article-subheading",
+    productCode: "visiva",
+    componentName: "ArticleSubheading",
+    component: () => import("./visiva/ArticleSubheading.vue")
+  });
+  registerSection({
+    name: "article-bullet-list",
+    productCode: "visiva",
+    componentName: "ArticleBulletList",
+    component: () => import("./visiva/ArticleBulletList.vue")
+  });
+  registerSection({
+    name: "article-step-list",
+    productCode: "visiva",
+    componentName: "ArticleStepList",
+    component: () => import("./visiva/ArticleStepList.vue")
+  });
+  registerSection({
+    name: "article-notice",
+    productCode: "visiva",
+    componentName: "ArticleNotice",
+    component: () => import("./visiva/ArticleNotice.vue")
+  });
+  registerSection({
+    name: "article-quote",
+    productCode: "visiva",
+    componentName: "ArticleQuote",
+    component: () => import("./visiva/ArticleQuote.vue")
+  });
+  registerSection({
+    name: "article-question",
+    productCode: "visiva",
+    componentName: "ArticleQuestion",
+    component: () => import("./visiva/ArticleQuestion.vue")
+  });
+  registerSection({
+    name: "article-pros-cons",
+    productCode: "visiva",
+    componentName: "ArticleProsCons",
+    component: () => import("./visiva/ArticleProsCons.vue")
+  });
+  registerSection({
+    name: "article-feature",
+    productCode: "visiva",
+    componentName: "ArticleFeature",
+    component: () => import("./visiva/ArticleFeature.vue")
+  });
+  registerSection({
+    name: "article-cta",
+    productCode: "visiva",
+    componentName: "ArticleCta",
+    component: () => import("./visiva/ArticleCta.vue")
+  });
+  registerSection({
+    name: "article-faq",
+    productCode: "visiva",
+    componentName: "ArticleFaq",
+    component: () => import("./visiva/ArticleFaq.vue")
+  });
+  registerSection({
+    name: "article-table",
+    productCode: "visiva",
+    componentName: "ArticleTable",
+    component: () => import("./visiva/ArticleTable.vue")
+  });
+  registerSection({
+    name: "article-toc",
+    productCode: "visiva",
+    componentName: "ArticleToc",
+    component: () => import("./visiva/ArticleToc.vue")
+  });
+}

package/dist/sections/article/prosemirror.d.ts

@@ -0,0 +1,2 @@
+/** 将 ProseMirror JSON 或 HTML 字符串转为渲染 HTML */
+export declare function renderContent(content: unknown): string;