github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-15 12:03:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: support slash trigger for mention/task/file/report

Browse Source
This commit is contained in:
kuaifan 2025-12-24 00:59:31 +00:00
parent dc77f1cda1
commit 230ebbcfb9
1 changed files with 56 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1219,10 +1219,11 @@ export default {
quillMention() { quillMention() {
return { return {
allowedChars: /^\S*$/, allowedChars: /^\S*$/,
mentionDenotationChars: ["@", "#", "~", "%"], mentionDenotationChars: ["@", "#", "~", "%", "/"],
defaultMenuOrientation: this.defaultMenuOrientation, defaultMenuOrientation: this.defaultMenuOrientation,
isolateCharacter: true, isolateCharacter: true,
positioningStrategy: 'fixed', positioningStrategy: 'fixed',
dataAttributes: ['tip'],
renderItem: (data) => { renderItem: (data) => {
if (data.disabled === true) { if (data.disabled === true) {
return `<div class="mention-item-disabled">${data.value}</div>`; return `<div class="mention-item-disabled">${data.value}</div>`;
@ -1241,13 +1242,34 @@ export default {
renderLoading: () => { renderLoading: () => {
return "Loading..."; return "Loading...";
}, },
onSelect: function (item, insertItem) {
if (item.denotationChar === "/" && item.tip) {
const mentionCharPos = this.mentionCharPos;
const cursorPos = this.cursorPos;
if (typeof mentionCharPos === 'number' && typeof cursorPos === 'number' && cursorPos >= mentionCharPos) {
this.quill.deleteText(mentionCharPos, cursorPos - mentionCharPos, Quill.sources.USER);
this.quill.setSelection(mentionCharPos, 0, Quill.sources.USER);
}
this.openMenu(item.tip);
return;
}
insertItem(item);
},
source: (searchTerm, renderList, mentionChar) => { source: (searchTerm, renderList, mentionChar) => {
const mentionName = mentionChar == "@" ? 'user-mention' : (mentionChar == "#" ? 'task-mention' : 'file-mention'); const mentionMap = {
'@': 'user-mention',
'#': 'task-mention',
'/': 'slash-mention'
};
const mentionName = mentionMap[mentionChar] || 'file-mention';
const containers = document.getElementsByClassName("ql-mention-list-container"); const containers = document.getElementsByClassName("ql-mention-list-container");
for (let i = 0; i < containers.length; i++) { for (let i = 0; i < containers.length; i++) {
containers[i].classList.remove("user-mention"); containers[i].classList.remove(
containers[i].classList.remove("task-mention"); "user-mention",
containers[i].classList.remove("file-mention"); "task-mention",
"file-mention",
"slash-mention"
);
containers[i].classList.add(mentionName); containers[i].classList.add(mentionName);
} }
let mentionSourceCache = null; let mentionSourceCache = null;
@ -2609,6 +2631,35 @@ export default {
}, 300) }, 300)
break; break;
case "/": // /快捷菜单
this.mentionMode = "slash-mention";
resultCallback([{
label: null,
list: [
{
id: 'mention',
value: this.$L('提及'),
tip: '@',
},
{
id: 'task',
value: this.$L('任务'),
tip: '#',
},
{
id: 'file',
value: this.$L('文件'),
tip: '~',
},
{
id: 'report',
value: this.$L('工作报告'),
tip: '%',
},
]
}])
break;
default: default:
resultCallback([]) resultCallback([])
break; break;