Skip to content

feat(comment): add mobile comment component - #978

Merged
anlyyao merged 31 commits into
Tencent:developfrom
slatejack:feature/comment
Oct 15, 2026
Merged

anlyyao merged 31 commits into
Tencent:developfrom
slatejack:feature/comment

Conversation

@slatejack

@slatejack slatejack commented Sep 23, 2026 •

Copy link
Copy Markdown
Collaborator

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

fix #952

相关 PRs

Tencent/tdesign-common#2711
Tencent/tdesign-common#2730
Tencent/tdesign-common#2733

💡 需求背景和解决方案

📝 更新日志

  • feat(Comment): 新增 Comment 评论组件

  • 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@github-actions

github-actions Bot commented Sep 23, 2026 •

Copy link
Copy Markdown
Contributor

失败

@slatejack slatejack changed the title feat: add mobile comment component feat(comment): add mobile comment component Sep 23, 2026
Comment thread src/comment/Comment.tsx Outdated
Comment thread src/comment/Comment.tsx
Comment thread src/comment/_example/base.tsx
Comment thread src/comment/_example/long-press.tsx Outdated
Comment thread src/comment/Comment.tsx
@anlyyao

anlyyao commented Sep 30, 2026 •

Copy link
Copy Markdown
Collaborator

TODO

截屏2026-09-30 17 04 13
  • folds 需要支持受控和非受控。type.ts:42 声明的 defaultFolds 在组件里从未读取
  • <ChevronDownSIcon /> / <ChevronUpSIcon /> 图标尺寸为 16px,目前为 12px
  • LESS 把正文样式放在 &__detail,但 TSX 用的是 __content,正文得不到 16px/1.5 字号与换行。 组件文件和样式文件类名未对齐,无用样式直接移除

@anlyyao

anlyyao commented Oct 8, 2026

Copy link
Copy Markdown
Collaborator

/update-common

@anlyyao

anlyyao commented Oct 8, 2026

Copy link
Copy Markdown
Collaborator

/update-snapshot

@github-actions

github-actions Bot commented Oct 8, 2026

Copy link
Copy Markdown
Contributor

⏳ 正在运行快照更新。。。 CI: Open

@pkg-pr-new

pkg-pr-new Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/tdesign-mobile-react@978

commit: 5509735

@2584390010-pixel

Copy link
Copy Markdown

容器的颜色是td-mask-active,容器内部的左右间距应该是td-comp-paddingLR-s(8px),没有上下间距2px,字号应该是ExtraSmall(10px),字体颜色td-text-color-anti
image

@slatejack

Copy link
Copy Markdown
Collaborator Author

image 缺少了2px间距td-comp-margin-xxs

间距设置在'Name1 名称 作者'区域,已替换使用 token

@anlyyao

anlyyao commented Oct 12, 2026

Copy link
Copy Markdown
Collaborator

/update-common

@2584390010-pixel

Copy link
Copy Markdown

图片缺少了2px间距td-comp-margin-xxs

间距设置在'Name1 名称 作者'区域,已替换使用 token

间距我看去除了,但是距离下面还是没有2px间距

@2584390010-pixel

Copy link
Copy Markdown

名称的行高应该是20px,还有回复文案的行高也应该是20px

@2584390010-pixel

Copy link
Copy Markdown

名称的行高应该是20px,还有回复文案的行高也应该是20px

image

@slatejack

Copy link
Copy Markdown
Collaborator Author

图片缺少了2px间距td-comp-margin-xxs

间距设置在'Name1 名称 作者'区域,已替换使用 token

间距我看去除了,但是距离下面还是没有2px间距

image 在这里

@2584390010-pixel

Copy link
Copy Markdown

这里的间距总值应该是56px
image

@2584390010-pixel

Copy link
Copy Markdown

一级评论和二级回复评论之间有个多余的空白区域,需要去掉;还有二级回复评论文案距离上面的容器间距不是12px,是8px,这块能否和一级评论的12px间距区分开
image

@slatejack

Copy link
Copy Markdown
Collaborator Author

这里的间距总值应该是56px image

浏览器切无痕模式看下

@anlyyao

anlyyao commented Oct 13, 2026

Copy link
Copy Markdown
Collaborator

/update-common

@anlyyao

anlyyao commented Oct 13, 2026

Copy link
Copy Markdown
Collaborator

/update-snapshot

@github-actions

Copy link
Copy Markdown
Contributor

⏳ 正在运行快照更新。。。 CI: Open

@anlyyao

anlyyao commented Oct 14, 2026

Copy link
Copy Markdown
Collaborator

/update-common

@anlyyao

anlyyao commented Oct 15, 2026

Copy link
Copy Markdown
Collaborator

/update-common

@anlyyao
anlyyao merged commit 2c5471f into Tencent:develop Oct 15, 2026
9 checks passed
@anlyyao anlyyao mentioned this pull request Oct 15, 2026
1 of 16 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[comment] 新增评论组件

4 participants