@aochuang/client-sdk 1.0.376 → 1.0.378

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

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

@@ -0,0 +1,6 @@
+<?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="M512.03580317 303.16011854a101.43037616 101.43037616 0 1 0 0 202.86075235 101.43037616 101.43037616 0 0 0 0-202.86075235zM380.42335603 351.74501811a77.585466 77.585466 0 1 0 24.31035136 145.46827333c4.04575804-2.11238694 6.08653863-3.186482 6.55197982-5.33467209 0.4654412-2.1481901-1.07409506-4.22477388-4.26057704-8.4137446A130.71736793 130.71736793 0 0 1 380.70978136 404.59049471c0-14.14225153 2.25559961-27.7832587 6.40876716-40.56498984 1.61114258-5.01244358 2.43461545-7.51866537 1.25311088-9.38043013-1.1457014-1.86176476-3.43710416-2.21979644-7.94830337-2.86425347zM386.15186297 549.95135854c4.94083724-3.04326932 11.67183291-6.87420834 18.51023809-10.56193469 9.02239844-4.83342774 13.56940085-7.26804319 13.13976281-10.52613152-0.39383486-3.22228515-5.01244358-4.40378971-14.28546421-6.65938933a145.89791136 145.89791136 0 0 0-116.57511641 20.90905037 250.90860436 250.90860436 0 0 1-5.01244357 3.22228515c-9.38043013 5.9075228-24.99061156 15.78919729-35.55254626 27.46103019-6.73099566 7.37545268-13.42618817 17.47194619-14.64349589 30.00305515-1.28891407 13.35458183 3.93834852 25.8498876 14.07064519 36.73405081 13.56940085 14.50028322 30.07466148 27.81906187 54.49242236 31.54259139 5.72850695 0.89507921 8.59276042 1.32471724 10.3113125-0.4654412 1.68274892-1.79015842 1.07409506-5.15565626-0.214819-11.92245509a73.07426677 73.07426677 0 0 1-0.85927605-21.33868838c2.5062218-24.09553236 16.14722896-41.60328172 26.49434464-52.1652164 16.1114258-16.3262448 38.30939022-29.32279494 50.12443581-36.23280645zM619.33789894 539.38942386c6.83840517 3.68772636 13.56940085 7.51866537 18.51023809 10.56193468 11.81504558 6.91001151 34.01301 19.90656165 50.1244358 36.23280644 10.34711568 10.56193469 23.98812285 28.06968405 26.49434464 52.16521641 0.7876697 7.44705904 0.42963802 14.57188955-0.82347288 21.33868838-1.28891407 6.76679885-1.93337108 10.16809983-0.214819 11.92245509 1.71855208 1.79015842 4.5470024 1.3605204 10.27550933 0.46544119 24.41776087-3.68772636 40.9588247-17.04230817 54.49242235-31.54259138 10.13229667-10.88416321 15.39536242-23.34366582 14.0706452-36.73405081-1.21730773-12.53110895-7.91250022-22.62760245-14.6434959-30.00305515-10.56193469-11.67183291-26.13631296-21.5535074-35.51674308-27.46103019l-5.01244358-3.22228515a145.89791136 145.89791136 0 0 0-116.61091957-20.90905036c-9.23721745 2.25559961-13.89162935 3.40130101-14.32126737 6.65938933-0.35803168 3.25808833 4.15316753 5.69270379 13.17556597 10.52613151zM612.7143128 491.87861935c-0.4654412-2.1481901 1.07409506-4.22477388 4.26057703-8.4137446A130.71736793 130.71736793 0 0 0 643.29021864 404.59049471c0-14.14225153-2.25559961-27.7832587-6.37296399-40.56498984-1.64694575-5.01244358-2.43461545-7.51866537-1.28891405-9.38043013 1.18150456-1.86176476 3.43710416-2.21979644 7.94830337-2.86425347a77.585466 77.585466 0 1 1-24.31035136 145.46827333c-4.00995487-2.1481901-6.08653863-3.22228515-6.55197982-5.37047526z" fill="#C2C1C1" p-id="3996"></path><path d="M409.17330026 571.03942475a195.84333132 195.84333132 0 0 1 205.76080898-1e-8c1.86176476 1.1457014 4.18897071 2.5062218 6.9100115 4.08156121 12.20888044 7.16063367 31.65000089 18.54604125 44.89717322 31.97222941 8.30633507 8.48535093 16.61267016 20.01397116 18.11640322 34.37104168 1.61114258 15.39536242-4.90503407 29.6092203-17.36453668 41.92551024-20.55101869 20.33619967-46.04287461 37.45011417-79.44723075 37.45011418H436.02567658c-33.36855297 0-58.86040889-17.11391451-79.41142757-37.45011418-12.45950261-12.31628994-18.97567927-26.56595097-17.36453668-41.88970707 1.50373308-14.39287372 9.81006815-25.92149394 18.11640322-34.37104169 13.24717233-13.46199133 32.65248962-24.81159572 44.86137005-31.97222941l0.1074095-0.07160634a346.5746704 346.5746704 0 0 0 6.80260199-4.04575802z" fill="#C2C1C1" p-id="3997"></path>
+</svg>

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

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

package/uni-common/room-avatar/room-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: 'SdkRoomAvatar',
+	components: {
+		BiAvatar
+	},
+    props: {
+		src: {
+			type: String
+		},
+		size: {
+			type: String,
+			default: 'small'
+		}
+    },
+	computed: {
+		innerSrc () {
+			return this.src || require('./default.svg')
+		}
+	}
+}
+</script>

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

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

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

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