455 lines
13 KiB
Plaintext
455 lines
13 KiB
Plaintext
## 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达标率统计
|
||
- 违约告警
|
||
- 报表导出
|
||
|
||
请基于以上规范生成/设计 [具体页面或组件名称]。 |