mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-12-22 08:20:10 +00:00
refactor(frontend): Improve typing (#14240)
* Improve typing * Remove redundant promise * Refactor * Update packages/frontend/src/scripts/mfm-function-picker.ts Co-authored-by: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> * Update packages/frontend/src/scripts/mfm-function-picker.ts Co-authored-by: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> --------- Co-authored-by: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>
This commit is contained in:
parent
68bcd91d57
commit
6942a920c8
1 changed files with 12 additions and 17 deletions
|
@ -7,29 +7,24 @@ import { Ref, nextTick } from 'vue';
|
||||||
import * as os from '@/os.js';
|
import * as os from '@/os.js';
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
import { MFM_TAGS } from '@/const.js';
|
import { MFM_TAGS } from '@/const.js';
|
||||||
|
import type { MenuItem } from '@/types/menu.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* MFMの装飾のリストを表示する
|
* MFMの装飾のリストを表示する
|
||||||
*/
|
*/
|
||||||
export function mfmFunctionPicker(src: any, textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>) {
|
export function mfmFunctionPicker(src: HTMLElement | EventTarget | null, textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>) {
|
||||||
return new Promise((res, rej) => {
|
|
||||||
os.popupMenu([{
|
os.popupMenu([{
|
||||||
text: i18n.ts.addMfmFunction,
|
text: i18n.ts.addMfmFunction,
|
||||||
type: 'label',
|
type: 'label',
|
||||||
}, ...getFunctionList(textArea, textRef)], src);
|
}, ...getFunctionList(textArea, textRef)], src);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getFunctionList(textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>) : object[] {
|
function getFunctionList(textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>): MenuItem[] {
|
||||||
const ret: object[] = [];
|
return MFM_TAGS.map(tag => ({
|
||||||
MFM_TAGS.forEach(tag => {
|
|
||||||
ret.push({
|
|
||||||
text: tag,
|
text: tag,
|
||||||
icon: 'ti ti-icons',
|
icon: 'ti ti-icons',
|
||||||
action: () => add(textArea, textRef, tag),
|
action: () => add(textArea, textRef, tag),
|
||||||
});
|
}));
|
||||||
});
|
|
||||||
return ret;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function add(textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>, type: string) {
|
function add(textArea: HTMLInputElement | HTMLTextAreaElement, textRef: Ref<string>, type: string) {
|
||||||
|
|
Loading…
Reference in a new issue