简介

Known框架内置一套基于Blazor的UI组件，位于Known.Razor类库中。

基础

• 布局 (Layout)：用于后台主页面布局。
• 图标 (Icon)：基于Fontawesome图标库。

输入类

• 按钮 (Button)：使用按钮触发操作，支持不同样式。
• 隐藏框 (Hidden)：隐藏字段组件。
• 密码框 (Password)：密码字段组件。
• 文本框 (Text)：单行文本框输入组件。
• 文本域 (TextArea)：多行文本框输入组件。
• 数值框 (Number)：数值类型输入组件。
• 日期框 (Date)：支持日期和时间格式。
• 日期范围 (DateRange)：日期范围选择框组件。
• 选择框 (Select)：下拉选择框组件。
• 复选框 (CheckBox)：复选框及开关组件，用于切换两种状态。
• 复选列表 (CheckList)：用于选中多个选项。
• 单选列表 (RadioList)：单选框列表组件。
• 挑选框 (Picker)：点击按钮弹出对话框挑选数据组件。
• 输入框 (Input)：通用输入框组件。
• 上传 (Upload)：上传文件组件。
• 验证码 (Captcha)：前端图片验证码组件。
• 搜索框 (SearchBox)：带搜索按钮的输入组件。
• 富文本 (RichText)：基于wangEditor.js实现。

导航类

• 菜单 (Menu)：后台主页侧边栏菜单组件。
• 面包屑 (Breadcrumb)：页面导航面包屑组件。
• 工具条 (Toolbar)：一组按钮组件。
• 分页 (Pager)：数据分页导航组件。
• 步骤 (Steps)：用于分步表单。
• 标签栏 (Tabs)：用于分组显示不同内容。
• 树 (Tree)：树型结构组件。

展示类

• 徽章 (Badge)：用于提示新消息。
• 标签 (Tag)：用于标记不同状态的数据。
• 对话框 (Dialog)：弹窗显示内容。
• 卡片 (Card)：由标题和内容组成。
• 空状态 (Empty)：用于无数据提示。
• 下拉框 (Dropdown)：用于向下弹出内容。
• 分组框 (GroupBox)：用于显示分组内容。
• 图片框 (ImageBox)：用于显示图片。
• 时间轴 (Timeline)：用于显示时间节点内容。
• 走马灯 (Carousel)：用于轮流播放一组图片。
• 快速预览 (QuickView)：从屏幕边缘滑出的面板。
• 图表 (Chart)：基于Highcharts.js实现。
• 条形码 (Barcode)：基于JsBarcode实现。
• 二维码 (QRCode)：基于jquery.qrcode实现。
• PDF预览 (PdfView)：基于pdfobject.js实现。
• 打印 (Print)：打印自定义表单。

反馈类

• 加载 (Loading)：主要用于耗时操作等待提示。
• 横幅通知 (Banner)：主要用于系统级和模块级重要通知提醒。
• 通知 (Notify)：主要用于系统通知，位于页面右下角，支持不同样式。
• 提示 (Toast)：主要用于操作提示，支持不同样式。
• 进度条 (Progress)：支持不同样式。

综合类

• 表单 (Form)：是一个页面级别表单布局组件。
• 数据列表 (DataList)：支持分页、查询、列模板。
• 数据表格 (DataGrid)：是一个集工具条、查询条件、表格、分页、操作等综合性的页面级组件。
• 编辑表格 (EditGrid)：可编辑的数据表格，继承自DataGrid。