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