Skip to content
This repository was archived by the owner on Jan 5, 2024. It is now read-only.

Commit 49e6378

Browse files
teacher-zhouteacher-zhou
authored
【新增】Comment 评论组件 (#157)
2 parents de0f264 + ab8db08 commit 49e6378

5 files changed

Lines changed: 649 additions & 41 deletions

File tree

‎.github/workflows/pull-request.yml‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -6,46 +6,46 @@ on:
66
pull_request:
77
branches: [ "master" ]
88
jobs:
9-
SonarCloud:
10-
runs-on: windows-latest
11-
steps:
12-
- name: Set up JDK 11
13-
uses: actions/setup-java@v1
14-
with:
15-
java-version: 1.11
16-
- uses: actions/checkout@v2
17-
with:
18-
fetch-depth: 0 # Shallow clones should be disabled for a better relevancy of analysis
19-
- name: Cache SonarCloud packages
20-
uses: actions/cache@v1
21-
with:
22-
path: ~\sonar\cache
23-
key: ${{ runner.os }}-sonar
24-
restore-keys: ${{ runner.os }}-sonar
25-
- name: Cache SonarCloud scanner
26-
id: cache-sonar-scanner
27-
uses: actions/cache@v1
28-
with:
29-
path: .\.sonar\scanner
30-
key: ${{ runner.os }}-sonar-scanner
31-
restore-keys: ${{ runner.os }}-sonar-scanner
32-
- name: Install SonarCloud scanner
33-
if: steps.cache-sonar-scanner.outputs.cache-hit != 'true'
34-
shell: powershell
35-
run: |
36-
New-Item -Path .\.sonar\scanner -ItemType Directory
37-
dotnet tool update dotnet-sonarscanner --tool-path .\.sonar\scanner
38-
- name: Build and analyze
39-
env:
40-
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # Needed to get PR information, if any
41-
SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
42-
shell: powershell
43-
run: |
44-
.\.sonar\scanner\dotnet-sonarscanner begin /k:"AchievedOwner_TDesignBlazor" /o:"playermaker" /d:sonar.login="${{ secrets.SONAR_TOKEN }}" /d:sonar.host.url="https://sonarcloud.io" /d:sonar.cs.vscoveragexml.reportsPaths=coverage.xml
45-
dotnet build --no-incremental
46-
dotnet tool install --global dotnet-coverage
47-
dotnet-coverage collect 'dotnet test' -f xml -o 'coverage.xml'
48-
.\.sonar\scanner\dotnet-sonarscanner end /d:sonar.login="${{ secrets.SONAR_TOKEN }}"
9+
# SonarCloud:
10+
# runs-on: windows-latest
11+
# steps:
12+
# - name: Set up JDK 11
13+
# uses: actions/setup-java@v1
14+
# with:
15+
# java-version: 1.11
16+
# - uses: actions/checkout@v2
17+
# with:
18+
# fetch-depth: 0 # Shallow clones should be disabled for a better relevancy of analysis
19+
# - name: Cache SonarCloud packages
20+
# uses: actions/cache@v1
21+
# with:
22+
# path: ~\sonar\cache
23+
# key: ${{ runner.os }}-sonar
24+
# restore-keys: ${{ runner.os }}-sonar
25+
# - name: Cache SonarCloud scanner
26+
# id: cache-sonar-scanner
27+
# uses: actions/cache@v1
28+
# with:
29+
# path: .\.sonar\scanner
30+
# key: ${{ runner.os }}-sonar-scanner
31+
# restore-keys: ${{ runner.os }}-sonar-scanner
32+
# - name: Install SonarCloud scanner
33+
# if: steps.cache-sonar-scanner.outputs.cache-hit != 'true'
34+
# shell: powershell
35+
# run: |
36+
# New-Item -Path .\.sonar\scanner -ItemType Directory
37+
# dotnet tool update dotnet-sonarscanner --tool-path .\.sonar\scanner
38+
# - name: Build and analyze
39+
# env:
40+
# GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # Needed to get PR information, if any
41+
# SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
42+
# shell: powershell
43+
# run: |
44+
# .\.sonar\scanner\dotnet-sonarscanner begin /k:"AchievedOwner_TDesignBlazor" /o:"playermaker" /d:sonar.login="2a3f1799901edb257281a8dc304c1617a2c02c26" /d:sonar.host.url="https://sonarcloud.io" /d:sonar.cs.vscoveragexml.reportsPaths=coverage.xml
45+
# dotnet build --no-incremental
46+
# dotnet tool install --global dotnet-coverage
47+
# dotnet-coverage collect 'dotnet test' -f xml -o 'coverage.xml'
48+
# .\.sonar\scanner\dotnet-sonarscanner end /d:sonar.login="2a3f1799901edb257281a8dc304c1617a2c02c26"
4949

5050
Codacy:
5151
runs-on: ubuntu-latest

‎doc/TDesign.Docs.Shared/Layouts/NavMenu.razor‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,8 @@
3636
<TMenuItem Link="components/badge">Badge 徽标</TMenuItem>
3737
<TMenuItem Link="components/card">Card 卡片</TMenuItem>
3838
<TMenuItem Link="components/collapse">Collapse 折叠面板</TMenuItem>
39-
<TMenuItem Link="/components/image">Image 图片</TMenuItem>
39+
<TMenuItem Link="components/comment">Comment 评论</TMenuItem>
40+
<TMenuItem Link="components/image">Image 图片</TMenuItem>
4041
<TMenuItem Link="components/list">List 列表</TMenuItem>
4142
<TMenuItem Link="components/loading">Loading 加载</TMenuItem>
4243
<TMenuItem Link="components/table">Table 表格</TMenuItem>

‎doc/TDesign.Docs.Shared/Pages/Components/CommentPage.razor‎

Lines changed: 289 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,289 @@
1+
@page "/components/comment"
2+
3+
<PageHeader Title="Comment 评论">
4+
评论用于对页面内容的反馈、评价、讨论等，如对文章的评价，对话题的讨论等。
5+
</PageHeader>
6+
7+
<Example Title="基础评论">
8+
<Description>评论最基本的组件，包括头像、作者、时间、评论内容，适用于各种需要进行评论展示的场景。</Description>
9+
<RunContent>
10+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
11+
这里是评论者写的评论内容。
12+
</TComment>
13+
</RunContent>
14+
<CodeContent>
15+
@Code.Create(@"
16+
```html
17+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
18+
这里是评论者写的评论内容。
19+
</TComment>
20+
```
21+
")
22+
</CodeContent>
23+
</Example>
24+
25+
<Example Title="带操作评论">
26+
<Description>可对评论内容进行相关操作的组件，适用于需要自定义操作列的场景。</Description>
27+
<RunContent>
28+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
29+
<ChildContent>
30+
这里是评论者写的评论内容。
31+
</ChildContent>
32+
<OperationContent>
33+
<li>
34+
<span><TIcon Name="IconName.ThumbUp"/></span>
35+
<span>10</span>
36+
</li>
37+
<li>
38+
<span><TIcon Name="IconName.Chat" /></span>
39+
<span>回复</span>
40+
</li>
41+
</OperationContent>
42+
</TComment>
43+
</RunContent>
44+
<CodeContent>
45+
@Code.Create(@"
46+
```html
47+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
48+
<ChildContent>
49+
这里是评论者写的评论内容。
50+
</ChildContent>
51+
<OperationContent>
52+
<li>
53+
<span><TIcon Name=""IconName.ThumbUp""/></span>
54+
<span>10</span>
55+
</li>
56+
<li>
57+
<span><TIcon Name=""IconName.Chat"" /></span>
58+
<span>回复</span>
59+
</li>
60+
</OperationContent>
61+
</TComment>
62+
```
63+
")
64+
</CodeContent>
65+
</Example>
66+
67+
<Example Title="列表评论">
68+
<Description>以列表形式展示的评论。</Description>
69+
<RunContent>
70+
<TList Split>
71+
<TListItem>
72+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
73+
<ChildContent>
74+
这里是评论者写的评论内容。
75+
</ChildContent>
76+
<OperationContent>
77+
<li>
78+
<span><TIcon Name="IconName.ThumbUp" /></span>
79+
<span>10</span>
80+
</li>
81+
<li>
82+
<span><TIcon Name="IconName.Chat" /></span>
83+
<span>回复</span>
84+
</li>
85+
</OperationContent>
86+
</TComment>
87+
</TListItem>
88+
89+
<TListItem>
90+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
91+
<ChildContent>
92+
这里是评论者写的评论内容。
93+
</ChildContent>
94+
<OperationContent>
95+
<li>
96+
<span><TIcon Name="IconName.ThumbUp" /></span>
97+
<span>10</span>
98+
</li>
99+
<li>
100+
<span><TIcon Name="IconName.Chat" /></span>
101+
<span>回复</span>
102+
</li>
103+
</OperationContent>
104+
</TComment>
105+
</TListItem>
106+
107+
<TListItem>
108+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
109+
<ChildContent>
110+
这里是评论者写的评论内容。
111+
</ChildContent>
112+
<OperationContent>
113+
<li>
114+
<span><TIcon Name="IconName.ThumbUp" /></span>
115+
<span>10</span>
116+
</li>
117+
<li>
118+
<span><TIcon Name="IconName.Chat" /></span>
119+
<span>回复</span>
120+
</li>
121+
</OperationContent>
122+
</TComment>
123+
</TListItem>
124+
</TList>
125+
</RunContent>
126+
<CodeContent>
127+
@Code.Create(@"
128+
```html
129+
<TList Split>
130+
<TListItem>
131+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
132+
<ChildContent>
133+
这里是评论者写的评论内容。
134+
</ChildContent>
135+
<OperationContent>
136+
<li>
137+
<span><TIcon Name=""IconName.ThumbUp"" /></span>
138+
<span>10</span>
139+
</li>
140+
<li>
141+
<span><TIcon Name=""IconName.Chat"" /></span>
142+
<span>回复</span>
143+
</li>
144+
</OperationContent>
145+
</TComment>
146+
</TListItem>
147+
<TListItem>
148+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
149+
<ChildContent>
150+
这里是评论者写的评论内容。
151+
</ChildContent>
152+
<OperationContent>
153+
<li>
154+
<span><TIcon Name=""IconName.ThumbUp"" /></span>
155+
<span>10</span>
156+
</li>
157+
<li>
158+
<span><TIcon Name=""IconName.Chat"" /></span>
159+
<span>回复</span>
160+
</li>
161+
</OperationContent>
162+
</TComment>
163+
</TListItem>
164+
<TListItem>
165+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
166+
<ChildContent>
167+
这里是评论者写的评论内容。
168+
</ChildContent>
169+
<OperationContent>
170+
<li>
171+
<span><TIcon Name=""IconName.ThumbUp"" /></span>
172+
<span>10</span>
173+
</li>
174+
<li>
175+
<span><TIcon Name=""IconName.Chat"" /></span>
176+
<span>回复</span>
177+
</li>
178+
</OperationContent>
179+
</TComment>
180+
</TListItem>
181+
</TList>
182+
```
183+
")
184+
</CodeContent>
185+
</Example>
186+
187+
<Example Title="带回复评论">
188+
<Description>展示一条评论的回复内容的组件，适用于对评论进行回复的场景，作者名称后可标明回复对象的名称。</Description>
189+
<RunContent>
190+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
191+
<ChildContent>
192+
这里是评论者写的评论内容。
193+
</ChildContent>
194+
<ReplyContent>
195+
<TComment Author="回复作者">
196+
回复的内容
197+
</TComment>
198+
</ReplyContent>
199+
<OperationContent>
200+
<li>
201+
<span><TIcon Name="IconName.ThumbUp"/></span>
202+
<span>10</span>
203+
</li>
204+
<li>
205+
<span><TIcon Name="IconName.Chat" /></span>
206+
<span>回复</span>
207+
</li>
208+
</OperationContent>
209+
</TComment>
210+
</RunContent>
211+
<CodeContent>
212+
@Code.Create(@"
213+
```html
214+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
215+
<ChildContent>
216+
这里是评论者写的评论内容。
217+
</ChildContent>
218+
<ReplyContent>
219+
<TComment Author=""回复作者"">
220+
回复的内容
221+
</TComment>
222+
</ReplyContent>
223+
<OperationContent>
224+
<li>
225+
<span><TIcon Name=""IconName.ThumbUp""/></span>
226+
<span>10</span>
227+
</li>
228+
<li>
229+
<span><TIcon Name=""IconName.Chat"" /></span>
230+
<span>回复</span>
231+
</li>
232+
</OperationContent>
233+
</TComment>
234+
```
235+
")
236+
</CodeContent>
237+
</Example>
238+
239+
<Example Title="带引用评论">
240+
<Description>评论可以引用其他内容，表示评论和其他内容的引用关系。</Description>
241+
<RunContent>
242+
<TComment Avatar="/avatar.jpg" Author="作者的名称" DateTime="今天 12:40">
243+
<ChildContent>
244+
这里是评论者写的评论内容。
245+
</ChildContent>
246+
<QuateContent>
247+
<TComment Author="回复作者">
248+
回复的内容
249+
</TComment>
250+
</QuateContent>
251+
<OperationContent>
252+
<li>
253+
<span><TIcon Name="IconName.ThumbUp"/></span>
254+
<span>10</span>
255+
</li>
256+
<li>
257+
<span><TIcon Name="IconName.Chat" /></span>
258+
<span>回复</span>
259+
</li>
260+
</OperationContent>
261+
</TComment>
262+
</RunContent>
263+
<CodeContent>
264+
@Code.Create(@"
265+
```html
266+
<TComment Avatar=""/avatar.jpg"" Author=""作者的名称"" DateTime=""今天 12:40"">
267+
<ChildContent>
268+
这里是评论者写的评论内容。
269+
</ChildContent>
270+
<QuateContent>
271+
<TComment Author=""回复作者"">
272+
回复的内容
273+
</TComment>
274+
</QuateContent>
275+
<OperationContent>
276+
<li>
277+
<span><TIcon Name=""IconName.ThumbUp""/></span>
278+
<span>10</span>
279+
</li>
280+
<li>
281+
<span><TIcon Name=""IconName.Chat"" /></span>
282+
<span>回复</span>
283+
</li>
284+
</OperationContent>
285+
</TComment>
286+
```
287+
")
288+
</CodeContent>
289+
</Example>

0 commit comments

Comments
 (0)