LowcodeCodePreviewModal 代码预览弹窗

预览低代码应用生成的代码文件。从后端拉取源文件，以文件树展示，支持按源码类型（草稿/已发布）筛选。

基本用法

<template>
  <LowcodeCodePreviewModal
    v-model:show="showPreview"
    :app-id="appId"
    app-name="订单管理"
    @close="showPreview = false"
  />
</template>

<script setup>
import { LowcodeCodePreviewModal } from '@/components/lowcode-builder/code/LowcodeCodePreviewModal.vue'
import { ref } from 'vue'

const showPreview = ref(false)
const appId = ref(123)
</script>

Props

属性	类型	默认值	说明
show	Boolean	false	控制弹窗可见性
appId	Number | String	null	应用 ID
appName	String	''	应用名称（标题显示）
defaultSourceType	String	'DRAFT'	初始源码类型：'DRAFT' 或 'PUBLISHED'
codegenOptions	Object	{}	额外代码生成选项

Events

事件名	参数	说明
update:show	Boolean	弹窗可见性变更

功能

• 文件树浏览：展开/折叠目录结构
• 源码类型筛选：草稿 vs 已发布
• 代码高亮：渲染代码内容带语法高亮
• 一键复制：复制当前文件代码到剪贴板