feat: add overview (#425)
* feat: add overview page * feat: update language changed in overview * fix: add cover in demo * fix: overview * fix: width of docsearch inputbox Co-authored-by: ElderJames <shunjiey@hotmail.com>
This commit is contained in:
Henry.zhang
GitHub
Родитель
afa1cf2d06
Коммит
ceb95bbe69
|
|
@ -89,6 +89,15 @@ namespace AntDesign
|
|||
|
||||
protected virtual void SetClasses()
|
||||
{
|
||||
AffixWrapperClass = $"{PrefixCls}-affix-wrapper";
|
||||
GroupWrapperClass = $"{PrefixCls}-group-wrapper";
|
||||
|
||||
if (!string.IsNullOrWhiteSpace(Class))
|
||||
{
|
||||
AffixWrapperClass = string.Join(" ", Class, AffixWrapperClass);
|
||||
ClassMapper.OriginalClass = "";
|
||||
}
|
||||
|
||||
ClassMapper.Clear()
|
||||
.If($"{PrefixCls}", () => Type != "number")
|
||||
.If($"{PrefixCls}-lg", () => Size == InputSize.Large)
|
||||
|
|
@ -96,9 +105,7 @@ namespace AntDesign
|
|||
|
||||
Attributes ??= new Dictionary<string, object>();
|
||||
|
||||
AffixWrapperClass = $"{PrefixCls}-affix-wrapper";
|
||||
GroupWrapperClass = $"{PrefixCls}-group-wrapper";
|
||||
|
||||
|
||||
if (MaxLength >= 0)
|
||||
{
|
||||
Attributes?.Add("maxlength", MaxLength);
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
@if (!_closed)
|
||||
{
|
||||
|
||||
<div class="@ClassMapper.Class" style="@Style" id="@Id" @ref="Ref" @onclick="ClickTag">
|
||||
<span class="@ClassMapper.Class" style="@Style" id="@Id" @ref="Ref" @onclick="ClickTag">
|
||||
@if (!string.IsNullOrEmpty(Icon))
|
||||
{
|
||||
<Icon Type="@Icon"></Icon>
|
||||
|
|
@ -15,6 +15,6 @@
|
|||
<Icon Type="close" TabIndex="-1" @onclick="CloseTag" />
|
||||
}
|
||||
|
||||
</div>
|
||||
</span>
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Navigation
|
||||
title: Affix
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tX6-md4H6/Affix.svg
|
||||
---
|
||||
|
||||
Wrap Affix around another component to make it stick the viewport.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 导航
|
||||
title: Affix
|
||||
subtitle: 固钉
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tX6-md4H6/Affix.svg
|
||||
---
|
||||
|
||||
将页面元素钉在可视范围。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg
|
||||
---
|
||||
|
||||
Alert component for feedback.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 警告提示
|
||||
type: 反馈
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg
|
||||
---
|
||||
|
||||
警告提示，展现需要关注的信息。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Other
|
||||
cols: 2
|
||||
title: Anchor
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg
|
||||
---
|
||||
|
||||
Hyperlinks to scroll on one page.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 锚点
|
|||
cols: 2
|
||||
type: 其他
|
||||
title: Anchor
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg
|
||||
---
|
||||
|
||||
用于跳转到页面指定位置。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: AutoComplete
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/qtJm4yt45/AutoComplete.svg
|
||||
---
|
||||
|
||||
Autocomplete function of input field.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: AutoComplete
|
||||
subtitle: 自动完成
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/qtJm4yt45/AutoComplete.svg
|
||||
---
|
||||
|
||||
输入框自动完成功能。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Display
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
---
|
||||
|
||||
Avatars can be used to represent people or objects. It supports images, `Icon`s, or letters.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 头像
|
||||
type: 数据展示
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
---
|
||||
|
||||
用来代表用户或事物，支持图片、图标或字符展示。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Other
|
||||
title: BackTop
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tJZ5jbTwX/BackTop.svg
|
||||
---
|
||||
|
||||
`BackTop` makes it easy to go back to the top of the page.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 其他
|
||||
title: BackTop
|
||||
subtitle: 回到顶部
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tJZ5jbTwX/BackTop.svg
|
||||
---
|
||||
|
||||
返回页面顶部的操作按钮。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Display
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
---
|
||||
|
||||
Small numerical value or status descriptor for UI elements.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 徽标数
|
||||
type: 数据展示
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
---
|
||||
|
||||
图标右上角的圆形徽标数字。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Navigation
|
||||
title: Breadcrumb
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
---
|
||||
|
||||
A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 导航
|
||||
title: Breadcrumb
|
||||
subtitle: 面包屑
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
---
|
||||
|
||||
显示当前页面在系统层级结构中的位置，并能向上返回。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: General
|
||||
title: Button
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
---
|
||||
|
||||
To trigger an operation.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 通用
|
||||
title: Button
|
||||
subtitle: 按钮
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
---
|
||||
|
||||
按钮用于开始一个即时操作。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
cols: 1
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
---
|
||||
|
||||
Container for displaying data in calendar form.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 数据展示
|
|||
subtitle: 日历
|
||||
cols: 1
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
---
|
||||
|
||||
按照日历形式展示数据的容器。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Display
|
||||
title: Card
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
|
||||
---
|
||||
|
||||
Simple rectangular container.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据展示
|
||||
title: Card
|
||||
subtitle: 卡片
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
|
||||
---
|
||||
|
||||
通用卡片容器.
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Display
|
||||
title: Carousel
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
---
|
||||
|
||||
A carousel component. Scales with its container.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据展示
|
||||
title: Carousel
|
||||
subtitle: 走马灯
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
---
|
||||
|
||||
旋转木马，一组轮播的区域。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Cascader
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
||||
---
|
||||
|
||||
Cascade selection box.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: Cascader
|
||||
subtitle: 级联选择
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
||||
---
|
||||
|
||||
级联选择框。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Checkbox
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
|
||||
---
|
||||
|
||||
Checkbox component.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: Checkbox
|
||||
subtitle: 多选框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
|
||||
---
|
||||
|
||||
多选框。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
title: Collapse
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
---
|
||||
|
||||
A content area which can be collapsed and expanded.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 数据展示
|
|||
title: Collapse
|
||||
subtitle: 折叠面板
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
---
|
||||
|
||||
可以折叠/展开的内容区域。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
title: Comment
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ILhxpGzBO/Comment.svg
|
||||
---
|
||||
|
||||
A comment displays user feedback and discussion to website content.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 数据展示
|
|||
title: Comment
|
||||
subtitle: 评论
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ILhxpGzBO/Comment.svg
|
||||
---
|
||||
|
||||
对网站内容的反馈、评价和讨论。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: DatePicker
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg
|
||||
---
|
||||
|
||||
To select or input a date.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: DatePicker
|
||||
subtitle: 日期选择框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg
|
||||
---
|
||||
|
||||
输入或选择日期的控件。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
title: Descriptions
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
---
|
||||
|
||||
Display multiple read-only fields in groups.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 数据展示
|
|||
title: Descriptions
|
||||
subtitle: 描述列表
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
---
|
||||
|
||||
成组显示多个只读字段。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Layout
|
||||
title: Divider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
---
|
||||
|
||||
A divider line separates different content.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 布局
|
||||
title: Divider
|
||||
subtitle: 分割线
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
---
|
||||
|
||||
区隔内容的分割线。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Drawer
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
|
||||
---
|
||||
|
||||
A panel which slides in from the edge of the screen.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 反馈
|
||||
title: Drawer
|
||||
subtitle: 抽屉
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
|
||||
---
|
||||
|
||||
屏幕边缘滑出的浮层面板。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Navigation
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg
|
||||
---
|
||||
|
||||
A dropdown list.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 下拉菜单
|
||||
type: 导航
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg
|
||||
---
|
||||
|
||||
向下弹出的列表。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
title: Empty
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MNbKfLBVb/Empty.svg
|
||||
---
|
||||
|
||||
Empty state placeholder.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 空状态
|
|||
type: 数据展示
|
||||
title: Empty
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MNbKfLBVb/Empty.svg
|
||||
---
|
||||
|
||||
空状态时的展示占位图。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Entry
|
||||
cols: 1
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ORmcdeaoO/Form.svg
|
||||
---
|
||||
|
||||
High performance Form component with data scope management. Including data collection, verification, and styles.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 表单
|
|||
type: 数据录入
|
||||
cols: 1
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ORmcdeaoO/Form.svg
|
||||
---
|
||||
|
||||
高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Layout
|
||||
title: Grid
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
---
|
||||
|
||||
24 Grids System。
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 栅格
|
|||
type: 布局
|
||||
title: Grid
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
---
|
||||
|
||||
24 栅格系统。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: General
|
||||
title: Icon
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
---
|
||||
|
||||
Semantic vector graphics. Before use icons。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 通用
|
||||
title: Icon
|
||||
subtitle: 图标
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
---
|
||||
|
||||
语义化的矢量图形。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Input
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg
|
||||
---
|
||||
|
||||
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: Input
|
||||
subtitle: 输入框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg
|
||||
---
|
||||
|
||||
通过鼠标或键盘输入内容，是最基础的表单域的包装。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: InputNumber
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
|
||||
---
|
||||
|
||||
Enter a number within certain range with the mouse or keyboard.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: InputNumber
|
||||
subtitle: 数字输入框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
|
||||
---
|
||||
|
||||
通过鼠标或键盘，输入范围内的数值。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Layout
|
||||
cols: 1
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
---
|
||||
|
||||
Handling the overall layout of a page.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 布局
|
|||
type: 布局
|
||||
cols: 1
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
---
|
||||
|
||||
协助进行页面级整体布局。
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
|
||||
@code {
|
||||
|
||||
RenderFragment avatar =@<AntAvatar Src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></AntAvatar>;
|
||||
RenderFragment avatar =@<Avatar Src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></Avatar>;
|
||||
|
||||
RenderFragment extra = @<img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png" />;
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Data Display
|
||||
title: List
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
---
|
||||
|
||||
Simple List.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 数据展示
|
|||
title: List
|
||||
subtitle: 列表
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
---
|
||||
|
||||
通用列表。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg
|
||||
---
|
||||
|
||||
Mention component.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 提及
|
||||
type: 数据录入
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg
|
||||
---
|
||||
|
||||
提及组件。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
cols: 1
|
||||
type: Navigation
|
||||
title: Menu
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
---
|
||||
|
||||
A versatile menu for navigation.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ cols: 1
|
|||
type: 导航
|
||||
title: Menu
|
||||
subtitle: 导航菜单
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
---
|
||||
|
||||
为页面和功能提供导航的菜单列表。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
|
||||
---
|
||||
|
||||
Display global messages as feedback in response to user operations.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 全局提示
|
||||
type: 反馈
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
|
||||
---
|
||||
|
||||
全局展示操作反馈信息。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
type: Feedback
|
||||
category: Components
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
---
|
||||
|
||||
Modal dialogs.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ type: 反馈
|
|||
category: Components
|
||||
subtitle: 对话框
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
---
|
||||
|
||||
模态对话框。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Notification
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Jxm5nw61w/Notification.svg
|
||||
---
|
||||
|
||||
Display a notification message globally.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 反馈
|
||||
subtitle: 通知提醒框
|
||||
title: Notification
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Jxm5nw61w/Notification.svg
|
||||
---
|
||||
|
||||
全局展示通知提醒信息。
|
||||
|
|
|
|||
|
|
@ -0,0 +1,105 @@
|
|||
@using AntDesign.Docs.Services
|
||||
|
||||
|
||||
<Divider />
|
||||
|
||||
<AntDesign.Input TValue="string" Class="components-overview-search" Placeholder="@LanguageService.Resources["app.components.overview.search"]" OnInput="@(args => OnSearchEnter(args.Value?.ToString()))">
|
||||
<Suffix>
|
||||
<Icon Type="search" />
|
||||
</Suffix>
|
||||
</AntDesign.Input>
|
||||
|
||||
<Divider />
|
||||
|
||||
@foreach (var menuGroup in menuItems)
|
||||
{
|
||||
if (menuGroup.Order == -1)
|
||||
{
|
||||
continue;
|
||||
}
|
||||
|
||||
<div class="components-overview">
|
||||
<AntDesign.Title Level="2">
|
||||
<Space Align="center">
|
||||
<SpaceItem>@menuGroup.Title</SpaceItem>
|
||||
<SpaceItem>
|
||||
<Tag Style="display: block;">@(menuGroup.Children?.Length ?? 0)</Tag>
|
||||
</SpaceItem>
|
||||
</Space>
|
||||
</AntDesign.Title>
|
||||
|
||||
<Row>
|
||||
@foreach (var item in menuGroup.Children)
|
||||
{
|
||||
<AntDesign.Col Xl="6" Lg="8" Sm="12" Xs="24" Style="padding:12px">
|
||||
<a href=@($"/{CurrentLanguage}/{item.Url}")>
|
||||
<Card Bordered Title="@($"{item.Title} {@item.SubTitle}")" Hoverable>
|
||||
<Body>
|
||||
<div class="components-overview-img">
|
||||
<img src="@item.Cover" alt="@(item.Title)">
|
||||
</div>
|
||||
</Body>
|
||||
</Card>
|
||||
</a>
|
||||
</AntDesign.Col>
|
||||
}
|
||||
</Row>
|
||||
</div>
|
||||
}
|
||||
|
||||
@inject ILanguageService LanguageService
|
||||
@inject DemoService demoService
|
||||
|
||||
@code{
|
||||
|
||||
private string CurrentLanguage => LanguageService.CurrentCulture.Name;
|
||||
DemoMenuItem[] menuItems = { };
|
||||
|
||||
protected override bool ShouldRender() => menuItems.Any();
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
var menu = await demoService.GetMenuAsync();
|
||||
menuItems = menu.FirstOrDefault(x => x.Url.ToLowerInvariant() == "components")?.Children ?? Array.Empty<DemoMenuItem>();
|
||||
|
||||
LanguageService.LanguageChanged += async (sender, args) =>
|
||||
{
|
||||
var menu = await demoService.GetMenuAsync();
|
||||
menuItems = menu.FirstOrDefault(x => x.Url.ToLowerInvariant() == "components")?.Children ?? Array.Empty<DemoMenuItem>();
|
||||
|
||||
await InvokeAsync(StateHasChanged);
|
||||
};
|
||||
}
|
||||
|
||||
private async Task OnSearchEnter(string value)
|
||||
{
|
||||
var menu = await demoService.GetMenuAsync();
|
||||
menuItems = menu.FirstOrDefault(x => x.Url.ToLowerInvariant() == "components")?.Children ?? Array.Empty<DemoMenuItem>();
|
||||
|
||||
if (string.IsNullOrWhiteSpace(value))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
IList<DemoMenuItem> result = new List<DemoMenuItem>();
|
||||
|
||||
foreach (var item in menuItems)
|
||||
{
|
||||
var lst = item.Children.Where(x => x.Title.Contains(value, StringComparison.OrdinalIgnoreCase)).ToArray();
|
||||
|
||||
if (lst.Any())
|
||||
{
|
||||
result.Add(new DemoMenuItem()
|
||||
{
|
||||
Title = item.Title,
|
||||
SubTitle = item.SubTitle,
|
||||
Order = item.Order,
|
||||
Type = item.Type,
|
||||
Children = lst,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
menuItems = result.ToArray();
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
order: 0
|
||||
title:
|
||||
zh-CN: 组件总览
|
||||
en-US: Overview
|
||||
docs: true
|
||||
---
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
category: Components
|
||||
type: Overview
|
||||
title: Components Overview
|
||||
---
|
||||
|
||||
`antd` provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. We also recommand some great Third-Party Libraries additionally.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
category: Components
|
||||
type: 组件总览
|
||||
title: Components Overview
|
||||
subtitle: 组件总览
|
||||
---
|
||||
|
||||
`antd`为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件，我们也提供了社区精选组件作为必要的补充。
|
||||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Navigation
|
||||
title: PageHeader
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg
|
||||
---
|
||||
|
||||
A header with common actions and design elements built in.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 导航
|
|||
title: PageHeader
|
||||
subtitle: 页头
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg
|
||||
---
|
||||
|
||||
页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Navigation
|
||||
title: Pagination
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg
|
||||
---
|
||||
|
||||
A long list can be divided into several pages using `Pagination`, and only one page will be loaded at a time.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 分页
|
|||
type: 导航
|
||||
title: Pagination
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg
|
||||
---
|
||||
|
||||
采用分页的形式分隔长列表，每次只加载一个页面。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg
|
||||
---
|
||||
|
||||
Display the current progress of an operation flow.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 进度条
|
||||
type: 反馈
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg
|
||||
---
|
||||
|
||||
展示操作的当前进度。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Radio
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
|
||||
---
|
||||
|
||||
Radio
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: Radio
|
||||
subtitle: 单选框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
|
||||
---
|
||||
|
||||
单选框。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg
|
||||
---
|
||||
|
||||
Rate component.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 评分
|
||||
type: 数据录入
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg
|
||||
---
|
||||
|
||||
评分组件。
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ type: Feedback
|
|||
category: Components
|
||||
title: Result
|
||||
cols: 1
|
||||
subtitle:
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9nepwjaLa/Result.svg
|
||||
---
|
||||
|
||||
Used to feed back the results of a series of operational tasks.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ category: Components
|
|||
title: Result
|
||||
cols: 1
|
||||
subtitle: 结果
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9nepwjaLa/Result.svg
|
||||
---
|
||||
|
||||
用于反馈一系列操作任务的处理结果。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
|
||||
---
|
||||
|
||||
Select component to select value from options.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 选择器
|
||||
type: 数据录入
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
|
||||
---
|
||||
|
||||
下拉选择器。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Feedback
|
||||
title: Skeleton
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
---
|
||||
|
||||
Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ subtitle: 骨架屏
|
|||
type: 反馈
|
||||
title: Skeleton
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
---
|
||||
|
||||
在需要等待加载内容的位置提供一个占位图形组合。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Entry
|
||||
title: Slider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
---
|
||||
|
||||
A Slider component for displaying current value and intervals in range.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 数据录入
|
||||
title: Slider
|
||||
subtitle: 滑动输入条
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
---
|
||||
|
||||
滑动型输入器，展示当前值和可选范围。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Layout
|
||||
title: Space
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
---
|
||||
|
||||
Set components spacing.
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ type: 布局
|
|||
subtitle: 间距
|
||||
title: Space
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
---
|
||||
|
||||
设置组件之间的间距。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Feedback
|
||||
title: Spin
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
|
||||
---
|
||||
|
||||
A spinner for displaying loading state of a page or a section.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: 反馈
|
||||
title: Spin
|
||||
subtitle: 加载中
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
|
||||
---
|
||||
|
||||
用于页面和区块的加载中状态。
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
category: Components
|
||||
type: Data Display
|
||||
title: Statistic
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
|
||||
---
|
||||
|
||||
Display statistic number.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
subtitle: 统计数值
|
||||
type: 数据展示
|
||||
title: Statistic
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
|
||||
---
|
||||
|
||||
展示统计数值。
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ category: Components
|
|||
type: Navigation
|
||||
title: Steps
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/UZYqMizXHaj/Steps.svg
|
||||
---
|
||||
|
||||
`Steps` is a navigation bar that guides users through the steps of a task.
|
||||
|
|
|
|||
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче