github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 12:02:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化提及窗口

Browse Source
This commit is contained in:
kuaifan 2025-07-25 15:52:04 +08:00
parent 13fb9db52b
commit 0eba0c6a4b
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -53,7 +53,7 @@
"postcss": "^8.4.5", "postcss": "^8.4.5",
"prismjs": "^1.29.0", "prismjs": "^1.29.0",
"quill-hi": "^2.0.0-rc1", "quill-hi": "^2.0.0-rc1",
"quill-mention-hi": "^4.0.0-8", "quill-mention-hi": "^4.0.0-9",
"resolve-url-loader": "^4.0.0", "resolve-url-loader": "^4.0.0",
"sass": "1.77.4", "sass": "1.77.4",
"sass-loader": "14.2.1", "sass-loader": "14.2.1",

6
resources/assets/js/pages/manage/components/ChatInput/index.vue
View File

@ -1993,10 +1993,10 @@ export default {
}) })
} }
this.userCache.push(...[{ this.userCache.push(...[{
label: [{id: 0, value: this.$L('群内成员'), disabled: true}], label: [{id: 0, value: this.$L('群内成员'), className: "sticky-top", disabled: true}],
list, list,
}, { }, {
label: [{id: 0, value: this.$L('群外成员'), disabled: true}], label: [{id: 0, value: this.$L('群外成员'), className: "sticky-top", disabled: true}],
list: moreUser, list: moreUser,
}]) }])
} else { } else {
@ -2005,7 +2005,7 @@ export default {
label: null, label: null,
list: [{id: 0, value: this.$L('所有人.All'), tip: ''}] list: [{id: 0, value: this.$L('所有人.All'), tip: ''}]
}, { }, {
label: [{id: 0, value: this.$L('群成员'), disabled: true}], label: [{id: 0, value: this.$L('群成员'), className: "sticky-top", disabled: true}],
list, list,
}]) }])
} else { } else {

19
resources/assets/sass/pages/components/chat-input.scss vendored
View File

@ -1078,11 +1078,7 @@
.ql-mention-list-container { .ql-mention-list-container {
width: auto; width: auto;
min-width: 220px; overflow: hidden;
max-width: 280px;
max-height: 360px;
overflow-x: hidden;
overflow-y: auto;
&.task-mention { &.task-mention {
.ql-mention-list { .ql-mention-list {
@ -1101,6 +1097,12 @@
} }
.ql-mention-list { .ql-mention-list {
min-width: 220px;
max-width: 280px;
max-height: 360px;
overflow-x: hidden;
overflow-y: auto;
> li { > li {
&:first-child { &:first-child {
margin-top: 8px; margin-top: 8px;
@ -1121,6 +1123,13 @@
border-radius: 4px; border-radius: 4px;
} }
&.sticky-top {
position: sticky;
background-color: #ffffff;
top: 0;
z-index: 10;
}
.mention-item-at { .mention-item-at {
flex-shrink: 0; flex-shrink: 0;
width: 28px; width: 28px;