ENGINEERING UI CATALOG
視窗
不同尺寸、操作區、強制確認與長內容捲動的彈出視窗。
UIModal視窗尺寸
提供 384px、576px、768px、1024px 四種明顯級距，以及保留視窗安全間距的 fullscreen。
查看使用方式
<UIModal v-model="isOpen" title="標題" size="lg">內容</UIModal>UIModal #footer底部操作區
使用具名 footer template 放置操作按鈕，元件會自動置中並處理間距。
上方尺寸示範已包含 footer slot，可查看取消與確認按鈕的排列。
查看使用方式
<template #footer><UIFormButton>確認</UIFormButton></template>UIModal不可取消的確認視窗
關閉遮罩、ESC 與右上角關閉按鈕，使用者必須透過指定操作完成流程。
查看使用方式
<UIModal :close-on-backdrop="false" :close-on-escape="false" :show-close="false" />UIModal長內容捲動
面板不會超出視窗；內容過長時只捲動內容區，標題與 footer 保持可見。
查看使用方式
<UIModal v-model="isOpen" size="lg"><LongContent /></UIModal>