d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { MentionAdapter, MentionInputorElement, SeekQueryResult } from './adapter';
import { Mention, MentionDefaultDataItem } from '../interfaces';

export class EditableMentionAdapter extends MentionAdapter {
    inputor: MentionInputorElement;

    constructor(inputor: MentionInputorElement) {
        super(inputor);
    }

    seekQuery(event: Event, mention: Mention): SeekQueryResult {
        const selectionStart = getSelection().focusOffset;
        const value = this.inputor.innerText.replace(/[\r\n]/g, ' ');
        const start = value.lastIndexOf(mention.trigger, selectionStart);
        const fistSpaceIndexFromStart = value.indexOf(' ', selectionStart);
        const end = fistSpaceIndexFromStart > -1 ? fistSpaceIndexFromStart : value.length;
        const termWithTrigger = value.substring(start, end);
        const startBeforeHasSpace = start > 0 && value[start - 1] === ' ';
        if ((startBeforeHasSpace || start === 0) && !termWithTrigger.includes(' ') && !termWithTrigger.includes(mention.trigger, 1)) {
            return {
                start: start,
                end: end,
                term: termWithTrigger.substring(mention.trigger.length)
            };
        } else {
            return null;
        }
    }

    insertMention(item: MentionDefaultDataItem): string {
        if ((typeof ngDevMode === 'undefined' || ngDevMode) && !this.matchedMention) {
            throw new Error(`matchedMention is null`);
        }
        const insertValue = this.getInsertValue(item);
        const value: string = this.inputor.innerText;
        const newValue = [
            value.slice(0, this.matchedMention.query.start),
            insertValue,
            value.slice(this.matchedMention.query.end, value.length)
        ].join('');
        this.inputor.value = newValue;
        return newValue;
    }

    private getInsertValue(item: MentionDefaultDataItem) {
        if (this.matchedMention.mention.insertTransform) {
            return this.matchedMention.mention.insertTransform(item).trim() + ' ';
        } else {
            return `${this.matchedMention.mention.trigger}${item['name']}`.trim() + ' ';
        }
    }
}

1	import { MentionAdapter, MentionInputorElement, SeekQueryResult } from './adapter';
2	import { Mention, MentionDefaultDataItem } from '../interfaces';
3
4	export class EditableMentionAdapter extends MentionAdapter {	×
5	inputor: MentionInputorElement;
6
7	constructor(inputor: MentionInputorElement) {	×
8	super(inputor);	×
9	}	×
10		×
11	seekQuery(event: Event, mention: Mention): SeekQueryResult {	×
12	const selectionStart = getSelection().focusOffset;	×
13	const value = this.inputor.innerText.replace(/[\r\n]/g, ' ');	×
14	const start = value.lastIndexOf(mention.trigger, selectionStart);	×
15	const fistSpaceIndexFromStart = value.indexOf(' ', selectionStart);	×
16	const end = fistSpaceIndexFromStart > -1 ? fistSpaceIndexFromStart : value.length;
17	const termWithTrigger = value.substring(start, end);
18	const startBeforeHasSpace = start > 0 && value[start - 1] === ' ';
19	if ((startBeforeHasSpace \|\| start === 0) && !termWithTrigger.includes(' ') && !termWithTrigger.includes(mention.trigger, 1)) {
20	return {
21	start: start,
22	end: end,	×
23	term: termWithTrigger.substring(mention.trigger.length)
24	};
25	} else {
26	return null;	×
27	}	×
28	}
29		×
30	insertMention(item: MentionDefaultDataItem): string {	×
31	if ((typeof ngDevMode === 'undefined' \|\| ngDevMode) && !this.matchedMention) {	×
32	throw new Error(`matchedMention is null`);
33	}
34	const insertValue = this.getInsertValue(item);
35	const value: string = this.inputor.innerText;
36	const newValue = [	×
37	value.slice(0, this.matchedMention.query.start),	×
38	insertValue,
39	value.slice(this.matchedMention.query.end, value.length)
40	].join('');	×
41	this.inputor.value = newValue;	×
42	return newValue;
43	}
44		×
45	private getInsertValue(item: MentionDefaultDataItem) {
46	if (this.matchedMention.mention.insertTransform) {
47	return this.matchedMention.mention.insertTransform(item).trim() + ' ';
48	} else {
49	return `${this.matchedMention.mention.trigger}${item['name']}`.trim() + ' ';
50	}
51	}
52	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous