组件总览

Fast.Element.Plus 在 Element Plus 之上封装团队高频业务能力。所有组件支持深浅色主题，并针对手机、平板和桌面布局进行适配。左侧菜单以独立业务组件为单位；只能跟随主组件使用的关联组件放在主组件页面，不重复建立菜单。

阅读 API 表格

每个组件页面同时列出 Fast 新增或改变的 API，以及当前锁定 Element Plus 版本的完整原生 Props、Events、Slots 和 Expose。原生属性表中的“Fast 支持情况”会明确标识直接透传、默认值调整或未透传，最终仍以当前包导出的 TypeScript 类型为准。

原生 Props 和 Events 从当前安装的 Element Plus 运行时定义读取；Slots 和 Expose 依据当前锁定版本人工核对。Element Plus 连续升级两个及以上次版本（minor）时，必须重新核对原生 Props、Events、Slots 和 Expose，避免文档与封装出现缺失或冗余。

每项主要能力都有独立标题的交互案例。点击案例下方的“查看代码”可展开完整 Vue 代码并复制。

查看代码

<template>
	<div class="demo-row">
		<FaButton type="primary" @click="handleAsyncClick">异步按钮</FaButton>
		<FaButton type="success" disabled-loading>普通按钮</FaButton>
		<FaButton type="warning" plain disabled-loading>警告操作</FaButton>
		<FaAvatar :size="42" />
		<FaIcon name="el-icon-Search" :size="22" color="var(--el-color-primary)" />
	</div>
</template>

<script setup lang="ts">
import { ElMessage } from "element-plus";

const handleAsyncClick = (_event: MouseEvent, done?: () => void): void => {
	window.setTimeout(() => {
		ElMessage.success("异步操作完成");
		done?.();
	}, 700);
};
</script>

组件分类

主组件	关联组件
`FaForm`	`FaFormItem`、`FaFormItemTip`
`FaSelect`	`FaSelectOption`
`FaTable`	`FaTableColumn`、列设置、分页和搜索内部组件
`FaLayoutGrid`	`FaLayoutGridItem`
其余主组件	独立页面，不重复引入其他组件的关联 API

组件总览 ​

阅读 API 表格 ​

组件分类 ​

组件总览

阅读 API 表格

组件分类