Image 图片

图片组件，支持加载占位和预览。

<AImage src="url" width="200" height="120" />
<AImage src="url" fallback="fallback-url" />

属性	类型	默认值	说明
src	string	''	图片地址
width	string|number	—	宽度
height	string|number	—	高度
fallback	string	—	加载失败回退
previewDisabled	boolean	false	禁用预览

---

List 列表

数据列表。

<AList :data="items" bordered>
  <template #default="{ item }">
    <span>{{ item }}</span>
  </template>
</AList>

属性	类型	默认值	说明
data	any[]	[]	数据
bordered	boolean	false	边框
hoverable	boolean	false	悬浮效果
size	'small'|'medium'|'large'	'medium'	尺寸

---

Split 分割面板

可拖拽分割面板。

<ASplit direction="horizontal" default-size="50%">
  <div>面板 A</div>
  <div>面板 B</div>
</ASplit>

属性	类型	默认值	说明
direction	'horizontal'|'vertical'	'horizontal'	方向
defaultSize	string	'50%'	默认比例

---

Watermark 水印 / LoadingBar 加载条

Watermark

<AWatermark content="Aether UI">
  <div>带水印的内容</div>
</AWatermark>

LoadingBar (函数式)

import { useLoadingBar } from '@aether/ui'
const bar = useLoadingBar()
bar.start()
bar.finish()