SCHISANDRA/schisandra-cloud-album-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔥 remove lottie emoji images/ remove related code

Browse Source
This commit is contained in:
landaiqing
2024-10-15 17:23:44 +08:00
parent da39551586
commit fe090e6e1b
281 changed files with 53 additions and 944 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/components/CommentReply/src/CommentInput/CommentInput.vue
View File

@@ -16,74 +16,21 @@
<AFlex :vertical="false" align="center" class="comment-action-item">
<APopover trigger="click" placement="bottom">
<template #content>
<ATabs v-model:active-key="emojiType" @change="changeEmojiType">
<ATabPane key="qq">
<template #tab>
<AFlex :vertical="false" align="center">
<SmileOutlined style="font-size: 18px;"/>
</AFlex>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="comment.emojiList">
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmoji(item.name)" type="text" shape="circle" size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="currentEmojiList">
<template #loadMore>
<ADivider v-show="currentEmojiListSize<comment.emojiList.length">
<AButton type="text" size="small" @click="loadMoreEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentEmojiListSize>=comment.emojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmoji(item.name)" type="text" shape="circle" size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
<ATabPane key="lottie">
<template #tab>
<AFlex :vertical="false" align="center">
<StarOutlined style="font-size: 18px;"/>
</AFlex>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 3 }" :data-source="currentLottieEmojiList">
<template #loadMore>
<ADivider v-show="currentLottieEmojiListSize<comment.lottieEmojiList.length">
<AButton type="text" size="small" @click="loadMoreLottieEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentLottieEmojiListSize>=comment.lottieEmojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmoji(item.name)" type="text" shape="default" size="large"
class="comment-emoji-item" style="width: 75px;height: 75px;">
<template #icon>
<img :width="70" :height="70" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
</ATabs>
</AList>
</div>
</template>
<AButton type="text" size="small" :icon="h(SmileOutlined)" class="comment-action-icon">
{{ t('comment.emoji') }}
@@ -179,31 +126,6 @@ const commentSlideCaptchaEvent = {
getSlideCaptchaDataThrottled();
},
};
const emojiType = ref<string>("qq");
const currentEmojiList = ref<any[]>(comment.emojiList.slice(0, 20));
const currentEmojiListSize = ref<number>(20);
const currentLottieEmojiList = ref<any[]>(comment.lottieEmojiList.slice(0, 15));
const currentLottieEmojiListSize = ref<number>(15);
/**
* 加载更多表情
*/
const loadMoreEmoji = async () => {
if (currentEmojiListSize.value >= comment.emojiList.length) {
return;
}
currentEmojiListSize.value += 20;
currentEmojiList.value = comment.emojiList.slice(0, currentEmojiListSize.value);
};
/**
* 加载更多Lottie表情
*/
const loadMoreLottieEmoji = async () => {
if (currentLottieEmojiListSize.value >= comment.lottieEmojiList.length) {
return;
}
currentLottieEmojiListSize.value += 15;
currentLottieEmojiList.value = comment.lottieEmojiList.slice(0, currentLottieEmojiListSize.value);
};
/**
* 聚焦事件
@@ -217,13 +139,7 @@ async function onFocusHandler() {
* @param emoji
*/
async function insertEmoji(emoji: string) {
if (emojiType.value === "qq") {
commentContent.value += "[" + emoji + "]";
} else if (emojiType.value === "lottie") {
commentContent.value += ":" + emoji + ":";
} else {
return;
}
commentContent.value += "[" + emoji + "]";
}
@@ -249,14 +165,10 @@ async function commentSubmit(point: any) {
const contentWithEmoji = content.replace(regex, (_match, p1) => {
return `<img width="30px" height="30px" loading="lazy" src="/emoji/qq/gif/${p1}" alt="emoji ${p1}" />`;
});
const regexWithLottieEmoji = /\:((1[0-0-8]|[1-9]?[0-9])\.gif)\:/g; // 匹配 :1.gif: 的字符串
const contentWithLottieEmoji = contentWithEmoji.replace(regexWithLottieEmoji, (_match, p1) => {
return `<img width="80px" height="80px" loading="lazy" src="/emoji/qq/lottie/${p1}" alt="emoji ${p1}" />`;
});
const commentParams: object = {
user_id: user.user.uid,
topic_id: topicId.value,
content: contentWithLottieEmoji,
content: contentWithEmoji,
images: comment.imageList,
author: user.user.uid,
point: [point.x, point.y],
@@ -311,14 +223,6 @@ async function showSlideCaptcha() {
}
}
/**
* 切换表情类型
* @param type
* @returns
*/
async function changeEmojiType(type: string) {
emojiType.value = type;
}
</script>
<style src="./index.scss" lang="scss" scoped>

133
src/components/CommentReply/src/ReplyInput/ReplyInput.vue
View File

@@ -22,76 +22,22 @@
<AFlex :vertical="false" align="center" class="comment-action-item-reply">
<APopover trigger="click" placement="bottom">
<template #content>
<ATabs v-model:active-key="emojiType" @change="changeEmojiType">
<ATabPane key="qq">
<template #tab>
<AFlex :vertical="false" align="center">
<SmileOutlined style="font-size: 18px;"/>
</AFlex>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="comment.emojiList">
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyContent(item.name)" type="text" shape="circle"
size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="currentEmojiList">
<template #loadMore>
<ADivider v-show="currentEmojiListSize<comment.emojiList.length">
<AButton type="text" size="small" @click="loadMoreEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentEmojiListSize>=comment.emojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyContent(item.name)" type="text" shape="circle"
size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
<ATabPane key="lottie">
<template #tab>
<AFlex :vertical="false" align="center">
<StarOutlined style="font-size: 18px;"/>
</AFlex>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 3 }" :data-source="currentLottieEmojiList">
<template #loadMore>
<ADivider v-show="currentLottieEmojiListSize<comment.lottieEmojiList.length">
<AButton type="text" size="small" @click="loadMoreLottieEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentLottieEmojiListSize>=comment.lottieEmojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyContent(item.name)" type="text" shape="default"
size="large"
class="comment-emoji-item" style="width: 75px;height: 75px;">
<template #icon>
<img :width="70" :height="70" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
</ATabs>
</AList>
</div>
</template>
<AButton type="text" size="small" :icon="h(SmileOutlined)"
class="comment-action-icon-reply">
@@ -189,54 +135,13 @@ const commentSlideCaptchaEvent = {
getSlideCaptchaDataThrottled();
},
};
const emojiType = ref<string>("qq");
const currentEmojiList = ref<any[]>(comment.emojiList.slice(0, 20));
const currentEmojiListSize = ref<number>(20);
const currentLottieEmojiList = ref<any[]>(comment.lottieEmojiList.slice(0, 15));
const currentLottieEmojiListSize = ref<number>(15);
/**
* 加载更多表情
*/
const loadMoreEmoji = async () => {
if (currentEmojiListSize.value >= comment.emojiList.length) {
return;
}
currentEmojiListSize.value += 20;
currentEmojiList.value = comment.emojiList.slice(0, currentEmojiListSize.value);
};
/**
* 加载更多Lottie表情
*/
const loadMoreLottieEmoji = async () => {
if (currentLottieEmojiListSize.value >= comment.lottieEmojiList.length) {
return;
}
currentLottieEmojiListSize.value += 15;
currentLottieEmojiList.value = comment.lottieEmojiList.slice(0, currentLottieEmojiListSize.value);
};
/**
* 切换表情类型
* @param type
* @returns
*/
async function changeEmojiType(type: string) {
emojiType.value = type;
}
/**
* 插入表情到回复内容
* @param emoji
*/
async function insertEmojiToReplyContent(emoji: string) {
if (emojiType.value === "qq") {
replyContent.value += "[" + emoji + "]";
} else if (emojiType.value === "lottie") {
replyContent.value += ":" + emoji + ":";
} else {
return;
}
replyContent.value += "[" + emoji + "]";
}
@@ -262,10 +167,6 @@ async function replySubmit(point: any) {
const contentWithEmoji = content.replace(regex, (_match, p1) => {
return `<img width="30px" height="30px" loading="lazy" src="/emoji/qq/gif/${p1}" alt="emoji ${p1}" />`;
});
const regexWithLottieEmoji = /\:((1[0-0-8]|[1-9]?[0-9])\.gif)\:/g; // 匹配 :1.gif: 的字符串
const contentWithLottieEmoji = contentWithEmoji.replace(regexWithLottieEmoji, (_match, p1) => {
return `<img width="80px" height="80px" loading="lazy" src="/emoji/qq/lottie/${p1}" alt="emoji ${p1}" />`;
});
const replyParams: {
images: any;
reply_id: number;
@@ -279,7 +180,7 @@ async function replySubmit(point: any) {
} = {
user_id: user.user.uid,
topic_id: topicId.value,
content: contentWithLottieEmoji,
content: contentWithEmoji,
images: comment.imageList,
author: user.user.uid,
reply_id: props.item.id,

134
src/components/CommentReply/src/ReplyReplyInput/ReplyReply.vue
View File

@@ -25,76 +25,22 @@
<AFlex :vertical="false" align="center" class="comment-action-item-reply-child">
<APopover trigger="click" placement="bottom">
<template #content>
<ATabs v-model:active-key="emojiType" @change="changeEmojiType">
<ATabPane key="qq">
<template #tab>
<AFlex :vertical="false" align="center">
<SmileOutlined style="font-size: 18px;"/>
</AFlex>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="comment.emojiList">
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyReplyContent(item.name)" type="text" shape="circle"
size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 4 }" :data-source="currentEmojiList">
<template #loadMore>
<ADivider v-show="currentEmojiListSize<comment.emojiList.length">
<AButton type="text" size="small" @click="loadMoreEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentEmojiListSize>=comment.emojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyReplyContent(item.name)" type="text" shape="circle"
size="large"
class="comment-emoji-item">
<template #icon>
<img :width="35" :height="35" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
<ATabPane key="lottie">
<template #tab>
<AFlex :vertical="false" align="center">
<StarOutlined style="font-size: 18px;"/>
</AFlex>
</template>
<div style="width: 250px;height: 200px;overflow: auto;">
<AList :grid="{ gutter: 0, column: 3 }" :data-source="currentLottieEmojiList">
<template #loadMore>
<ADivider v-show="currentLottieEmojiListSize<comment.lottieEmojiList.length">
<AButton type="text" size="small" @click="loadMoreLottieEmoji">{{
t('comment.loadingMore')
}}
</AButton>
</ADivider>
<ADivider v-show="currentLottieEmojiListSize>=comment.lottieEmojiList.length">
{{ t('comment.noMore') }}
</ADivider>
</template>
<template #renderItem="{ item }">
<AListItem style="display: flex;align-items: center;justify-content: center;">
<AButton @click="insertEmojiToReplyReplyContent(item.name)" type="text" shape="default"
size="large"
class="comment-emoji-item" style="width: 75px;height: 75px;">
<template #icon>
<img :width="70" :height="70" loading="lazy" :src="item.path"
:alt="item.name"/>
</template>
</AButton>
</AListItem>
</template>
</AList>
</div>
</ATabPane>
</ATabs>
</AList>
</div>
</template>
<AButton type="text" size="small" :icon="h(SmileOutlined)"
class="comment-action-icon-reply-child">
@@ -201,55 +147,13 @@ const commentSlideCaptchaEvent = {
getSlideCaptchaDataThrottled();
},
};
const emojiType = ref<string>("qq");
const currentEmojiList = ref<any[]>(comment.emojiList.slice(0, 20));
const currentEmojiListSize = ref<number>(20);
const currentLottieEmojiList = ref<any[]>(comment.lottieEmojiList.slice(0, 15));
const currentLottieEmojiListSize = ref<number>(15);
/**
* 加载更多表情
*/
const loadMoreEmoji = async () => {
if (currentEmojiListSize.value >= comment.emojiList.length) {
return;
}
currentEmojiListSize.value += 20;
currentEmojiList.value = comment.emojiList.slice(0, currentEmojiListSize.value);
};
/**
* 加载更多Lottie表情
*/
const loadMoreLottieEmoji = async () => {
if (currentLottieEmojiListSize.value >= comment.lottieEmojiList.length) {
return;
}
currentLottieEmojiListSize.value += 15;
currentLottieEmojiList.value = comment.lottieEmojiList.slice(0, currentLottieEmojiListSize.value);
};
/**
* 切换表情类型
* @param type
* @returns
*/
async function changeEmojiType(type: string) {
emojiType.value = type;
}
/**
* 插入表情到回复内容
* @param emoji
*/
async function insertEmojiToReplyReplyContent(emoji: string) {
if (emojiType.value === "qq") {
replyReplyContent.value += "[" + emoji + "]";
} else if (emojiType.value === "lottie") {
replyReplyContent.value += ":" + emoji + ":";
} else {
return;
}
replyReplyContent.value += "[" + emoji + "]";
}
/**
@@ -274,14 +178,10 @@ async function replyReplySubmit(point: any) {
const contentWithEmoji = content.replace(regex, (_match, p1) => {
return `<img width="30px" height="30px" loading="lazy" src="/emoji/qq/gif/${p1}" alt="emoji ${p1}" />`;
});
const regexWithLottieEmoji = /:((1[0-0-8]|[1-9]?[0-9])\.gif):/g; // 匹配 :1.gif: 的字符串
const contentWithLottieEmoji = contentWithEmoji.replace(regexWithLottieEmoji, (_match, p1) => {
return `<img width="80px" height="80px" loading="lazy" src="/emoji/qq/lottie/${p1}" alt="emoji ${p1}" />`;
});
const replyParams: ReplyCommentParams = {
user_id: user.user.uid,
topic_id: topicId.value,
content: contentWithLottieEmoji,
content: contentWithEmoji,
images: comment.imageList,
author: user.user.uid,
reply_to: props.child.id,

114
src/constant/qq_emoji.ts
View File

@@ -549,119 +549,7 @@ const QQ_EMOJI = [
{
name: "138.gif",
path: "/emoji/qq/gif/138.gif",
},
{
name: "139.gif",
path: "/emoji/qq/gif/139.gif",
},
{
name: "140.gif",
path: "/emoji/qq/gif/140.gif",
},
{
name: "141.gif",
path: "/emoji/qq/gif/141.gif",
},
{
name: "142.gif",
path: "/emoji/qq/gif/142.gif",
},
{
name: "143.gif",
path: "/emoji/qq/gif/143.gif",
},
{
name: "144.gif",
path: "/emoji/qq/gif/144.gif",
},
{
name: "145.gif",
path: "/emoji/qq/gif/145.gif",
},
{
name: "146.gif",
path: "/emoji/qq/gif/146.gif",
},
{
name: "147.gif",
path: "/emoji/qq/gif/147.gif",
},
{
name: "148.gif",
path: "/emoji/qq/gif/148.gif",
},
{
name: "149.gif",
path: "/emoji/qq/gif/149.gif",
},
{
name: "150.gif",
path: "/emoji/qq/gif/150.gif",
},
{
name: "151.gif",
path: "/emoji/qq/gif/151.gif",
},
{
name: "152.gif",
path: "/emoji/qq/gif/152.gif",
},
{
name: "153.gif",
path: "/emoji/qq/gif/153.gif",
},
{
name: "154.gif",
path: "/emoji/qq/gif/154.gif",
},
{
name: "155.gif",
path: "/emoji/qq/gif/155.gif",
},
{
name: "156.gif",
path: "/emoji/qq/gif/156.gif",
},
{
name: "157.gif",
path: "/emoji/qq/gif/157.gif",
},
{
name: "158.gif",
path: "/emoji/qq/gif/158.gif",
},
{
name: "159.gif",
path: "/emoji/qq/gif/159.gif",
},
{
name: "160.gif",
path: "/emoji/qq/gif/160.gif",
},
{
name: "161.gif",
path: "/emoji/qq/gif/161.gif",
},
{
name: "162.gif",
path: "/emoji/qq/gif/162.gif",
},
{
name: "163.gif",
path: "/emoji/qq/gif/163.gif",
},
{
name: "164.gif",
path: "/emoji/qq/gif/164.gif",
},
{
name: "165.gif",
path: "/emoji/qq/gif/165.gif",
},
{
name: "166.gif",
path: "/emoji/qq/gif/166.gif",
},
}
];
export default QQ_EMOJI;

436
src/constant/qq_lottie_emoji.ts
View File

@@ -1,436 +0,0 @@
const QQ_LOTTIE_EMOJI = [
{
name: "1.gif",
path: "/emoji/qq/lottie/1.gif",
},
{
name: "2.gif",
path: "/emoji/qq/lottie/2.gif",
},
{
name: "3.gif",
path: "/emoji/qq/lottie/3.gif",
},
{
name: "4.gif",
path: "/emoji/qq/lottie/4.gif",
},
{
name: "5.gif",
path: "/emoji/qq/lottie/5.gif",
},
{
name: "6.gif",
path: "/emoji/qq/lottie/6.gif",
},
{
name: "7.gif",
path: "/emoji/qq/lottie/7.gif",
},
{
name: "8.gif",
path: "/emoji/qq/lottie/8.gif",
},
{
name: "9.gif",
path: "/emoji/qq/lottie/9.gif",
},
{
name: "10.gif",
path: "/emoji/qq/lottie/10.gif",
},
{
name: "11.gif",
path: "/emoji/qq/lottie/11.gif",
},
{
name: "12.gif",
path: "/emoji/qq/lottie/12.gif",
},
{
name: "13.gif",
path: "/emoji/qq/lottie/13.gif",
},
{
name: "14.gif",
path: "/emoji/qq/lottie/14.gif",
},
{
name: "15.gif",
path: "/emoji/qq/lottie/15.gif",
},
{
name: "16.gif",
path: "/emoji/qq/lottie/16.gif",
},
{
name: "17.gif",
path: "/emoji/qq/lottie/17.gif",
},
{
name: "18.gif",
path: "/emoji/qq/lottie/18.gif",
},
{
name: "19.gif",
path: "/emoji/qq/lottie/19.gif",
},
{
name: "20.gif",
path: "/emoji/qq/lottie/20.gif",
},
{
name: "21.gif",
path: "/emoji/qq/lottie/21.gif",
},
{
name: "22.gif",
path: "/emoji/qq/lottie/22.gif",
},
{
name: "23.gif",
path: "/emoji/qq/lottie/23.gif",
},
{
name: "24.gif",
path: "/emoji/qq/lottie/24.gif",
},
{
name: "25.gif",
path: "/emoji/qq/lottie/25.gif",
},
{
name: "26.gif",
path: "/emoji/qq/lottie/26.gif",
},
{
name: "27.gif",
path: "/emoji/qq/lottie/27.gif",
},
{
name: "28.gif",
path: "/emoji/qq/lottie/28.gif",
},
{
name: "29.gif",
path: "/emoji/qq/lottie/29.gif",
},
{
name: "30.gif",
path: "/emoji/qq/lottie/30.gif",
},
{
name: "31.gif",
path: "/emoji/qq/lottie/31.gif",
},
{
name: "32.gif",
path: "/emoji/qq/lottie/32.gif",
},
{
name: "33.gif",
path: "/emoji/qq/lottie/33.gif",
},
{
name: "34.gif",
path: "/emoji/qq/lottie/34.gif",
},
{
name: "35.gif",
path: "/emoji/qq/lottie/35.gif",
},
{
name: "36.gif",
path: "/emoji/qq/lottie/36.gif",
},
{
name: "37.gif",
path: "/emoji/qq/lottie/37.gif",
},
{
name: "38.gif",
path: "/emoji/qq/lottie/38.gif",
},
{
name: "39.gif",
path: "/emoji/qq/lottie/39.gif",
},
{
name: "40.gif",
path: "/emoji/qq/lottie/40.gif",
},
{
name: "41.gif",
path: "/emoji/qq/lottie/41.gif",
},
{
name: "42.gif",
path: "/emoji/qq/lottie/42.gif",
},
{
name: "43.gif",
path: "/emoji/qq/lottie/43.gif",
},
{
name: "44.gif",
path: "/emoji/qq/lottie/44.gif",
},
{
name: "45.gif",
path: "/emoji/qq/lottie/45.gif",
},
{
name: "46.gif",
path: "/emoji/qq/lottie/46.gif",
},
{
name: "47.gif",
path: "/emoji/qq/lottie/47.gif",
},
{
name: "48.gif",
path: "/emoji/qq/lottie/48.gif",
},
{
name: "49.gif",
path: "/emoji/qq/lottie/49.gif",
},
{
name: "50.gif",
path: "/emoji/qq/lottie/50.gif",
},
{
name: "51.gif",
path: "/emoji/qq/lottie/51.gif",
},
{
name: "52.gif",
path: "/emoji/qq/lottie/52.gif",
},
{
name: "53.gif",
path: "/emoji/qq/lottie/53.gif",
},
{
name: "54.gif",
path: "/emoji/qq/lottie/54.gif",
},
{
name: "55.gif",
path: "/emoji/qq/lottie/55.gif",
},
{
name: "56.gif",
path: "/emoji/qq/lottie/56.gif",
},
{
name: "57.gif",
path: "/emoji/qq/lottie/57.gif",
},
{
name: "58.gif",
path: "/emoji/qq/lottie/58.gif",
},
{
name: "59.gif",
path: "/emoji/qq/lottie/59.gif",
},
{
name: "60.gif",
path: "/emoji/qq/lottie/60.gif",
},
{
name: "61.gif",
path: "/emoji/qq/lottie/61.gif",
},
{
name: "62.gif",
path: "/emoji/qq/lottie/62.gif",
},
{
name: "63.gif",
path: "/emoji/qq/lottie/63.gif",
},
{
name: "64.gif",
path: "/emoji/qq/lottie/64.gif",
},
{
name: "65.gif",
path: "/emoji/qq/lottie/65.gif",
},
{
name: "66.gif",
path: "/emoji/qq/lottie/66.gif",
},
{
name: "67.gif",
path: "/emoji/qq/lottie/67.gif",
},
{
name: "68.gif",
path: "/emoji/qq/lottie/68.gif",
},
{
name: "69.gif",
path: "/emoji/qq/lottie/69.gif",
},
{
name: "70.gif",
path: "/emoji/qq/lottie/70.gif",
},
{
name: "71.gif",
path: "/emoji/qq/lottie/71.gif",
},
{
name: "72.gif",
path: "/emoji/qq/lottie/72.gif",
},
{
name: "73.gif",
path: "/emoji/qq/lottie/73.gif",
},
{
name: "74.gif",
path: "/emoji/qq/lottie/74.gif",
},
{
name: "75.gif",
path: "/emoji/qq/lottie/75.gif",
},
{
name: "76.gif",
path: "/emoji/qq/lottie/76.gif",
},
{
name: "77.gif",
path: "/emoji/qq/lottie/77.gif",
},
{
name: "78.gif",
path: "/emoji/qq/lottie/78.gif",
},
{
name: "79.gif",
path: "/emoji/qq/lottie/79.gif",
},
{
name: "80.gif",
path: "/emoji/qq/lottie/80.gif",
},
{
name: "81.gif",
path: "/emoji/qq/lottie/81.gif",
},
{
name: "82.gif",
path: "/emoji/qq/lottie/82.gif",
},
{
name: "83.gif",
path: "/emoji/qq/lottie/83.gif",
},
{
name: "84.gif",
path: "/emoji/qq/lottie/84.gif",
},
{
name: "85.gif",
path: "/emoji/qq/lottie/85.gif",
},
{
name: "86.gif",
path: "/emoji/qq/lottie/86.gif",
},
{
name: "87.gif",
path: "/emoji/qq/lottie/87.gif",
},
{
name: "88.gif",
path: "/emoji/qq/lottie/88.gif",
},
{
name: "89.gif",
path: "/emoji/qq/lottie/89.gif",
},
{
name: "90.gif",
path: "/emoji/qq/lottie/90.gif",
},
{
name: "91.gif",
path: "/emoji/qq/lottie/91.gif",
},
{
name: "92.gif",
path: "/emoji/qq/lottie/92.gif",
},
{
name: "93.gif",
path: "/emoji/qq/lottie/93.gif",
},
{
name: "94.gif",
path: "/emoji/qq/lottie/94.gif",
},
{
name: "95.gif",
path: "/emoji/qq/lottie/95.gif",
},
{
name: "96.gif",
path: "/emoji/qq/lottie/96.gif",
},
{
name: "97.gif",
path: "/emoji/qq/lottie/97.gif",
},
{
name: "98.gif",
path: "/emoji/qq/lottie/98.gif",
},
{
name: "99.gif",
path: "/emoji/qq/lottie/99.gif",
},
{
name: "100.gif",
path: "/emoji/qq/lottie/100.gif",
},
{
name: "101.gif",
path: "/emoji/qq/lottie/101.gif",
},
{
name: "102.gif",
path: "/emoji/qq/lottie/102.gif",
},
{
name: "103.gif",
path: "/emoji/qq/lottie/103.gif",
},
{
name: "104.gif",
path: "/emoji/qq/lottie/104.gif",
},
{
name: "105.gif",
path: "/emoji/qq/lottie/105.gif",
},
{
name: "106.gif",
path: "/emoji/qq/lottie/106.gif",
},
{
name: "107.gif",
path: "/emoji/qq/lottie/107.gif",
},
{
name: "108.gif",
path: "/emoji/qq/lottie/108.gif",
},
]
export default QQ_LOTTIE_EMOJI

5
src/store/modules/commentStore.ts
View File

@@ -6,7 +6,6 @@ import {message} from "ant-design-vue";
import {getSlideCaptchaDataApi} from "@/api/captcha";
import imageCompression from "browser-image-compression";
import QQ_EMOJI from "@/constant/qq_emoji.ts";
import QQ_LOTTIE_EMOJI from "@/constant/qq_lottie_emoji.ts";
import {initNSFWJs, predictNSFW} from "@/utils/nsfw/nsfw.ts";
import {NSFWJS} from "nsfwjs";
import i18n from "@/locales";
@@ -34,7 +33,6 @@ export const useCommentStore = defineStore(
const imageList = ref<any[]>([]);
const uploadLoading = ref<boolean>(false);
const emojiList = ref<any[]>(QQ_EMOJI);
const lottieEmojiList = ref<any[]>(QQ_LOTTIE_EMOJI);
/**
* 获取评论列表
@@ -270,7 +268,6 @@ export const useCommentStore = defineStore(
imageList,
uploadLoading,
emojiList,
lottieEmojiList,
getCommentList,
handleShowReplyInput,
closeReplyInput,
@@ -291,7 +288,7 @@ export const useCommentStore = defineStore(
persist: {
key: 'comment',
storage: localStorage,
pick: ["emojiList", "lottieEmojiList"],
pick: ["emojiList", "commentList", "replyList", "commentMap"],
}
}
);