提供了一个使用于tob业务场景的增强组件库,依赖了 antd
| 组件 | 简介 |
|---|---|
| ButtonGroup | |
| Common | 为组件库提供通用的组件、方法、hooks ### 组件 1. FetchButton - Button触发加载数据,支持弹窗展示加载结果 2. ScrollLoader - 下拉滚动加载组件,配合 Fetch 实现分页加载… |
| ConfirmButton | ConfirmButton 从 @kne/button-group 重新导出,提供带确认功能的按钮组件,支持 Popconfirm 与 Modal 两种确认模式,并包含… |
| Content | Content 从 @kne/info-page 重新导出,用于详情页中的多列内容展示,支持标签对齐、列数配置、数据格式化等能力。 本组件文档仅展示常用示例。完整概述、使用说明与 API 请前往 InfoPage 组件文档查看。 |
| Descriptions | Descriptions 从 @kne/info-page 重新导出,用于详情页中的描述列表展示,适合以二维数组结构呈现分组字段信息。 本组件文档仅展示常用示例。完整概述、使用说明与 API 请前往 InfoPage… |
| Drawer | # Drawer 基于 @kne/react-modal 的侧滑组件。提供 Drawer / useDrawer / DrawerContextHolder / createDrawerRender。 已移除… |
| Enum | |
| Features | Features 是一个功能开关管理组件,用于在系统中通过条件控制功能的开启或关闭,实现系统功能的灵活配置。 通过全局配置的方式,Features… |
| File | File 组件提供了一套完整的文件管理解决方案,包括文件展示、OSS 文件 ID 转换、文件列表展示、文件下载等功能。 该组件集成了文件上传、预览、编辑、删除等常见操作,支持通过 OSS ID… |
| FileList | FileList 组件提供了一套完整的文件管理解决方案,集成了文件列表展示、文件预览、文件上传等功能。… |
| FilePreview | FilePreview 是一个功能全面的文件预览组件库,支持多种常见文件格式的在线预览。该组件基于 @kne/react-file 封装,提供了统一的 API 接口,可根据文件类型自动选择合适的预览方式,极大简化了文件预览功能的集成。… |
| Filter | Filter 是一个功能强大的筛选组件库,用于构建灵活的筛选条件界面。该组件提供了多种预置的筛选字段类型,支持自定义筛选项,并提供了完整的筛选值管理和展示功能。… |
| FlexBox | |
| FormInfo | 功能强大的表单组件,提供完整的数据管理、校验和样式解决方案 FormInfo 是一个全功能的表单解决方案,集成了数据录入、校验规则管理、样式布局等功能,适用于各种复杂场景的表单需求。 ### 核心特性 分层校验规则管理 -… |
| Global | Global 是 components-core 组件库的全局配置组件,负责为整个应用提供统一的上下文环境、样式主题和全局配置。它集成了 Antd ConfigProvider、国际化支持、字体加载、主题定制等功能,是使用… |
| HelperGuide | HelperGuide 是一个轻量级的帮助文档提示组件,用于在页面上显示帮助说明和可选的帮助链接。它采用图标+文字的形式,样式简洁,适用于在表单、配置页面等场景中为用户提供操作指引或功能说明。 核心特性 -… |
| HistoryStore | HistoryStore 是一个历史记录管理组件,用于保存和展示用户的操作历史记录(如搜索记录、选择记录等)。它利用 localStorage 持久化存储数据,在用户再次访问时可以快速选择历史记录,提升用户体验。 核心特性 -… |
| Icon | 可以显示一个图标,图标必须在字体文件中被定义过 |
| Image | Image 组件是一个增强的图片显示组件,支持两种加载方式: 1. 通过 src 属性直接加载图片URL 2. 通过 id 属性从 OSS 服务器加载图片 组件特性: - 自动加载状态显示和错误处理 - 支持 Avatar… |
| InfoPage | |
| Layout | Layout 是一个完整的页面布局框架,为登录后的系统页面提供统一的布局结构和样式规范。它将页面划分为多个区域,包括导航区、内容区、左菜单区、右操作区、页头区、页头信息区、页面标题区等,通过灵活的配置可以组合出不同布局风格的页面。… |
| Menu | Menu 是一个功能丰富的菜单导航组件,支持多级菜单、远程数据加载、权限控制和路径匹配。适用于各种侧边栏导航、顶部导航和下拉菜单场景。 |
| Modal | # Modal Modal 从 @kne/react-modal 重新导出(含样式),提供声明式 / 命令式弹窗及 TabsLayout 等布局能力。 本组件文档仅展示与本仓集成相关的示例。完整概述、使用说明与 API 请前往… |
| Navigation | ### 概述 Navigation 是一个基于 Ant Design Menu 组件的顶部导航栏组件,支持权限控制、响应式布局和自定义配置。适用于需要顶部导航的各种应用场景。 ### 何时使用 系统的顶部导航,一级导航项偏左靠近 logo… |
| Permissions | ### 概述 Permissions 是一个权限控制组件,用于根据用户权限控制页面内容的显示。支持多种权限控制方式和展示形式,适用于各种需要权限控制的场景。 ### 何时使用… |
| StateBar | ### 概述 StateBar 是一个基于 Ant Design Tabs 组件的状态栏组件,支持多种展示类型(tab、radio、step),适用于需要状态切换和流程展示的场景。 ### 何时使用… |
| StateTag | ### 概述 StateTag 是一个状态标签组件,用于展示不同状态的数据。支持多种预设类型和自定义样式,适用于列表、详情页等场景的状态展示。 ### 何时使用 当需要展示数据的状态时使用,例如: - 列表页表格中的状态列 -… |
| Table | Table 组件是一个功能强大的数据表格组件,基于 Ant Design Table 二次封装,提供了丰富的列类型、列配置、排序、分组表头、操作列等高级功能。 组件支持两种使用方式: - Table:… |
| TablePage | |
| Tooltip | Tooltip 组件是一个功能强大的文字提示气泡框,基于 Ant Design Tooltip 二次封装,提供了丰富的内容展示能力。 组件支持三种使用方式: - Tooltip:… |