@aochuang/client-sdk 1.0.278

package/uni-components/chat-panel/chat-panel-chats-item.vue

@@ -0,0 +1,578 @@
+<template>
+	<chat-control-config-msg
+		:msgData="data"
+	>
+		<template slot-scope="{ configData }">
+			<view class="bi-chat-panel-chats-item">
+				<template v-if="data.msgType !== '_EMPTY_'">
+					<slot name="chat-prefix" :data="data"></slot>
+				</template>
+				<template v-if="'_EMPTY_' === data.msgType">
+					<view class="bi-chat-panel-chats-item__empty">{{ data.content }}</view>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.TEXT === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-text
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-text>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.IMAGE === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-image
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-image>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.URLNew === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-url-new
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-url-new>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.READ_ENVELOPES === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-redpacket
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-redpacket>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.ACCOUNT_TRANSFER === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-transfer
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-transfer>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.URL === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-url
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-url>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.CUSTOM_EXPRESSION === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-expression
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-expression>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO_LIVE === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-channel-video-live
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-channel-video-live>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO_CARD === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-channel-video-card
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-channel-video-card>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-channel-video
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-channel-video>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.VIDEO === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-video
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+							:download-method="handleDownloadVideoMethod"
+						></chat-control-video>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.SHARE_CARD === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-share-card
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-share-card>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.COMPANY_CARD === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-company-card
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-company-card>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.LOCATION === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-location
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-location>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.CALLING === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-calling
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-calling>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.VOICE === data.msgType">
+					<chat-panel-chats-box
+						color="transparent"
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-voice
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+							:convert-status="convertStatus"
+						></chat-control-voice>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.REAL_TIME_POSITION === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-real-time-position
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+							:convert-status="convertStatus"
+						></chat-control-real-time-position>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.TEXT_WITH_AT === data.msgType">
+					<chat-panel-chats-box
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-text-with-at
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+						></chat-control-text-with-at>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.QUOTE_MESSAGE === data.msgType">
+					<chat-panel-chats-box
+						color="transparent"
+						:type="type"
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						:show-more-action="showMoreAction"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-quote-message
+							v-bind="configData"
+							:type="type"
+							:dir="dir"
+							:data="msgContent"
+							:quotable="quotable"
+							:wechat-account-id="data.wechatAccountId" 
+							:wechat-friend-id="data.wechatFriendId" 
+							:wechat-chatroom-id="data.wechatChatroomId" 
+							@load="handleQuoteMessageLoad"
+						>
+							<template slot="sub-message" slot-scope="{ data }">
+								<bi-chat-control :msg-type="data.msgType" :content="data.content" :quotable="false"></bi-chat-control>
+							</template> 
+						</chat-control-quote-message>
+						<template slot="append">
+							<slot name="chat-append" :data="data"></slot>
+						</template>
+					</chat-panel-chats-box>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.MEMBER_CHANGE === data.msgType">
+					<chat-control-member-change
+						v-bind="configData"
+						:dir="dir"
+						:data="msgContent"
+					></chat-control-member-change>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.SYSTEM === data.msgType">
+					<chat-control-system
+						v-bind="configData"
+						:dir="dir"
+						:data="msgContent"
+					></chat-control-system>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.SYSTEM_BATCH_MESSAGE === data.msgType">
+					<chat-control-system-batch-message
+						v-bind="configData"
+						:dir="dir"
+						:data="msgContent"
+					></chat-control-system-batch-message>
+				</template>
+				<template v-else-if="MESSAGE_TYPE.JX_SYS_TEXT === data.msgType">
+					<chat-control-system-text
+						v-bind="configData"
+						:dir="dir"
+						:data="msgContent"
+					></chat-control-system-text>
+				</template>
+				<template v-else>
+					<chat-panel-chats-box
+						:data="data"
+						:fetch-user-method="fetchUserMethod"
+						@more-action-click="handleMoreActionClick"
+					>
+						<chat-control-unkonw
+							:data="msgContent"
+							:type="data.msgType"
+						></chat-control-unkonw>
+					</chat-panel-chats-box>
+				</template>
+			</view>
+		</template>
+	</chat-control-config-msg>
+</template>
+
+<script>
+import { 
+	MESSAGE_TYPE
+} from '../chat-control/index.js'
+// #ifdef H5
+import ChatControlConfigMsg from '../chat-control/chat-control-config-msg/chat-control-config-msg-h5.vue'
+// #endif
+// #ifdef APP
+import ChatControlConfigMsg from '../chat-control/chat-control-config-msg/chat-control-config-msg-app.vue'
+// #endif
+import ChatControlText from '../chat-control/text/text.vue'
+import ChatControlSystemText from '../chat-control/system-text/system-text.vue'
+import ChatControlSystemBatchMessage from '../chat-control/system-batch-message/system-batch-message.vue'
+import ChatControlUnkonw from '../chat-control/unkonw/unkonw.vue'
+import ChatControlImage from '../chat-control/image/image.vue'
+import ChatControlUrlNew from '../chat-control/url-new/url-new.vue'
+import ChatControlRedpacket from '../chat-control/redpacket/redpacket.vue'
+import ChatControlTransfer from '../chat-control/transfer/transfer.vue'
+import ChatControlUrl from '../chat-control/url/url.vue'
+import ChatControlExpression from '../chat-control/expression/expression.vue'
+import ChatControlMemberChange from '../chat-control/member-change/member-change.vue'
+import ChatControlVideo from '../chat-control/video/video.vue'
+import ChatControlChannelVideoLive from '../chat-control/channel-video-live/channel-video-live.vue'
+import ChatControlChannelVideoCard from '../chat-control/channel-video-card/channel-video-card.vue'
+import ChatControlChannelVideo from '../chat-control/channel-video/channel-video.vue'
+import ChatControlShareCard from '../chat-control/share-card/share-card.vue'
+import ChatControlSystem from '../chat-control/system/system.vue'
+import ChatControlCompanyCard from '../chat-control/company-card/company-card.vue'
+import ChatControlLocation from '../chat-control/location/location.vue'
+import ChatControlCalling from '../chat-control/calling/calling.vue'
+import ChatControlVoice from '../chat-control/voice/voice.vue'
+import ChatControlRealTimePosition from '../chat-control/real-time-position/real-time-position.vue'
+import ChatControlTextWithAt from '../chat-control/text-with-at/text-with-at.vue'
+import ChatControlQuoteMessage from '../chat-control/quote-message/quote-message.vue'
+import ChatPanelChatsBox from './chat-panel-chats-box.vue'
+import BiChatControl from '../chat-control/chat-control.vue'
+
+export default {
+	name: 'BiChatPanelChatsItem',
+	components: { 
+		BiChatControl,
+		ChatControlConfigMsg,
+		ChatPanelChatsBox,
+		ChatControlSystemText,
+		ChatControlUnkonw,
+		ChatControlText,
+		ChatControlImage,
+		ChatControlUrl,
+		ChatControlUrlNew,
+		ChatControlRedpacket,
+		ChatControlTransfer,
+		ChatControlExpression,
+		ChatControlMemberChange,
+		ChatControlVideo,
+		ChatControlChannelVideo,
+		ChatControlChannelVideoLive,
+		ChatControlChannelVideoCard,
+		ChatControlShareCard,
+		ChatControlSystem,
+		ChatControlSystemBatchMessage,
+		ChatControlLocation,
+		ChatControlCalling,
+		ChatControlVoice,
+		ChatControlTextWithAt,
+		ChatControlCompanyCard,
+		ChatControlRealTimePosition,
+		ChatControlQuoteMessage
+	},
+	props: {
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'simple'].includes(value)
+			}
+		},
+		quotable: {
+			type: Boolean,
+			default: false
+		},
+		data: {
+			type: Object,
+			required: true
+		},
+		/**
+		 * {
+		 * 		avatar: null,
+		 * 		name: null
+		 * }
+		*/
+		fetchUserMethod: {
+			type: Function,
+			required: true
+		}
+	},
+	data () {
+		return {
+			MESSAGE_TYPE,
+			showMoreAction: !this.quotable, // 引用消息里面的消息要先不展示更多操作按钮
+			userData: null
+		}
+	},
+	computed: {
+		dir () {
+			return this.data.isSend ? 'right' : 'left'
+		},
+		msgContent () {
+			return this.data.content
+		},
+		convertStatus () {
+			const ConvertStatusEnum = {
+				NORMAL: -1, // 没有转换
+				ERROR: 2, // 转换失败
+				CONVERTING: 1, // 转换中
+				COMPLETE: 0 // 转换成功
+			}
+			if (!this.data.asrResult) {
+				return ConvertStatusEnum.NORMAL
+			}
+			if (this.data.asrResult.status === 0) {
+			return ConvertStatusEnum.NORMAL
+			}
+			if (this.data.asrResult.status === 1) {
+			return ConvertStatusEnum.CONVERTING
+			}
+			if (this.data.asrResult.status === 2) {
+			return ConvertStatusEnum.COMPLETE
+			}
+			if (this.data.asrResult.status === 3) {
+			return ConvertStatusEnum.ERROR
+			}
+			return ConvertStatusEnum.NORMAL
+		}
+	},
+	methods: {
+		handleQuoteMessageLoad () {
+			this.showMoreAction = true
+		},
+		handleDownloadVideoMethod ({ data }) {
+			return this.$clientChat.socket.sendDownloadVideo({
+				wechatAccountId: this.data.wechatAccountId,
+				friendMessageId: this.data.wechatFriendId ? this.data.id : null,
+				chatroomMessageId: !this.data.wechatFriendId ? this.data.id : null,
+				tencentUrl: data.tencentUrl,
+				wechatTime: this.data.wechatTime
+			})
+		},
+		handleMoreActionClick () {
+			this.$emit('more-action-click', {
+				data: this.data
+			})
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-panel-chats-item__empty{
+	font-size: 12px;
+	color: #999;
+	text-align: center;
+	padding: 6px;
+}
+</style>

package/uni-components/chat-panel/chat-panel-chats-status/chat-panel-chats-status.vue

@@ -0,0 +1,71 @@
+<template>
+    <view class="sdk-wechat-panel-chats-status" v-if="[1, 2, 3].includes(data.sendStatus) || data.recalled">
+        <!-- sendStatus：0成功，1发送中，2失败，3超时 -->
+        <template v-if="data.sendStatus === 1">
+            <ui-loading size="mini"></ui-loading>
+        </template>
+        <template v-else-if="data.sendStatus === 2">
+			<view class="sdk-wechat-panel-chats-status__error" @click="handleSendErrorClick">
+				<ui-icon name="close-circle-fill"></ui-icon>
+			</view>
+        </template>
+        <template v-else-if="data.sendStatus === 3">
+			<view class="sdk-wechat-panel-chats-status__error" @click="handleSendTimeoutClick">
+				<ui-icon name="time-fill"></ui-icon>
+			</view>
+        </template>
+        <template v-if="data.recalled">
+			<view class="sdk-wechat-panel-chats-status__error" style="opacity: .6;" @click="handleSendRecalledClick">
+				<ui-icon name="reply-fill1"></ui-icon>
+			</view>
+        </template>
+    </view>
+</template>
+<script>
+import UiIcon from '@aochuang/common/uni-components/icon/icon.vue'
+import UiLoading from '@aochuang/common/uni-components/loading/loading.vue'
+import { warning, error } from '@aochuang/common/uni-components/message/message.js'
+
+export default {
+    name: 'SdkChatPanelChatsStatus',
+    components: {
+        UiIcon,
+        UiLoading
+    },
+    props: {
+        data: {
+            type: Object,
+            required: true
+        }
+    },
+	methods: {
+		handleSendErrorClick () {
+			error(this.data.resultMsg || '发送失败')
+		},
+		handleSendTimeoutClick () {
+			error(this.data.resultMsg || '发送超时')
+		},
+		handleSendRecalledClick () {
+			warning('消息已撤回')
+		}
+	}
+}
+</script>
+<style lang="less">
+.sdk-wechat-panel-chats-status__error{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: 12px;
+  color: #c00;
+  width: 16px;
+  height: 16px;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+}
+.sdk-wechat-panel-chats-status{
+  margin: 0 6px;
+}
+</style>