83 lines
2.4 KiB
JavaScript
Vendored
83 lines
2.4 KiB
JavaScript
Vendored
import Vue from 'vue';
|
|
import Emoji from "./emoji.vue";
|
|
import {Modal} from "view-design-hi";
|
|
|
|
// 加载中的输入框的uid，主要用于判断是否最后一个输入框
|
|
const inputLoadUid = []
|
|
|
|
function inputLoadIsLast(uid) {
|
|
if (inputLoadUid.length === 0) {
|
|
return true
|
|
}
|
|
const index = inputLoadUid.indexOf(uid)
|
|
if (index === -1) {
|
|
return false
|
|
}
|
|
return index === inputLoadUid.length - 1
|
|
}
|
|
|
|
const inputLoadRemove = (uid) => {
|
|
const index = inputLoadUid.indexOf(uid)
|
|
if (index !== -1) {
|
|
inputLoadUid.splice(index, 1)
|
|
}
|
|
}
|
|
|
|
const inputLoadAdd = (uid) => {
|
|
inputLoadRemove(uid)
|
|
inputLoadUid.push(uid)
|
|
}
|
|
|
|
function choiceEmojiOne() {
|
|
return new Promise(resolve => {
|
|
const Instance = new Vue({
|
|
render (h) {
|
|
return h(Modal, {
|
|
class: 'chat-emoji-one-modal',
|
|
props: {
|
|
fullscreen: true,
|
|
footerHide: true,
|
|
},
|
|
on: {
|
|
'on-visible-change': (v) => {
|
|
if (!v) {
|
|
setTimeout(_ => {
|
|
document.body.removeChild(this.$el);
|
|
}, 500)
|
|
}
|
|
}
|
|
}
|
|
}, [
|
|
h(Emoji, {
|
|
attrs: {
|
|
onlyEmoji: true
|
|
},
|
|
on: {
|
|
'on-select': (item) => {
|
|
this.$children[0].visible = false
|
|
if (item.type === 'emoji') {
|
|
resolve(item.text)
|
|
}
|
|
},
|
|
}
|
|
})
|
|
]);
|
|
}
|
|
});
|
|
|
|
const component = Instance.$mount();
|
|
document.body.appendChild(component.$el);
|
|
|
|
const modal = Instance.$children[0];
|
|
modal.visible = true;
|
|
|
|
modal.$el.lastChild.addEventListener("click", ({target}) => {
|
|
if (target.classList.contains("ivu-modal-body")) {
|
|
modal.visible = false
|
|
}
|
|
});
|
|
})
|
|
}
|
|
|
|
export {choiceEmojiOne, inputLoadAdd, inputLoadRemove, inputLoadIsLast}
|