mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-11-29 18:48:50 +08:00
update docs
This commit is contained in:
parent
387234e0b9
commit
3a3bfc0545
@ -49,14 +49,14 @@ WebAssembly 静态托管页面示例
|
||||
- Blazor WebAssembly 3.2 /.NET 5 正式版。
|
||||
- 支持服务端双向绑定。
|
||||
- 支持 WebAssembly 静态文件部署。
|
||||
- 主流 4 款现代浏览器,以及 Internet Explorer 11+(限 [Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1))。
|
||||
- 主流 4 款现代浏览器,以及 Internet Explorer 11+(限 [Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987))。
|
||||
- 可直接运行在 [Electron](http://electron.atom.io/) 等基于 Web 标准的环境上。
|
||||
|
||||
| [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Edge / IE | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
||||
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|
||||
| Edge 16 / IE 11† | 522 | 57 | 11 | 44 | Chromium 57 |
|
||||
|
||||
> 由于 [WebAssembly](https://webassembly.org) 的限制,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11†。 详见[官网说明](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1)。
|
||||
> 由于 [WebAssembly](https://webassembly.org) 的限制,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11†。 详见[官网说明](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987)。
|
||||
|
||||
## 💿 当前版本
|
||||
|
||||
@ -71,7 +71,7 @@ WebAssembly 静态托管页面示例
|
||||
|
||||
## 📦 安装
|
||||
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1) 3.1.300 以上版本,推荐 .NET 5
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1?WT.mc_id=DT-MVP-5003987) 3.1.300 以上版本,推荐 .NET 5
|
||||
|
||||
### 从模板创建一个新项目 [![Pro 模板](https://img.shields.io/nuget/v/AntDesign.Templates?color=%23512bd4&label=Pro%20模板&style=flat-square)](https://github.com/ant-design-blazor/ant-design-pro-blazor)
|
||||
|
||||
@ -150,7 +150,7 @@ WebAssembly 静态托管页面示例
|
||||
|
||||
## ⌨️ 本地开发
|
||||
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0) 5.0.100 以上版本
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0?WT.mc_id=DT-MVP-5003987) 5.0.100 以上版本
|
||||
- 安装 Node.js(只用于样式文件和互操作所需 TS 文件的构建)
|
||||
- 克隆到本地开发
|
||||
|
||||
@ -185,15 +185,18 @@ WebAssembly 静态托管页面示例
|
||||
|
||||
感谢所有为本项目做出过贡献的朋友。
|
||||
|
||||
<a href="https://github.com/ant-design-blazor/ant-design-blazor/graphs/contributors"><img src="https://opencollective.com/ant-design-blazor/contributors.svg?width=890&button=false"/></a>
|
||||
<a href="https://github.com/ant-design-blazor/ant-design-blazor/graphs/contributors">
|
||||
<img src="https://contrib.rocks/image?repo=ant-design-blazor/ant-design-blazor" />
|
||||
</a>
|
||||
|
||||
## 💕 支持本项目
|
||||
|
||||
本项目以 MIT 协议开源,为了能得到够更好的且可持续的发展,我们期望获得更多的支持者,我们将把所得款项用于社区活动和推广。你可以通过如下任何一种方式支持我们:
|
||||
|
||||
- [OpenCollective](https://opencollective.com/ant-design-blazor)
|
||||
- [微信](https://yangshunjie.com/images/qrcode/wepay.jpg)
|
||||
- [支付宝](https://yangshunjie.com/images/qrcode/alipay.jpg)
|
||||
- [微信](https://jamesyeung.cn/qrcode/wepay.jpg)
|
||||
- [支付宝](https://jamesyeung.cn/qrcode/alipay.jpg)
|
||||
|
||||
|
||||
我们会把详细的捐赠记录登记在 [捐赠者名单](https://github.com/ant-design-blazor/ant-design-blazor/issues/62)。
|
||||
|
||||
|
21
README.md
21
README.md
@ -50,14 +50,14 @@ WebAssembly static hosting examples:
|
||||
- Blazor WebAssembly 3.2/.NET 5 Release
|
||||
- Supports two-way binding on the server side
|
||||
- Supports WebAssembly static file deployment
|
||||
- Support 4 major browsers engines, and Internet Explorer 11+ ([Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1) only)
|
||||
- Support 4 major browsers engines, and Internet Explorer 11+ ([Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987) only)
|
||||
- Run directly on [Electron](http://electron.atom.io/) and other Web standards-based environments
|
||||
|
||||
| [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Edge / IE | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
||||
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|
||||
| Edge 16 / IE 11† | 522 | 57 | 11 | 44 | Chromium 57 |
|
||||
|
||||
> Due to [WebAssembly](https://webassembly.org) restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See [official documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1)
|
||||
> Due to [WebAssembly](https://webassembly.org) restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See [official documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987)
|
||||
|
||||
## 💿 Current Version
|
||||
|
||||
@ -72,7 +72,7 @@ Therefore, you can use the custom theme styles of Ant Design directly.
|
||||
|
||||
## 📦 Installation Guide
|
||||
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1) 3.1.300 or later, .NET 5 is even better.
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1?WT.mc_id=DT-MVP-5003987) 3.1.300 or later, .NET 5 is even better.
|
||||
|
||||
### Create a new project from the dotnet new template [![AntDesign.Templates](https://img.shields.io/nuget/v/AntDesign.Templates?color=%23512bd4&label=Templates&style=flat-square)](https://github.com/ant-design-blazor/ant-design-pro-blazor)
|
||||
|
||||
@ -157,7 +157,7 @@ Options for the template:
|
||||
|
||||
## ⌨️ Local Development
|
||||
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0) 5.0.100 or later.
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0?WT.mc_id=DT-MVP-5003987) 5.0.100 or later.
|
||||
- Install Node.js (only for building style files and interoperable TypeScript files)
|
||||
- Clone to local development
|
||||
|
||||
@ -192,15 +192,17 @@ If you would like to contribute, feel free to create a [Pull Request](https://gi
|
||||
|
||||
This project exists thanks to all the people who contribute.
|
||||
|
||||
<a href="https://github.com/ant-design-blazor/ant-design-blazor/graphs/contributors"><img src="https://opencollective.com/ant-design-blazor/contributors.svg?width=890&button=false"/></a>
|
||||
<a href="https://github.com/ant-design-blazor/ant-design-blazor/graphs/contributors">
|
||||
<img src="https://contrib.rocks/image?repo=ant-design-blazor/ant-design-blazor" />
|
||||
</a>
|
||||
|
||||
## 💕 Donation
|
||||
|
||||
This project is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. We will use the proceeds for community operations and promotion. You can support us in any of the following ways:
|
||||
|
||||
- [OpenCollective](https://opencollective.com/ant-design-blazor)
|
||||
- [Wechat](https://yangshunjie.com/images/qrcode/wepay.jpg)
|
||||
- [Alipay](https://yangshunjie.com/images/qrcode/alipay.jpg)
|
||||
- [Wechat](https://jamesyeung.cn/qrcode/wepay.jpg)
|
||||
- [Alipay](https://jamesyeung.cn/qrcode/alipay.jpg)
|
||||
|
||||
We will put the detailed donation records on the [backer list](https://github.com/ant-design-blazor/ant-design-blazor/issues/62).
|
||||
|
||||
@ -208,8 +210,9 @@ We will put the detailed donation records on the [backer list](https://github.co
|
||||
|
||||
If you encounter any problems in the process, feel free to ask for help via following channels. We also encourage experienced users to help newcomers.
|
||||
|
||||
- [![Slack Group](https://img.shields.io/badge/Slack-AntBlazor-blue.svg?style=flat-square&logo=slack)](https://join.slack.com/t/AntBlazor/shared_invite/zt-etfaf1ww-AEHRU41B5YYKij7SlHqajA) (English)
|
||||
- [![Ding Talk Group](https://img.shields.io/badge/DingTalk-AntBlazor-blue.svg?style=flat-square&logo=data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBmaWxsPSIjZmZmZmZmIj4NCiAgPHBhdGggZD0iTTU3My43IDI1Mi41QzQyMi41IDE5Ny40IDIwMS4zIDk2LjcgMjAxLjMgOTYuN2MtMTUuNy00LjEtMTcuOSAxMS4xLTE3LjkgMTEuMS01IDYxLjEgMzMuNiAxNjAuNSA1My42IDE4Mi44IDE5LjkgMjIuMyAzMTkuMSAxMTMuNyAzMTkuMSAxMTMuN1MzMjYgMzU3LjkgMjcwLjUgMzQxLjljLTU1LjYtMTYtMzcuOSAxNy44LTM3LjkgMTcuOCAxMS40IDYxLjcgNjQuOSAxMzEuOCAxMDcuMiAxMzguNCA0Mi4yIDYuNiAyMjAuMSA0IDIyMC4xIDRzLTM1LjUgNC4xLTkzLjIgMTEuOWMtNDIuNyA1LjgtOTcgMTIuNS0xMTEuMSAxNy44LTMzLjEgMTIuNSAyNCA2Mi42IDI0IDYyLjYgODQuNyA3Ni44IDEyOS43IDUwLjUgMTI5LjcgNTAuNSAzMy4zLTEwLjcgNjEuNC0xOC41IDg1LjItMjQuMkw1NjUgNzQzLjFoODQuNkw2MDMgOTI4bDIwNS4zLTI3MS45SDcwMC44bDIyLjMtMzguN2MuMy41LjQuOC40LjhTNzk5LjggNDk2LjEgODI5IDQzMy44bC42LTFoLS4xYzUtMTAuOCA4LjYtMTkuNyAxMC0yNS44IDE3LTcxLjMtMTE0LjUtOTkuNC0yNjUuOC0xNTQuNXoiLz4NCjwvc3ZnPg0K)](https://h5.dingtalk.com/circle/healthCheckin.html?corpId=dingccf128388c3ea40eda055e4784d35b88&2f46=c9b80ba5&origin=11) (Chinese)
|
||||
- [![Slack Group](https://img.shields.io/badge/Slack-AntBlazor-blue.svg?style=flat-square&logo=slack)](https://join.slack.com/t/AntBlazor/shared_invite/zt-etfaf1ww-AEHRU41B5YYKij7SlHqajA)
|
||||
- [![Discord Server](https://img.shields.io/discord/753358910341251182?color=%237289DA&label=AntBlazor&logo=discord&logoColor=white&style=flat-square)](https://discord.com/invite/jqu3Xeq)
|
||||
|
||||
|
||||
<details>
|
||||
<summary>Scan QR Code with DingTalk</summary>
|
||||
|
@ -15,7 +15,7 @@ Such features, together with packaging the production version, are covered in th
|
||||
|
||||
### Installation
|
||||
|
||||
We strongly recommended to develop Blazor with `.NET Core SDK`, you can install it form `https://dotnet.microsoft.com/download`.
|
||||
We strongly recommended to develop Blazor with `.NET Core SDK`, you can install it form `https://dotnet.microsoft.com/download?WT.mc_id=DT-MVP-5003987`.
|
||||
|
||||
### Create a New Blazor WebAssembly Project
|
||||
|
||||
|
@ -5,7 +5,7 @@ title: 快速上手
|
||||
|
||||
Ant Design of Blazor 致力于提供给程序员**愉悦**的开发体验。
|
||||
|
||||
> 在开始之前,推荐先学习 [Blazor](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?WT.mc_id=DT-MVP-5003987) 和 [.Net Core](https://docs.microsoft.com/zh-cn/dotnet?WT.mc_id=DT-MVP-5003987),并正确安装和配置了 [.NET Core SDK](https://dotnet.microsoft.com/download) 3.1.300 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的初级知识,并且已经完全掌握了 Blazor 的正确开发方式。如果你刚开始学习.NET 或者 Blazor,将 UI 框架作为你的第一步可能不是最好的主意。
|
||||
> 在开始之前,推荐先学习 [Blazor](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?WT.mc_id=DT-MVP-5003987) 和 [.Net Core](https://docs.microsoft.com/zh-cn/dotnet?WT.mc_id=DT-MVP-5003987),并正确安装和配置了 [.NET Core SDK](https://dotnet.microsoft.com/download?WT.mc_id=DT-MVP-5003987) 3.1.300 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的初级知识,并且已经完全掌握了 Blazor 的正确开发方式。如果你刚开始学习.NET 或者 Blazor,将 UI 框架作为你的第一步可能不是最好的主意。
|
||||
|
||||
|
||||
## 第一个本地实例
|
||||
|
@ -4,7 +4,7 @@ title: Internationalization
|
||||
---
|
||||
|
||||
The internationalization of `Ant Design Blazor` is based on the built-in `LocaleProvider`, and localization is based on the `CultureInfo.DefaultThreadCurrentUICulture` provided by the blazor framework,
|
||||
refer to the document [ASP.NET Core Blazor globalization and localization](https://docs.microsoft.com/en-us/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1#localization) for more details.
|
||||
refer to the document [ASP.NET Core Blazor globalization and localization](https://docs.microsoft.com/en-us/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987#localization) for more details.
|
||||
|
||||
By default, the current language is fetched from the browser. If you need to use another language, you can configure it at initialization time or change it at run time. Please refer to the following scheme.
|
||||
|
||||
|
@ -3,7 +3,7 @@ order: 4
|
||||
title: 国际化
|
||||
---
|
||||
|
||||
`Ant Design Blazor` 的国际化基于内建的 `LocaleProvider`,而本地化基于 Blazor 框架提供的 `CultureInfo.DefaultThreadCurrentUICulture`,可参考文档 [ASP.NET Core Blazor 全球化和本地化](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1#localization)。
|
||||
`Ant Design Blazor` 的国际化基于内建的 `LocaleProvider`,而本地化基于 Blazor 框架提供的 `CultureInfo.DefaultThreadCurrentUICulture`,可参考文档 [ASP.NET Core Blazor 全球化和本地化](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987#localization)。
|
||||
默认会从浏览器获取本地语言,如果需要使用其他语言,可以在初始化时进行配置,也可以在运行中随时修改,请参考下面的方案。
|
||||
|
||||
## 全局配置
|
||||
|
@ -46,14 +46,14 @@ WebAssembly static hosting examples:
|
||||
- Blazor WebAssembly 3.2 Release
|
||||
- Supports two-way binding on the server side
|
||||
- Supports WebAssembly static file deployment
|
||||
- Support 4 major browsers engines, and Internet Explorer 11+ ([Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1) only)
|
||||
- Support 4 major browsers engines, and Internet Explorer 11+ ([Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987) only)
|
||||
- Run directly on [Electron](http://electron.atom.io/) and other Web standards-based environments
|
||||
|
||||
| [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Edge / IE | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
||||
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|
||||
| Edge 16 / IE 11† | 522 | 57 | 11 | 44 | Chromium 57 |
|
||||
|
||||
> Due to [WebAssembly](https://webassembly.org) restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See [official documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1)
|
||||
> Due to [WebAssembly](https://webassembly.org) restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See [official documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987)
|
||||
|
||||
## 💿 Current Version
|
||||
|
||||
@ -66,7 +66,7 @@ Regularly synchronize with Official Ant Design specifications, you can check the
|
||||
|
||||
## 📦 Installation Guide
|
||||
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1) 3.1.300 or later
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1?WT.mc_id=DT-MVP-5003987) 3.1.300 or later
|
||||
|
||||
### Create a new project from the dotnet new template
|
||||
|
||||
@ -146,7 +146,7 @@ Options for the template:
|
||||
|
||||
## 🔨 Local Development
|
||||
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download) 5.0.100 or later.
|
||||
- Install [.NET Core SDK](https://dotnet.microsoft.com/download?WT.mc_id=DT-MVP-5003987) 5.0.100 or later.
|
||||
- Install Node.js (only for building style files and interoperable TypeScript files)
|
||||
- Clone to local development
|
||||
|
||||
|
@ -43,14 +43,14 @@ title: Ant Design of Blazor
|
||||
- Blazor WebAssembly 3.2 正式版
|
||||
- 支持服务端双向绑定
|
||||
- 支持 WebAssembly 静态文件部署
|
||||
- 主流 4 款现代浏览器,以及 Internet Explorer 11+ (使用 [Blazor Server](https://angular.io/guide/browser-support))
|
||||
- 主流 4 款现代浏览器,以及 Internet Explorer 11+ (使用 [Blazor Server](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987))
|
||||
- 可直接运行在 [Electron](http://electron.atom.io/) 等基于 Web 标准的环境上
|
||||
|
||||
| [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Edge / IE | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
||||
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|
||||
| Edge 16 / IE 11† | 522 | 57 | 11 | 44 | Chromium 57 |
|
||||
|
||||
> 由于 [WebAssembly](https://webassembly.org) 的缘故,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11†。 [官网说明](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1)
|
||||
> 由于 [WebAssembly](https://webassembly.org) 的缘故,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11†。 [官网说明](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987)
|
||||
|
||||
## 💿 当前版本
|
||||
|
||||
@ -64,7 +64,7 @@ title: Ant Design of Blazor
|
||||
|
||||
## 📦 安装
|
||||
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1) 3.1.300 以上版本
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1?WT.mc_id=DT-MVP-5003987) 3.1.300 以上版本
|
||||
|
||||
### 从模板创建一个新项目
|
||||
|
||||
@ -142,7 +142,7 @@ title: Ant Design of Blazor
|
||||
|
||||
## 🔨 本地开发
|
||||
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0) 5.0.100 以上版本
|
||||
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/5.0?WT.mc_id=DT-MVP-5003987) 5.0.100 以上版本
|
||||
- 安装 Node.js(只用于样式文件和互操作所需 TS 文件的构建)
|
||||
- 克隆到本地开发
|
||||
|
||||
|
@ -14,11 +14,21 @@ title:
|
||||
- `Username`:输入框后面有描述文案或其他组件,在 `FormItem` 内只有使用了@bind-Value的组件才会绑定到FormItem,其他组件可任意添加。
|
||||
- `Address`:有两个控件,在 `FormItem` 内使用两个 `<FormItem NoStyle />` 分别绑定对应控件(一个FormItem下只能出现一个使用了@bing-Value的控件),对FormItem使用NoStyle,则FormItem的Grid布局会被忽略,就算主动使用了LabelCol或WrapperCol也不会产生效果。
|
||||
|
||||
这个场景还展示了复杂类型的表单验证,Address是一个包含了两个属性的类结构,通过附加ValidateComplexType,表单可以对其所有属性进行验证。详情可参考Blazor文档:[嵌套模型、集合类型和复杂类型](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/forms-validation)
|
||||
这个场景还展示了复杂类型的表单验证,Address是一个包含了两个属性的类结构,通过附加ValidateComplexType,表单可以对其所有属性进行验证。详情可参考Blazor文档:[嵌套模型、集合类型和复杂类型](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/forms-validation?WT.mc_id=DT-MVP-5003987)
|
||||
- `BirthDate`:有两个内联控件,错误信息展示各自控件下,使用两个 `<FormItem />` 分别绑定对应控件,并修改 `style` 使其内联布局。
|
||||
|
||||
更复杂的封装复用方式可以参考下面的 `自定义表单控件` 。
|
||||
|
||||
## en-US
|
||||
|
||||
Help Wanted
|
||||
This demonstrates the use of multiple elements within a `FormItem`.
|
||||
|
||||
Three typical scenarios are shown here.
|
||||
|
||||
- `Username`: there is a description text or other component behind the input box, within `FormItem` only the component that uses @bind-Value will be bound to the FormItem, other components can be added at will.
|
||||
- `Address`: there are two controls, use two `<FormItem NoStyle />` within the `FormItem` to bind the corresponding controls separately (only one control with @bind-Value can appear under a FormItem), use NoStyle for the FormItem, then The Grid layout of the FormItem will be ignored, even if LabelCol or WrapperCol is actively used.
|
||||
|
||||
This scenario also demonstrates the validation of a complex type of form, Address is a class structure containing two properties and by attaching ValidateComplexType the form can be validated against all its properties. Details can be found in the Blazor documentation: [Nested Models, Collection Types and Complex Types](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/forms-validation?WT.mc_id=DT-MVP-5003987)
|
||||
- `BirthDate`: there are two inline controls with error messages displayed under each control, using two `<FormItem />`s to bind the corresponding controls separately, and modifying the `style` to make the layout inline.
|
||||
|
||||
For a more complex way of wrapping and reusing controls see `Custom Form Controls` below.
|
@ -11,7 +11,7 @@ title:
|
||||
|
||||
注意:使用`<Validator>`元素设置验证器时,需要将Form内其他组件用`<ChildContent>`包起来。
|
||||
|
||||
自定义验证组件开发见文档:[ASP.NET Core Blazor 窗体和验证 - 验证器组件](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0#validator-components)
|
||||
自定义验证组件开发见文档:[ASP.NET Core Blazor 窗体和验证 - 验证器组件](https://docs.microsoft.com/zh-cn/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0&WT.mc_id=DT-MVP-5003987#validator-components)
|
||||
|
||||
## en-US
|
||||
|
||||
@ -19,4 +19,4 @@ Setting a custom validator using the Form Validator property or the `<Validator>
|
||||
|
||||
Note: When using the `<Validator>` element to set the validator, you need to wrap the other components within the Form with `<ChildContent>`.
|
||||
|
||||
For custom validator development, see document: [ASP.NET Core Blazor forms and validation - Validator components](https://docs.microsoft.com/en-US/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0#validator-components)
|
||||
For custom validator development, see document: [ASP.NET Core Blazor forms and validation - Validator components](https://docs.microsoft.com/en-US/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0&WT.mc_id=DT-MVP-5003987#validator-components)
|
||||
|
@ -4,5 +4,5 @@ type: Overview
|
||||
title: 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.
|
||||
`Ant Design Blazor` 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.
|
||||
|
||||
|
@ -5,4 +5,4 @@ title: Overview
|
||||
subtitle: 组件总览
|
||||
---
|
||||
|
||||
`antd`为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件,我们也提供了社区精选组件作为必要的补充。
|
||||
`Ant Design Blazor` 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件,我们也提供了社区精选组件作为必要的补充。
|
||||
|
@ -32,7 +32,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| format | 格式化倒计时展示,参考 [TimeSpan](https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/custom-timespan-format-strings) | string | @"hh\:mm\:ss" | |
|
||||
| format | 格式化倒计时展示,参考 [TimeSpan](https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/custom-timespan-format-strings?WT.mc_id=DT-MVP-5003987) | string | @"hh\:mm\:ss" | |
|
||||
| onFinish | 倒计时完成时触发 | () => void | - | |
|
||||
| prefix | 设置数值的前缀 | string \| RenderFragment | - | |
|
||||
| suffix | 设置数值的后缀 | string \| RenderFragment | - | |
|
||||
|
Loading…
Reference in New Issue
Block a user