Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
syuilo 2020-09-19 17:13:48 +09:00
parent 0b4b5fad6d
commit e796d24292
4 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/client/components/autocomplete.vue
View file

@ -35,6 +35,7 @@ import { twemojiSvgBase } from '../../misc/twemoji-base';
import { getStaticImageUrl } from '@/scripts/get-static-image-url';
import MkUserSelect from './user-select.vue';
import { acct } from '../filters/user';
import * as os from '@/os';
type EmojiDef = {
emoji: string;
@ -74,7 +75,6 @@ for (const x of lib) {
}
emjdb.sort((a, b) => a.name.length - b.name.length);
import * as os from '@/os';
export default defineComponent({
props: {

5
src/client/components/reaction-picker.vue
View file

@ -3,7 +3,7 @@
<div class="buttons" ref="buttons" :class="{ showFocus }">
<button class="_button" v-for="(reaction, i) in rs" :key="reaction" @click="react(reaction)" :tabindex="i + 1" :title="reaction" v-particle><x-reaction-icon :reaction="reaction"/></button>
</div>
<input class="text" v-model.trim="text" :placeholder="$t('enterEmoji')" @keyup.enter="reactText" @input="tryReactText" v-autocomplete="{ model: 'text' }">
<input class="text" ref="text" v-model.trim="text" :placeholder="$t('enterEmoji')" @keyup.enter="reactText" @input="tryReactText">
</div>
</template>
@ -12,6 +12,7 @@ import { defineComponent } from 'vue';
import { emojiRegex } from '../../misc/emoji-regex';
import XReactionIcon from './reaction-icon.vue';
import * as os from '@/os';
import { Autocomplete } from '@/scripts/autocomplete';
export default defineComponent({
components: {
@ -69,6 +70,8 @@ export default defineComponent({
mounted() {
this.focus = 0;
new Autocomplete(this.$refs.text, this, { model: 'text' });
},
methods: {