@aochuang/client-sdk 1.0.356 → 1.0.359

package/uni-common/account-portray/account-portray.vue

@@ -0,0 +1,51 @@
+<template>
+	<bi-portray 
+		:avatar="accountData && accountData.avatar" 
+		:name="accountData && (accountData.memo || accountData.nickname)"
+		:loading="loading"
+	></bi-portray>
+</template>
+
+<script>
+import BiPortray from '@aochuang/common/uni-common/portray/portray.vue'
+
+export default {
+	name: 'BiAccountPortray',
+	components: {
+		BiPortray
+	},
+	props: {
+		id: {
+			type: String,
+			required: true
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			accountData: null
+		}
+	},
+	watch: {
+		id () {
+			this.loadData()
+		}
+	},
+	created () {
+		this.loadData()
+	},
+	methods: {
+		loadData () {
+			this.loading = true
+			this.$clientChat.account.getAccount(this.id).then(rs => {
+				this.accountData = rs.data
+			}).finally(() => {
+				this.loading = false
+			})
+		}
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-common/account-select/account-select-item.vue

@@ -0,0 +1,172 @@
+<template>
+	<view
+		class="bi-account-select-item"
+		:class="['bi-account-select-item--' + type, {'is-active': selected, 'is-online': isAll ? false : data && data.online, 'is-offline': isAll ? false : data && !data.online}]"
+	>
+		<view class="bi-account-select-item__icon">
+			<template v-if="isAll">
+				<bi-all-friend-avatar :size="avatarSize" :round="type === 'simple'"></bi-all-friend-avatar>
+			</template>
+			<template v-else>
+				<bi-avatar :src="data.avatar" :size="avatarSize" :round="type === 'simple'"></bi-avatar>
+			</template>
+		</view>
+		<view class="bi-account-select-item__text">
+			<template v-if="isAll">全部好友</template>
+			<template v-else>
+				{{ data.memo || data.nickname }}
+			</template>
+		</view>
+		<bi-badge class="bi-account-select-item__count" :value="unreadCount" :max="99" v-if="unreadCount"></bi-badge>
+	</view>
+</template>
+
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue' 
+import BiBadge from '@aochuang/common/uni-components/badge/badge.vue' 
+import BiAllFriendAvatar from '../all-friend-avatar/all-friend-avatar.vue'
+
+export default {
+	name: 'BiAccountSelectItem',
+	components: {
+		BiAvatar,
+		BiBadge,
+		BiAllFriendAvatar
+	},
+	props: {
+		isAll: {
+			type: Boolean
+		},
+		type: {
+			type: String,
+			validator (value) {
+				return ['default', 'simple'].includes(value)
+			}
+		},
+		selected: {
+			type: Boolean
+		},
+		data: {
+			type: Object
+		}
+	},
+	computed: {
+		avatarSize () {
+			return this.type === 'default' ? 'small' : 'mini'
+		},
+		accountUnreadMessageNumData () {
+			return this.$clientChat.account.accountUnreadMessageNumData || []
+		},
+		unreadCount () {
+			if (this.isAll) {
+				return this.accountUnreadMessageNumData.reduce((rs, account) => {
+					if (account.num) {
+						rs += account.num
+					}
+					return rs
+				}, 0)
+			} else {
+				const unreadMessageNumItem = this.accountUnreadMessageNumData.find(v => v.id === this.data.id)
+				return unreadMessageNumItem ? unreadMessageNumItem.num : 0
+			}
+		}
+	},
+	created () {
+		if (!this.isAll && !this.data) {
+			throw new Error('缺少data数据')
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-account-select-item{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	position: relative;
+	transition: all .25s;
+	max-width: 100%;
+	&.is-active {
+		background: #3c9cff;
+		color: #fff;
+		&:after {
+			border-right-color: #fff;
+			border-bottom-color: #fff;
+		}
+	}
+	&.is-online {
+		.bi-account-select-item__icon{
+			&:after {
+				opacity: 1;
+				background-color: #40bf48;
+				border-color: #fff;
+			}
+		}
+	}
+	&.is-offline {
+		.bi-account-select-item__icon{
+			&:after {
+				opacity: 1;
+				background-color: #ccc;
+				border-color: #fff;
+			}
+		}
+	}
+}
+.bi-account-select-item__icon{
+	background-color: #eee;
+	margin-right: 6px;
+	position: relative;
+	line-height: 1em;
+	&:after {
+		content: '';
+		width: 8px;
+		height: 8px;
+		background-color: transparent;
+		border-radius: 50%;
+		border: 2px solid transparent;
+		position: absolute;
+		bottom: -2px;
+		right: -2px;
+		opacity: 0;
+	}
+}
+.bi-account-select-item__text{
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.bi-account-select-item--default {
+	padding: 6px 24px 6px 12px;
+	&:after {
+		content: '';
+		width: 6px;
+		height: 6px;
+		border: 1px solid #ccc;
+		border-left: 0;
+		border-top: 0;
+		transform: rotate(-45deg) translateY(-50%);
+		position: absolute;
+		right: 12px;
+		top: 50%;
+	}
+	.bi-account-select-item__icon {
+		width: 32px;
+		height: 32px;
+		border-radius: 3px;
+	}
+}
+.bi-account-select-item--simple {
+	.bi-account-select-item__icon {
+		width: 24px;
+		height: 24px;
+		border-radius: 50%;
+	}
+	.bi-account-select-item__count{
+		transform: scale(.8);
+	}
+}
+</style>

package/uni-common/account-select/account-select.vue

@@ -0,0 +1,252 @@
+<template>
+	<view class="bi-account-select">
+		<view class="bi-account-select__handle" :class="{'is-online': currentAccount && currentAccount.online, 'is-offline': currentAccount && !currentAccount.online}" @click="handleHandleClick">
+			<account-select-item
+				type="simple"
+				:is-all="!currentAccount"
+				:data="currentAccount"
+			>
+			</account-select-item>
+		</view>
+		<uv-popup
+			ref="popup"
+			mode="bottom"
+			@change="handlePopupChange"
+		>
+			<view class="bi-account-select__main">
+				<view class="bi-account-select__head">
+					<view class="bi-account-select__head-left">
+						<uv-button size="small" @click="handleCancelClick">取消</uv-button>
+					</view>
+					<view class="bi-account-select__head-center">
+						<view class="bi-account-select__title">微号({{ accountData ? accountData.length : 0 }})</view>
+					</view>
+					<view class="bi-account-select__head-right">
+						<uv-button size="small" type="primary" @click="handleConfirmClick">确定</uv-button>
+					</view>
+				</view>
+				<view class="bi-account-select__body">
+					<scroll-view 
+						scroll-y
+						:scroll-into-view="scrollToAccountId"
+						class="bi-account-select__list"
+					>
+						<uv-swipe-action ref="swipeAction">
+							<view 
+								class="bi-account-select__item"
+								:class="{'is-active': !currentSelectAccount}"
+								@click="handleAccountClick(null)"
+							>
+								<account-select-item
+									type="default"
+									:is-all="true"
+									:selected="!currentSelectAccount"
+								></account-select-item>
+							</view>
+							<template
+								v-for="account in accountData"
+							>
+								<uv-swipe-action-item :options="swipeActionOptions" @click="handleSwipeActionClick(account, $event)">
+									<view 
+										:key="account.id"
+										:id="`account-${account.id}`"
+										class="bi-account-select__item"
+										@click="handleAccountClick(account)"
+									>
+										<account-select-item
+											type="default"
+											:data="account"
+											:selected="currentSelectAccount && currentSelectAccount.id === account.id"
+										></account-select-item>
+									</view>
+								</uv-swipe-action-item>
+							</template>
+						</uv-swipe-action>
+					</scroll-view>
+					<view class="bi-account-select__loading" v-if="loading">
+						<uv-loading-icon></uv-loading-icon>
+					</view>
+				</view>
+			</view>
+		</uv-popup>
+	</view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue' 
+import BiAllFriendAvatar from '../all-friend-avatar/all-friend-avatar.vue'
+import AccountSelectItem from './account-select-item.vue'
+
+export default {
+	name: 'BiAccountSelect',
+	components: {
+		BiAvatar,
+		BiAllFriendAvatar,
+		AccountSelectItem
+	},
+	props: {
+		allowSelectAll: {
+			type: Boolean,
+			default: true
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			showPopup: false,
+			scrollToAccountId: null,
+			currentSelectAccount: null
+		}
+	},
+	computed: {
+		accountData () {
+			return this.$clientChat.account.accountData || []
+		},
+		currentAccount () {
+			return this.$clientChat.account.currentAccount
+		},
+		swipeActionOptions () {
+			return [{
+				text: '一键已读',
+				style: {
+					backgroundColor: '#16d06f'
+				},
+				click: (account) => {
+					this.$confirm('确定要将此微信号所有会话标记已读吗？', () => {
+						return this.$clientChat.account.updateAccountMessageRead({
+							wechatAccountId: account.id
+						}).then(() => {
+							this.$success('操作成功')
+							this.$refs.swipeAction.closeOther()
+						})
+					})
+				}
+			}, {
+				text: '清空会话',
+				style: {
+					backgroundColor: '#f56c6c'
+				},
+				click: (account) => {
+					this.$confirm('确定要将此微信号所有会话清空吗？', () => {
+						return this.$clientChat.account.deleteAccountSession({
+							wechatAccountId: account.id
+						}).then(() => {
+							this.$success('操作成功')
+							this.$refs.swipeAction.closeOther()
+						})
+					})
+				}
+			}]
+		}
+	},
+	created () {
+		this.loading = true
+		this.$clientChat.account.loadData().then(() => {
+			this.currentSelectAccount = this.currentAccount
+		}).finally(() => {
+			this.loading = false
+		})
+	},
+	methods: {
+		handleSwipeActionClick (account, evt) {
+			const item = this.swipeActionOptions[evt.index]
+			if (!item) {
+				return
+			}
+			item.click && item.click(account)
+		},
+		handleHandleClick () {
+			if (this.currentAccount) {
+				this.scrollToAccountId = 'account-' + this.currentAccount.id
+			} else {
+				this.scrollToAccountId = null
+			}
+			this.$refs.popup.open()
+		},
+		handleCancelClick () {
+			this.scrollToAccountId = null
+			this.$refs.popup.close()
+		},
+		handleConfirmClick () {
+			const nextAccount = this.currentSelectAccount ? this.currentSelectAccount.id : null
+			this.$clientChat.account.setCurrentAccount(nextAccount)
+			this.$refs.popup.close()
+			this.$nextTick(() => {
+				this.$emit('change', {
+					value: nextAccount
+				})
+			})
+		},
+		handlePopupChange ({ show }) {
+			this.showPopup = show
+			if (show) {
+				uni.hideTabBar()
+			} else {
+				uni.showTabBar()
+			}
+		},
+		handleAccountClick (account) {
+			this.currentSelectAccount = account
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-account-select__head{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	padding: 8px 12px;
+	border-bottom: 1px solid #eee;
+}
+.bi-account-select__title{
+	font-weight: 500;
+}
+.bi-account-select__body{
+	height: 70vh;
+	background-color: #fff;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+}
+.bi-account-select__loading{
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+.bi-account-select__handle{
+	position: relative;
+	padding-right: 18px;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	height: 32px;
+	line-height: 32px;
+	&:after {
+		content: '';
+		width: 6px;
+		height: 6px;
+		border: 1px solid #ccc;
+		border-left: 0;
+		border-top: 0;
+		transform: rotate(45deg) translateY(-50%);
+		position: absolute;
+		right: 6px;
+		top: 50%;
+		margin-top: -3px;
+	}
+}
+.bi-account-select__list{
+	flex: 1;
+	min-height: 0;
+	overflow: auto;
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+</style>

package/uni-common/all-friend-avatar/all-friend-avatar.vue

@@ -0,0 +1,49 @@
+<template>
+	<view class="bi-all-friend-avatar" :class="['bi-all-friend-avatar--' + size, {'is-round': round}]">
+		<bi-icon name="all-friend-line" :size="size === 'medium' ? '20px' : ''"></bi-icon>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiAllFriendAvatar',
+	props: {
+		size: {
+			type: String,
+			default: 'small',
+			validator (value) {
+				return ['small', 'mini'].includes(value)
+			}
+		},
+		round: {
+			type: Boolean,
+			default: false
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-all-friend-avatar {
+	display: inline-block;
+	background-color: #2e2d31;
+	color: rgba(255, 255, 255, .9);
+	text-align: center;
+	&.is-round {
+		border-radius: 50%;
+	}
+	&:not(.is-round) {
+		border-radius: 3px;
+	}
+}
+.bi-all-friend-avatar--mini {
+	width: 24px;
+	height: 24px;
+	line-height: 22px;
+}
+.bi-all-friend-avatar--small {
+	width: 32px;
+	height: 32px;
+	line-height: 32px;
+}
+</style>

package/uni-common/friend-avatar/default.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1755860383442" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4771" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 0m72.576 0l878.848 0q72.576 0 72.576 72.576l0 878.848q0 72.576-72.576 72.576l-878.848 0q-72.576 0-72.576-72.576l0-878.848q0-72.576 72.576-72.576Z" fill="#EFEFEE" p-id="4772"></path><path d="M508.928 750.976h-220.16c-23.808 0-32.512-9.6-33.408-33.408a62.336 62.336 0 0 1 39.68-64c45.952-21.504 91.392-44.416 136.96-66.944 27.776-13.696 32-34.944 12.8-58.368a162.048 162.048 0 0 1-41.088-112.128 309.76 309.76 0 0 1 2.176-64 106.368 106.368 0 0 1 163.712-62.72 102.4 102.4 0 0 1 46.08 87.04 344.704 344.704 0 0 1-3.072 73.472 192 192 0 0 1-41.984 82.432c-15.36 18.688-12.8 38.4 8.704 50.304 40.448 21.376 82.048 40.576 123.136 60.8 19.2 9.344 39.936 15.872 52.736 36.48a72.576 72.576 0 0 1 7.936 48.256c-2.176 15.36-12.8 22.784-30.976 22.784z" fill="#C2C1C1" p-id="4773"></path></svg>

package/uni-common/friend-avatar/friend-avatar.vue

@@ -0,0 +1,27 @@
+<template>
+	<bi-avatar :src="innerSrc" :size="size"></bi-avatar>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+
+export default {
+    name: 'SdkFriendAvatar',
+	components: {
+		BiAvatar
+	},
+    props: {
+		src: {
+			type: String
+		},
+		size: {
+			type: String,
+			default: 'small'
+		}
+    },
+	computed: {
+		innerSrc () {
+			return this.src || require('./default.svg')
+		}
+	}
+}
+</script>

package/uni-common/friend-avatar/index.js

@@ -0,0 +1,3 @@
+import FriendAvatar from './friend-avatar.vue'
+
+export default FriendAvatar

package/uni-common/friend-loader/friend-loader.vue

@@ -0,0 +1,53 @@
+<template>
+	<view class="bi-friend-loader">
+		<template v-if="loading">
+			<slot name="loading">
+				数据加载中...
+			</slot>
+		</template>
+		<template v-else-if="friendData">
+			<slot :data="friendData"></slot>
+		</template>
+		<template v-else>
+      <template v-if="allowEmpty">
+        <slot></slot>
+      </template>
+      <template v-else>
+        未找到好友数据
+      </template>
+		</template>
+	</view>
+</template>
+
+<script>
+
+export default {
+	name: 'BiFriendProfile',
+	props: {
+		id: {
+			type: String
+		},
+    allowEmpty: {
+      type: Boolean,
+      default: false
+    }
+	},
+	data () {
+		return {
+			loading: false,
+			friendData: null
+		}
+	},
+	created () {
+		this.loading = true
+		this.$clientChat.contacts.getFriend(this.id).then(rs => {
+			this.friendData = rs.data
+		}).finally(() => {
+			this.loading = false
+		})
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-common/friend-portray/friend-portray.vue

@@ -0,0 +1,56 @@
+<template>
+	<bi-portray 
+		:name="friendData && (friendData.conRemark || friendData.nickname)"
+		:loading="loading"
+	>
+		<template slot="avatar">
+			<sdk-friend-avatar :src="friendData && friendData.avatar"></sdk-friend-avatar>
+		</template>
+	</bi-portray>
+</template>
+
+<script>
+import SdkFriendAvatar from 'client-sdk/uni-common/friend-avatar'
+import BiPortray from '@aochuang/common/uni-common/portray/portray.vue'
+
+export default {
+	name: 'BiFriendPortray',
+	components: {
+		BiPortray,
+		SdkFriendAvatar
+	},
+	props: {
+		id: {
+			type: String,
+			required: true
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			friendData: null
+		}
+	},
+	watch: {
+		id () {
+			this.loadData()
+		}
+	},
+	created () {
+		this.loadData()
+	},
+	methods: {
+		loadData () {
+			this.loading = true
+			this.$clientChat.contacts.getFriend(this.id).then(rs => {
+				this.friendData = rs.data
+			}).finally(() => {
+				this.loading = false
+			})
+		}
+	}
+}
+</script>
+
+<style>
+</style>

package/uni-common/group-avatar/default.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1757039867044" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13568" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M904.85 902.05208333H124.1S62 911.78333333 62 828.87083333V158.65208333S63.35 84.23333333 139.4 84.23333333h273.6s33.13125001-6.91875001 60.75 35.83125c26.26875001 41.484375 41.4 67.78125001 41.4 67.78125s9.73125001 10.96875001 31.865625 10.96875h352.35s62.1-6.91875001 62.1 62.1v572.034375c0.084375 0.084375 9.815625 69.3-56.615625 69.3z m-57.965625-524.953125a30.7125 30.7125 0 0 0-30.31875-30.515625H208.5875c-18 0-31.78125001 13.865625-31.78125001 30.515625v2.7c0 18 13.78125001 31.865625 31.78125001 31.865625h607.95a30.965625 30.965625 0 0 0 30.346875-30.965625v-0.84375 0.05625-2.784375z" fill="#bdbaba" p-id="13569"></path></svg>

package/uni-common/group-avatar/group-avatar.vue

@@ -0,0 +1,18 @@
+<template>
+	<view class="sdk-group-avatar"></view>
+</template>
+<script>
+export default {
+    name: 'SdkGroupAvatar'
+}
+</script>
+<style lang="less">
+.sdk-group-avatar{
+	display: inline-block;
+	width: 18px;
+	height: 18px;
+	border-radius: 4px;
+	background: url('./default.svg') no-repeat 50% 50%;
+	background-size: 18px;
+}
+</style>

package/uni-common/group-avatar/index.js

@@ -0,0 +1,3 @@
+import GroupAvatar from './group-avatar.vue'
+
+export default GroupAvatar