Files
aurora-admin/组件6.txt
T

455 lines
13 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
## Aurora Admin 补充组件规范(第六批)
### 媒体与展示扩展组件
#### 图片画廊 ImageGallery
- 用于多图片展示,支持网格、瀑布流、幻灯片模式
- 点击图片打开预览,支持左右切换、缩放、下载
- 支持图片懒加载、加载占位、失败重试
- 可配置图片圆角、间距、列数
- 批量选择、删除、设为封面
#### 视频画廊 VideoGallery
- 用于多视频展示,卡片式布局
- 每个视频卡片显示封面、时长、标题、播放按钮
- 点击打开视频播放器弹窗或内嵌播放
- 支持视频上传进度、转码状态、失败重试
- 支持排序、筛选、批量操作
#### 音频播放列表 AudioPlaylist
- 用于多音频管理,列表展示
- 每项:标题、时长、波形或进度条、播放状态
- 支持循环、随机、单曲循环播放模式
- 可拖拽调整播放顺序
- 当前播放项高亮,显示播放动画
#### 文档阅读器 DocumentReader
- 用于在线预览 Word、Excel、PPT、PDF 等文档
- 支持翻页、缩放、全屏、打印、下载
- 内容渲染清晰,保留原格式
- 可添加批注、高亮、书签
- 支持权限控制(禁止下载、复制)
#### PDF阅读器 PDFReader
- 专用于 PDF 在线阅读
- 左侧缩略图导航,右侧连续或单页浏览
- 支持搜索、跳页、缩放、旋转
- 可添加高亮、下划线、批注
- 支持加密文档密码输入
#### 电子书阅读器 EbookReader
- 用于电子书阅读(epub、mobi)
- 支持字体大小、背景色、翻页模式(仿真/平滑/滚动)
- 目录导航、书签、阅读进度记录
- 支持夜间模式
- 可添加笔记、导出笔记
#### 3D模型查看器 ModelViewer
- 用于展示3D模型(glTF、obj、fbx)
- 支持旋转、缩放、平移、复位
- 可选环境光、材质、线框模式
- 支持动画播放、剖切面
- 可嵌入产品展示、数字孪生场景
#### 全景查看器 PanoramaViewer
- 用于展示360°全景图片或视频
- 支持鼠标拖拽旋转、缩放
- 可添加热点标记,点击显示信息
- 支持VR模式(需设备)
- 常用于房产、景区、展厅展示
#### 360°图片查看器 SpinViewer
- 用于产品360°旋转展示
- 拖拽旋转产品,自动播放旋转
- 支持多角度图片序列
- 可添加放大镜、标注点
- 常用于电商商品展示
#### 视频播放器增强 VideoPlayerPro
- 支持多清晰度切换、倍速、画中画
- 支持弹幕、字幕、进度条预览
- 支持截图、投屏、音量调节
- 可配置封面、广告、跳过片头
- 播放器皮肤可定制
### 输入增强与特殊输入组件
#### 电话区号选择器 PhoneCodePicker
- 用于手机号输入时的国际区号选择
- 列表展示国家/地区、名称、区号
- 支持搜索、常用国家置顶
- 选择后输入框前缀显示区号
- 支持保存常用区号
#### 身份证输入 IDCardInput
- 用于身份证号码输入
- 支持18位校验,自动验证出生日期、性别
- 输入框可分段显示(前6位、中间8位、后4位)
- 可配置扫描识别身份证
- 错误提示具体原因
#### 银行卡输入 BankCardInput
- 用于银行卡号输入
- 自动格式化每4位空格
- 识别卡类型(借记卡/信用卡/储蓄卡)并显示图标
- 支持Luhn校验
- 可配置扫描识别银行卡
#### 车牌输入 PlateInput
- 用于车牌号输入
- 第一部分省份简称(下拉选择),后部分字母数字
- 自动大写,特殊字符限制
- 支持新能源车牌(8位)
- 可扫描识别车牌
#### 密码强度检测 PasswordStrengthMeter
- 输入密码时实时显示强度
- 强度等级:弱、中、强,颜色灰/黄/绿
- 规则可配置:长度、大小写、数字、特殊字符
- 显示规则勾选状态
- 与表单校验联动
#### 公式编辑器 FormulaEditor
- 用于自定义计算公式
- 支持变量、函数、运算符
- 可视化插入函数,语法高亮
- 实时校验公式合法性
- 可保存常用公式
#### 表达式编辑器 ExpressionEditor
- 用于配置规则表达式
- 支持字段、比较符、逻辑符、函数
- 可视化构建,同时支持文本编辑
- 自动补全、错误提示
- 常用于规则引擎、条件配置
#### 正则表达式测试器 RegexTester
- 用于编写和测试正则表达式
- 输入测试文本,高亮匹配结果
- 显示匹配组、替换结果
- 常用正则模板
- 错误提示
#### JSON路径编辑器 JSONPathEditor
- 用于配置JSONPath提取
- 可视化选择JSON节点
- 实时预览提取结果
- 支持语法校验
- 常用于接口数据映射
#### 模板变量输入 TemplateVariableInput
- 用于在文本中插入变量
- 输入框内输入 { 弹出变量列表
- 变量显示为标签,可删除
- 用于消息模板、通知模板
- 变量可带默认值、格式
### 反馈与对话框扩展
#### 确认对话框 ConfirmDialog
- 用于危险操作二次确认
- 标题、描述、确认按钮(危险红)、取消按钮
- 支持图标(警告、删除)
- 可配置确认按钮文字、加载状态
- 支持勾选“不再提示”
#### 提示对话框 AlertDialog
- 用于重要信息提示,无需用户确认(仅确定按钮)
- 类型:信息、成功、警告、错误
- 图标与颜色对应
- 支持自定义内容、按钮文字
#### 表单对话框 FormDialog
- 对话框内嵌表单
- 表单字段可多列布局
- 确认按钮提交,校验失败阻止关闭
- 支持加载状态、错误提示
- 关闭时重置表单
#### 全屏对话框 FullScreenDialog
- 占用整个屏幕的对话框
- 顶部标题栏、关闭按钮,内容区滚动
- 适用于复杂表单、详情编辑
- 支持底部操作栏
- 打开/关闭动画为缩放或滑动
#### 底部面板 BottomSheet
- 从底部滑出的面板
- 类似移动端抽屉,但高度可选
- 支持拖拽关闭、遮罩点击关闭
- 内容可滚动
- 常用于操作选择、筛选、快捷操作
#### 个人菜单 UserMenu
- 顶部导航用户头像下拉菜单
- 菜单项:个人中心、账号设置、帮助、退出登录
- 支持显示用户信息卡片(头像、姓名、角色)
- 菜单分隔线、图标
- 可扩展自定义项
#### 用户卡片 UserCard
- 展示用户信息的小卡片
- 头像、姓名、部门、职位、联系方式
- 常用于 hover 弹出、列表项
- 可带操作按钮(发消息、查看详情)
- 支持在线状态
### 工具与实用组件
#### 索引列表 IndexList
- 用于通讯录、城市选择等按字母索引
- 列表按首字母分组,右侧索引条
- 点击或滑动索引条快速定位
- 支持搜索、置顶项
- 索引字母可配置
#### 通讯录列表 ContactList
- 展示联系人,通常配合索引列表
- 每项:头像、姓名、电话、部门
- 支持搜索、分组
- 点击联系人进入详情或发起聊天
- 支持多选
#### 表情选择器 EmojiPicker
- 弹出表情面板,分类展示
- 支持常用表情、自定义表情
- 点击插入到输入框
- 可搜索表情
- 支持最近使用记录
#### 二维码扫描器 QRScanner
- 调用摄像头扫描二维码
- 扫描区域框、提示动画
- 成功识别后回调结果
- 支持相册选择图片识别
- 权限请求、失败提示
#### 条形码扫描器 BarcodeScanner
- 用于扫描条形码
- 支持一维码、二维码
- 自动对焦、补光
- 识别结果可复制
- 常用于仓库、零售
#### 天气组件 WeatherWidget
- 展示当前天气、未来预报
- 图标、温度、天气状况
- 可配置城市、单位(℃/℉)
- 数据来源第三方API
- 卡片样式适配
#### 时钟组件 ClockWidget
- 展示当前时间,可模拟时钟表盘
- 支持12/24小时制
- 显示日期、星期
- 可配置时区
- 用于工作台、大屏
#### 秒表 Stopwatch
- 用于计时,支持开始、暂停、复位
- 可记录多次计次
- 精度到毫秒
- 计次列表展示
- 可导出计次数据
#### 计时器 Timer
- 倒计时或正计时
- 支持设置时长、提醒
- 到时播放声音或弹窗
- 可重复、循环
- 常用于会议、演讲控时
#### 番茄钟 PomodoroTimer
- 专注计时,默认25分钟专注+5分钟休息
- 可配置时长
- 开始、暂停、跳过、重置
- 统计今日完成次数
- 提醒声音、通知
#### 计数器 Counter
- 用于数量增减
- 数字显示,加减按钮
- 支持最小值、最大值、步长
- 可输入数字
- 常用于购物车、库存调整
#### 随机数生成器 RandomNumberGenerator
- 生成随机数、随机字符串
- 可配置长度、字符集(数字、字母、特殊字符)
- 批量生成
- 可复制结果
- 用于测试、抽奖
#### 密码生成器 PasswordGenerator
- 生成强密码
- 可配置长度、包含字符类型
- 实时显示强度
- 可复制
- 用于注册或重置密码场景
### 智能与AI组件
#### AI助手悬浮球 AIAssistantFab
- 悬浮在页面右下角的AI助手入口
- 点击展开聊天窗口
- 支持文字输入、语音输入
- 显示加载状态、思考动画
- 可配置助手名称、头像
#### 聊天机器人 ChatbotWidget
- 嵌入页面的聊天机器人窗口
- 消息气泡、快捷问题、意图识别
- 支持转人工
- 会话记录保存
- 可配置欢迎语、常见问题
#### 智能推荐组件 SmartRecommendation
- 根据用户行为展示推荐内容
- 推荐卡片列表,支持横向滚动
- 显示推荐理由
- 支持“不感兴趣”“关闭”
- 常用于商品、内容推荐
#### OCR识别组件 OCRComponent
- 上传图片或拍照识别文字
- 支持身份证、银行卡、发票、通用文字
- 识别结果结构化展示
- 可编辑修正
- 识别进度、失败重试
#### 语音识别组件 SpeechRecognition
- 点击按钮开始语音输入
- 实时显示识别结果
- 支持多语言
- 波形动画
- 识别完成自动填入输入框
#### 人脸识别组件 FaceRecognition
- 调用摄像头进行人脸检测、比对
- 活体检测提示(眨眼、摇头)
- 结果显示成功/失败
- 用于身份验证、考勤
- 支持隐私保护提示
#### 地图轨迹播放器 MapTrackPlayer
- 在地图上播放移动轨迹
- 轨迹点、路线绘制
- 支持速度控制、暂停、回放
- 显示里程、时长、速度
- 用于车辆、人员追踪
#### 路径规划组件 RoutePlanner
- 输入起点、终点,规划路线
- 支持驾车、步行、公交等模式
- 显示路线方案、距离、时间
- 地图上绘制路线
- 可添加途经点
#### 地理围栏组件 GeoFence
- 在地图上绘制围栏区域
- 支持圆形、多边形围栏
- 围栏进出事件触发
- 围栏列表管理
- 用于考勤、物流
#### 定位打卡组件 LocationCheckin
- 获取当前位置,进行打卡
- 显示当前位置、半径范围
- 支持拍照、备注
- 打卡记录列表
- 异常处理(定位失败、超出范围)
### 系统与运维组件
#### 单点登录组件 SSOButton
- 支持OAuth、SAML、LDAP等
- 第三方登录按钮(企业微信、钉钉、Google等)
- 登录回调处理
- 绑定已有账号
- 显示登录状态
#### 多租户切换器 TenantSwitcher
- 用于多租户系统切换当前租户
- 下拉列表展示租户名称、Logo
- 支持搜索
- 切换后刷新权限与数据
- 显示当前租户
#### 特性开关 FeatureFlag
- 管理功能开关
- 列表展示功能名称、状态、生效范围
- 支持按用户、租户、灰度比例开启
- 实时生效
- 用于功能发布控制
#### 远程配置 RemoteConfig
- 管理应用远程配置参数
- 键值对配置,支持版本
- 配置下发实时生效
- 配置变更历史
- 用于无需发版的参数调整
#### 灰度发布组件 GrayRelease
- 发布版本灰度策略配置
- 设置灰度比例、白名单
- 发布进度监控
- 支持回滚
- 与特性开关结合
#### A/B测试组件 ABTestComponent
- 创建实验,分配流量
- 设置实验组、对照组
- 指标监控、显著性分析
- 实验报告
- 停止实验、发布胜出方案
#### 性能监控组件 PerformanceMonitor
- 展示系统性能指标:CPU、内存、响应时间
- 实时图表刷新
- 阈值告警
- 性能报告
- 用于系统健康监控
#### 错误监控组件 ErrorMonitor
- 收集前端错误、接口错误
- 错误列表:时间、类型、信息、堆栈
- 错误详情、影响用户
- 错误趋势图
- 支持标记解决
#### 日志查询组件 LogQuery
- 查询系统日志
- 支持关键字、时间范围、级别筛选
- 日志列表,高亮匹配
- 日志详情,上下文
- 导出日志
#### 链路追踪组件 TracingViewer
- 展示请求调用链路
- 时序图、树形视图
- 每个节点耗时、状态
- 定位慢请求、错误
- 用于微服务架构
#### 告警通知组件 AlertNotification
- 展示系统告警
- 告警列表:级别、内容、时间、状态
- 告警详情、处理建议
- 告警确认、关闭
- 告警规则配置入口
#### 值班管理组件 OnCallSchedule
- 排班管理,值班人列表
- 日历视图展示排班
- 值班交接
- 告警升级通知值班人
- 用于运维团队
#### SLA管理组件 SLAManager
- 定义服务等级协议
- 指标:可用性、响应时间
- SLA达标率统计
- 违约告警
- 报表导出
请基于以上规范生成/设计 [具体页面或组件名称]。