{"slug":"fullscreenmodal","mode":"scenarios","examples":[{"id":"fullscreenmodal-ex-1","title":"基础信息","titleSrc":"demo","desc":"","html":"<p>此处可放置复杂表单、富文本编辑、多区块配置等内容。全屏模式便于处理信息密度高的任务。</p>","preview":{"show":[[1,1,1]],"hide":[[0],[2],[1,0],[1,2],[1,1,0],[1,1,2],[1,1,3],[1,1,4]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"api-derived","code":{"html":"<p>此处可放置复杂表单、富文本编辑、多区块配置等内容。全屏模式便于处理信息密度高的任务。</p>","jsx":"import { KoleFullScreenModal } from 'kole-ui/react';\n\n<KoleFullScreenModal />","vue3":"<template>\n  <KoleFullScreenModal />\n</template>\n\n<script setup>\nimport { KoleFullScreenModal } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleFullScreenModal />\n</template>\n\n<script>\nimport { KoleFullScreenModal } from 'kole-ui/vue2';\nexport default { components: { KoleFullScreenModal } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]},{"id":"fullscreenmodal-ex-2","title":"详细描述","titleSrc":"demo","desc":"","html":"<p>支持长文、图片、视频等富媒体内容。关闭弹窗时可通过底部按钮提交或取消。</p>","preview":{"show":[[1,1,4]],"hide":[[0],[2],[1,0],[1,2],[1,1,0],[1,1,1],[1,1,2],[1,1,3]],"mode":"scenarios"},"previewSafe":true,"previewUnsafeReasons":[],"source":"api-derived","code":{"html":"<p>支持长文、图片、视频等富媒体内容。关闭弹窗时可通过底部按钮提交或取消。</p>","jsx":"import { KoleFullScreenModal } from 'kole-ui/react';\n\n<KoleFullScreenModal />","vue3":"<template>\n  <KoleFullScreenModal />\n</template>\n\n<script setup>\nimport { KoleFullScreenModal } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleFullScreenModal />\n</template>\n\n<script>\nimport { KoleFullScreenModal } from 'kole-ui/vue2';\nexport default { components: { KoleFullScreenModal } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]}]}