fix: 解决移动端下，树形结构展开、收起交互失效的问题 #3038
Closed
+60
−21
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
lijinke666
reviewed
Dec 13, 2024
|
|
||
| this.treeIcon = renderTreeIcon({ | ||
| group: this, | ||
| iconCfg: { | ||
| x: iconX, |
There was a problem hiding this comment.
不建议增大 icon 的尺寸, 和 pc 表现不一致有一点奇怪
| }); | ||
|
|
||
| // 移动端, 点击热区为整个单元格 | ||
| if (isMobile()) { |
There was a problem hiding this comment.
移动端热区还是不变, 把 click 改成 touched 就能解决这个问题
if (isMobile()) {
this.addEventListener('touched', () => {
this.emitCollapseEvent();
});
}
There was a problem hiding this comment.
这个方案不妥，如果把整个单元格做为热区的话，单元格上的Tooltip就无法触发。所以我才考虑把icon放大
| ); | ||
| this.onTreeIconClick(isCollapsed); | ||
| }, | ||
| onTouchEnd: () => { |
There was a problem hiding this comment.
角头这里还是热区绑定单元格即可, 和 row-cell 一致
if (isMobile()) {
this.addEventListener('touched', () => {
this.emitCollapseEvent();
});
}
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
👀 PR includes
✨ Feature
🎨 Enhance
🐛 Bugfix
🔧 Chore
📝 Description
背景：
使用Antv S2进行移动端业务开发，左侧树形图的展收、收起交互失效。
改动点：
在移动端下，左侧树形结构展开、收起交互，不能将整个单元格作为热区，否则会影响到绑定到整个单元格的其他事件，而是适度增加Icon面积，仍然以Icon为交互热区。
问题：
左侧树形结构的展开、收起交互正常，同时又不会影响绑定到整个单元格的其他事件
🖼️ Screenshot
🔗 Related issue link
🔍 Self-Check before the merge