vue-chat-kit 0.3.9 → 0.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-chat-kit.css +1 -1
- package/dist/vue-chat-kit.es.js +1378 -1442
- package/dist/vue-chat-kit.umd.js +1 -1
- package/package.json +1 -1
- package/src/components/ChatPanel.vue +18 -149
|
@@ -1634,188 +1634,65 @@ const toggleMemberForInvite = (friend) => {
|
|
|
1634
1634
|
}
|
|
1635
1635
|
|
|
1636
1636
|
const handleCreateGroup = async () => {
|
|
1637
|
-
|
|
1638
|
-
if (success) {
|
|
1639
|
-
ElMessage.success('群聊创建成功')
|
|
1640
|
-
} else {
|
|
1641
|
-
ElMessage.error('群聊创建失败')
|
|
1642
|
-
}
|
|
1637
|
+
await createGroup()
|
|
1643
1638
|
}
|
|
1644
1639
|
|
|
1645
1640
|
const handleInviteMember = async () => {
|
|
1646
|
-
|
|
1647
|
-
if (success) {
|
|
1648
|
-
ElMessage.success('邀请成功')
|
|
1649
|
-
} else {
|
|
1650
|
-
ElMessage.error('邀请失败')
|
|
1651
|
-
}
|
|
1641
|
+
await inviteGroupMember()
|
|
1652
1642
|
}
|
|
1653
1643
|
|
|
1654
1644
|
const handleQuitGroup = async () => {
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
cancelButtonText: '取消',
|
|
1658
|
-
type: 'warning'
|
|
1659
|
-
}).catch(() => {})
|
|
1660
|
-
|
|
1661
|
-
if (confirm) {
|
|
1662
|
-
const success = await quitGroup()
|
|
1663
|
-
if (success) {
|
|
1664
|
-
ElMessage.success('已退出群聊')
|
|
1665
|
-
} else {
|
|
1666
|
-
ElMessage.error('退出失败')
|
|
1667
|
-
}
|
|
1668
|
-
}
|
|
1669
|
-
}
|
|
1645
|
+
await quitGroup()
|
|
1646
|
+
}
|
|
1670
1647
|
|
|
1671
1648
|
// 处理解散群聊
|
|
1672
1649
|
const handleDeleteGroup = async () => {
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
'警告',
|
|
1676
|
-
{
|
|
1677
|
-
confirmButtonText: '确定',
|
|
1678
|
-
cancelButtonText: '取消',
|
|
1679
|
-
type: 'warning'
|
|
1680
|
-
}
|
|
1681
|
-
).catch(() => {})
|
|
1682
|
-
|
|
1683
|
-
if (confirm) {
|
|
1684
|
-
const success = await deleteGroup()
|
|
1685
|
-
if (success) {
|
|
1686
|
-
ElMessage.success('群聊已解散')
|
|
1687
|
-
showGroupSidebar.value = false
|
|
1688
|
-
} else {
|
|
1689
|
-
ElMessage.error('解散失败')
|
|
1690
|
-
}
|
|
1691
|
-
}
|
|
1650
|
+
await deleteGroup()
|
|
1651
|
+
showGroupSidebar.value = false
|
|
1692
1652
|
}
|
|
1693
1653
|
|
|
1694
1654
|
// 处理保存编辑字段
|
|
1695
1655
|
const handleSaveEditField = async (field) => {
|
|
1696
|
-
const loading = ElLoading.service({
|
|
1697
|
-
lock: true,
|
|
1698
|
-
text: '保存中...',
|
|
1699
|
-
background: 'rgba(0, 0, 0, 0.7)',
|
|
1700
|
-
})
|
|
1701
|
-
|
|
1702
1656
|
try {
|
|
1703
|
-
|
|
1704
|
-
if (success) {
|
|
1705
|
-
ElMessage.success('保存成功')
|
|
1706
|
-
} else {
|
|
1707
|
-
ElMessage.error('保存失败')
|
|
1708
|
-
}
|
|
1657
|
+
await saveEditField(field)
|
|
1709
1658
|
} catch (error) {
|
|
1710
1659
|
console.error('保存失败', error)
|
|
1711
|
-
ElMessage.error('保存失败')
|
|
1712
|
-
} finally {
|
|
1713
|
-
loading.close()
|
|
1714
1660
|
}
|
|
1715
1661
|
}
|
|
1716
1662
|
|
|
1717
1663
|
// 处理保存群成员昵称
|
|
1718
1664
|
const handleUpdateMemberNick = async () => {
|
|
1719
|
-
const loading = ElLoading.service({
|
|
1720
|
-
lock: true,
|
|
1721
|
-
text: '保存中...',
|
|
1722
|
-
background: 'rgba(0, 0, 0, 0.7)',
|
|
1723
|
-
})
|
|
1724
|
-
|
|
1725
1665
|
try {
|
|
1726
1666
|
const success = await updateMemberNick()
|
|
1727
1667
|
if (success) {
|
|
1728
|
-
ElMessage.success('群昵称修改成功')
|
|
1729
1668
|
memberNickDialogVisible.value = false
|
|
1730
|
-
} else {
|
|
1731
|
-
ElMessage.error('修改失败')
|
|
1732
1669
|
}
|
|
1733
1670
|
} catch (error) {
|
|
1734
1671
|
console.error('修改失败', error)
|
|
1735
|
-
ElMessage.error('修改失败')
|
|
1736
|
-
} finally {
|
|
1737
|
-
loading.close()
|
|
1738
1672
|
}
|
|
1739
1673
|
}
|
|
1740
1674
|
|
|
1741
1675
|
// 处理移除群成员
|
|
1742
1676
|
const handleRemoveMember = async (username) => {
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
confirmButtonText: '确定',
|
|
1748
|
-
cancelButtonText: '取消',
|
|
1749
|
-
type: 'warning'
|
|
1750
|
-
}
|
|
1751
|
-
).catch(() => {})
|
|
1752
|
-
|
|
1753
|
-
if (confirm) {
|
|
1754
|
-
const loading = ElLoading.service({
|
|
1755
|
-
lock: true,
|
|
1756
|
-
text: '移除中...',
|
|
1757
|
-
background: 'rgba(0, 0, 0, 0.7)',
|
|
1758
|
-
})
|
|
1759
|
-
|
|
1760
|
-
try {
|
|
1761
|
-
const success = await removeGroupMember(username)
|
|
1762
|
-
if (success) {
|
|
1763
|
-
ElMessage.success('成员已移除')
|
|
1764
|
-
} else {
|
|
1765
|
-
ElMessage.error('移除失败')
|
|
1766
|
-
}
|
|
1767
|
-
} catch (error) {
|
|
1768
|
-
console.error('移除失败', error)
|
|
1769
|
-
ElMessage.error('移除失败')
|
|
1770
|
-
} finally {
|
|
1771
|
-
loading.close()
|
|
1772
|
-
}
|
|
1677
|
+
try {
|
|
1678
|
+
await removeGroupMember(username)
|
|
1679
|
+
} catch (error) {
|
|
1680
|
+
console.error('移除失败', error)
|
|
1773
1681
|
}
|
|
1774
1682
|
}
|
|
1775
1683
|
|
|
1776
1684
|
// 处理转让群主
|
|
1777
1685
|
const handleTransferOwner = async (newOwnerUsername) => {
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
confirmButtonText: '确定',
|
|
1783
|
-
cancelButtonText: '取消',
|
|
1784
|
-
type: 'warning'
|
|
1785
|
-
}
|
|
1786
|
-
).catch(() => {})
|
|
1787
|
-
|
|
1788
|
-
if (confirm) {
|
|
1789
|
-
const loading = ElLoading.service({
|
|
1790
|
-
lock: true,
|
|
1791
|
-
text: '转让中...',
|
|
1792
|
-
background: 'rgba(0, 0, 0, 0.7)',
|
|
1793
|
-
})
|
|
1794
|
-
|
|
1795
|
-
try {
|
|
1796
|
-
const success = await transferGroupOwner(newOwnerUsername)
|
|
1797
|
-
if (success) {
|
|
1798
|
-
ElMessage.success('群主已转让')
|
|
1799
|
-
} else {
|
|
1800
|
-
ElMessage.error('转让失败')
|
|
1801
|
-
}
|
|
1802
|
-
} catch (error) {
|
|
1803
|
-
console.error('转让失败', error)
|
|
1804
|
-
ElMessage.error('转让失败')
|
|
1805
|
-
} finally {
|
|
1806
|
-
loading.close()
|
|
1807
|
-
}
|
|
1686
|
+
try {
|
|
1687
|
+
await transferGroupOwner(newOwnerUsername)
|
|
1688
|
+
} catch (error) {
|
|
1689
|
+
console.error('转让失败', error)
|
|
1808
1690
|
}
|
|
1809
1691
|
}
|
|
1810
1692
|
|
|
1811
1693
|
// 处理更新群信息
|
|
1812
1694
|
const handleUpdateGroupInfo = async () => {
|
|
1813
|
-
|
|
1814
|
-
if (success) {
|
|
1815
|
-
ElMessage.success('群信息已更新')
|
|
1816
|
-
} else {
|
|
1817
|
-
ElMessage.error('更新失败')
|
|
1818
|
-
}
|
|
1695
|
+
await updateGroupInfo()
|
|
1819
1696
|
}
|
|
1820
1697
|
|
|
1821
1698
|
|
|
@@ -1825,12 +1702,12 @@ const handleAvatarFileChange = (e) => {
|
|
|
1825
1702
|
if (!file) return
|
|
1826
1703
|
|
|
1827
1704
|
if (!file.type.startsWith('image/')) {
|
|
1828
|
-
|
|
1705
|
+
console.error('只能上传图片文件')
|
|
1829
1706
|
return
|
|
1830
1707
|
}
|
|
1831
1708
|
|
|
1832
1709
|
if (file.size > 5 * 1024 * 1024) {
|
|
1833
|
-
|
|
1710
|
+
console.error('图片大小不能超过 5MB')
|
|
1834
1711
|
return
|
|
1835
1712
|
}
|
|
1836
1713
|
|
|
@@ -1851,15 +1728,11 @@ const handleAvatarCropConfirm = async ({ file }) => {
|
|
|
1851
1728
|
const api = new ChatApi(props.config)
|
|
1852
1729
|
const res = await api.uploadAvatar(file, myUsername)
|
|
1853
1730
|
if (res.code === 200) {
|
|
1854
|
-
ElMessage.success('头像上传成功')
|
|
1855
1731
|
updateMyAvatar(res.data)
|
|
1856
1732
|
resetAvatar()
|
|
1857
|
-
} else {
|
|
1858
|
-
ElMessage.error(res.msg || '头像上传失败')
|
|
1859
1733
|
}
|
|
1860
1734
|
} catch (error) {
|
|
1861
1735
|
console.error(error)
|
|
1862
|
-
ElMessage.error('头像上传失败')
|
|
1863
1736
|
} finally {
|
|
1864
1737
|
avatarUploading.value = false
|
|
1865
1738
|
}
|
|
@@ -1893,14 +1766,10 @@ const saveUserInfo = async () => {
|
|
|
1893
1766
|
try {
|
|
1894
1767
|
const success = await updateUserInfo(editingUserInfo.value)
|
|
1895
1768
|
if (success) {
|
|
1896
|
-
ElMessage.success('保存成功')
|
|
1897
1769
|
isEditingUserInfo.value = false
|
|
1898
|
-
} else {
|
|
1899
|
-
ElMessage.error('保存失败')
|
|
1900
1770
|
}
|
|
1901
1771
|
} catch (error) {
|
|
1902
1772
|
console.error(error)
|
|
1903
|
-
ElMessage.error('保存失败')
|
|
1904
1773
|
} finally {
|
|
1905
1774
|
savingUserInfo.value = false
|
|
1906
1775
|
}
|