sgcHTML 功能矩阵
库中的每个组件，分为八大家族。每一个都渲染为 Bootstrap 5 标记，在 Delphi、C++ Builder 和 .NET 中的工作方式相同。点击某个组件可进入其专属页面，查看用法和示例。
库中的每个组件，分为八大家族。每一个都渲染为 Bootstrap 5 标记，在 Delphi、C++ Builder 和 .NET 中的工作方式相同。点击某个组件可进入其专属页面，查看用法和示例。
直接渲染您数据集的网格、日历和看板。
| 组件 | 类 | 描述 |
|---|---|---|
| Grid | TsgcHTMLComponent_Grid | 功能丰富的表格：排序、筛选、CSV/PDF 导出、内联编辑、分组、虚拟滚动和 AI 查询。 |
| DataTable | TsgcHTMLComponent_DataTable | 更高级的数据表，封装了 Grid + Pagination，带有工具栏、搜索和行数统计。 |
| Calendar | TsgcHTMLComponent_Calendar | 月历网格，带有事件圆点和上一月/下一月导航。 |
| Scheduler | TsgcHTMLComponent_Scheduler | 日历日程表（月 / 周视图），按日期渲染事件。 |
| Timeline | TsgcHTMLComponent_Timeline | 带日期的事件垂直时间线，可从数据集加载。 |
| KanbanBoard | TsgcHTMLComponent_KanbanBoard | 由列和可拖动卡片组成的看板。 |
| Gantt | TsgcHTMLComponent_Gantt | 甘特项目时间线图表，带有任务进度条。 |
捕获数据所需的一切，带有验证和数据集绑定。
| 组件 | 类 | 描述 |
|---|---|---|
| Form | TsgcHTMLComponent_Form | 数据驱动的表单构建器，带有验证、布局和 AI 表单生成。 |
| Edit | TsgcHTMLComponent_Edit | 单行文本输入框，带有标签、帮助文本和数据集绑定。 |
| Memo | TsgcHTMLComponent_Memo | 多行文本区输入，带有标签和帮助文本。 |
| CheckBox | TsgcHTMLComponent_CheckBox | 复选框输入，带有标签和选中状态。 |
| RadioGroup | TsgcHTMLComponent_RadioGroup | 一组相互排斥的单选选项。 |
| Select | TsgcHTMLComponent_Select | 下拉选择框，带有选项组、多选和数据集绑定。 |
| InputGroup | TsgcHTMLComponent_InputGroup | 带有前置 / 后置附加文本的输入框。 |
| AutoComplete | TsgcHTMLComponent_AutoComplete | 由 HTML5 datalist 建议支持的文本输入。 |
| DatePicker | TsgcHTMLComponent_DatePicker | 原生日期 / 时间 / 日期时间输入字段。 |
| FileUpload | TsgcHTMLComponent_FileUpload | 拖放式文件上传区域，带有 multipart 表单提交。 |
| RichEditor | TsgcHTMLComponent_RichEditor | 基于 Quill 的所见即所得富文本编辑器，带有隐藏的表单字段。 |
| Rating | TsgcHTMLComponent_Rating | 星级（符号）评分显示或输入。 |
用于布局页面的卡片、媒体和 KPI 磁贴。
| 组件 | 类 | 描述 |
|---|---|---|
| Panel | TsgcHTMLComponent_Panel | Bootstrap 卡片面板，带有页眉 / 主体 / 页脚，可折叠、可滚动。 |
| StatCard | TsgcHTMLComponent_StatCard | 仪表板 KPI / 统计卡片，带有图标、趋势箭头和可选渐变。 |
| Accordion | TsgcHTMLComponent_Accordion | 由可堆叠展开面板组成的垂直折叠手风琴。 |
| Carousel | TsgcHTMLComponent_Carousel | 图片幻灯片 / 轮播，带有指示器、控件和自动播放。 |
| Image | TsgcHTMLComponent_Image | 图片，带有形状、响应式 / 懒加载、灯箱链接和标题。 |
| Avatar | TsgcHTMLComponent_Avatar | 用户头像（图片或首字母），带有尺寸、形状和在线状态圆点。 |
| Video | TsgcHTMLComponent_Video | HTML5 视频 / 音频播放器，外加 YouTube 嵌入辅助功能。 |
对话框、状态展示和加载状态。
| 组件 | 类 | 描述 |
|---|---|---|
| Modal | TsgcHTMLComponent_Modal | 模态对话框，带有标题 / 主体 / 页脚、多种尺寸、居中和静态背景。 |
| Offcanvas | TsgcHTMLComponent_Offcanvas | 从左、右、上或下滑入的画布外面板。 |
| Popover | TsgcHTMLComponent_Popover | 触发元素上的弹出气泡（点击 / 悬停 / 聚焦）。 |
| Toast | TsgcHTMLComponent_Toast | Toast 通知，带有页眉、主体、时间戳和自动隐藏。 |
| Snackbar | TsgcHTMLComponent_Snackbar | Material 风格的瞬时 snackbar，带有可选操作。 |
| Notification | TsgcHTMLComponent_Notification | 铃铛图标下拉通知中心，带有未读徽章。 |
| Spinner | TsgcHTMLComponent_Spinner | 加载旋转器（边框 / 增长），可设置尺寸和颜色。 |
| Placeholder | TsgcHTMLComponent_Placeholder | 骨架 / 占位加载卡片，带有动画微光效果。 |
现成的登录流程，从密码到通行密钥。
| 组件 | 类 | 描述 |
|---|---|---|
| Login | TsgcHTMLComponent_Login | 现成的登录表单 / 页面（卡片、居中或全页），带有记住我和提示。 |
| SocialLogin | TsgcHTMLComponent_SocialLogin | OAuth 社交登录按钮面板（Google、Facebook、Apple、GitHub、Microsoft 等）。 |
| OAuthCallback | TsgcHTMLComponent_OAuthCallback | OAuth 回调 / 落地页，处于成功、错误或加载状态，并自动重定向。 |
| WebAuthnLogin | TsgcHTMLComponent_WebAuthnLogin | 无密码的通行密钥 / WebAuthn 登录和注册控件。 |
提供页面服务并保持其实时性的非可视化部件。
| 类 | 角色 |
|---|---|
TsgcHTMLEngine_Server | 绑定到 TsgcWebSocketHTTPServer 的 HTML 引擎，提供渲染后的页面和内嵌资源。 |
TsgcHTMX_Engine_Server | 接入同一服务器的 htmx 引擎：通过 HTTP 进行局部页面替换，并通过 WebSocket 进行实时服务器推送。 |
TsgcHTMLPageBuilder | 将已注册的组件组装成完整的响应式页面（带有设计时可视化编辑器）。 |
TsgcHTMLTemplate_Bootstrap | 将主体内容包装成完整的 Bootstrap 5 HTML 文档，带有主题、语言和方向。 |
TsgcHTMLThemeController / TsgcHTMLThemeBuilder | 明亮 / 暗黑主题，以及一个写入 Bootstrap CSS 变量的运行时 CSS 生成器。 |
TsgcHTMX_Fragment / TsgcHTMX_Router | 用于实时更新的带外 htmx 片段，以及请求路由辅助功能。 |