@aochuang/client-sdk 1.0.278

package/uni-components/chat-control/chat-control.vue

@@ -0,0 +1,218 @@
+<template>
+	<view class="sdk-chat-control">
+		<template v-if="MESSAGE_TYPE.TEXT === msgType">
+			<chat-control-text
+				:type="type"
+				:data="msgContent"
+			></chat-control-text>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.IMAGE === msgType">
+			<chat-control-image
+				:type="type"
+				:data="msgContent"
+			></chat-control-image>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.URLNew === msgType">
+			<chat-control-url-new
+				:type="type"
+				:data="msgContent"
+			></chat-control-url-new>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.READ_ENVELOPES === msgType">
+			<chat-control-redpacket
+				:type="type"
+				:data="msgContent"
+			></chat-control-redpacket>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.ACCOUNT_TRANSFER === msgType">
+			<chat-control-transfer
+				:type="type"
+				:data="msgContent"
+			></chat-control-transfer>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.URL === msgType">
+			<chat-control-url
+				:type="type"
+				:data="msgContent"
+			></chat-control-url>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.CUSTOM_EXPRESSION === msgType">
+			<chat-control-expression
+				:type="type"
+				:data="msgContent"
+			></chat-control-expression>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO_LIVE === msgType">
+			<chat-control-channel-video-live
+				:type="type"
+				:data="msgContent"
+			></chat-control-channel-video-live>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO_CARD === msgType">
+			<chat-control-channel-video-card
+				:type="type"
+				:data="msgContent"
+			></chat-control-channel-video-card>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.CHANNEL_VIDEO === msgType">
+			<chat-control-channel-video
+				:type="type"
+				:data="msgContent"
+			></chat-control-channel-video>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.VIDEO === msgType">
+			<chat-control-video
+				:type="type"
+				:data="msgContent"
+			></chat-control-video>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.SHARE_CARD === msgType">
+			<chat-control-share-card
+				:type="type"
+				:data="msgContent"
+			></chat-control-share-card>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.COMPANY_CARD === msgType">
+			<chat-control-company-card
+				:type="type"
+				:data="msgContent"
+			></chat-control-company-card>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.LOCATION === msgType">
+			<chat-control-location
+				:type="type"
+				:data="msgContent"
+			></chat-control-location>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.CALLING === msgType">
+			<chat-control-calling
+				:type="type"
+				:data="msgContent"
+			></chat-control-calling>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.VOICE === msgType">
+			<chat-control-voice
+				:type="type"
+				:data="msgContent"
+			></chat-control-voice>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.REAL_TIME_POSITION === msgType">
+			<chat-control-real-time-position
+				:type="type"
+				:data="msgContent"
+			></chat-control-real-time-position>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.TEXT_WITH_AT === msgType">
+			<chat-control-text-with-at
+				:type="type"
+				:data="msgContent"
+			></chat-control-text-with-at>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.QUOTE_MESSAGE === msgType">
+			<chat-control-quote-message
+				:type="type"
+				:data="msgContent"
+			>
+			</chat-control-quote-message>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.MEMBER_CHANGE === msgType">
+			<chat-control-member-change
+				:type="type"
+				:data="msgContent"
+			></chat-control-member-change>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.SYSTEM === msgType">
+			<chat-control-system
+				:type="type"
+				:data="msgContent"
+			></chat-control-system>
+		</template>
+		<template v-else-if="MESSAGE_TYPE.JX_SYS_TEXT === msgType">
+			<chat-control-system-text
+				:type="type"
+				:data="msgContent"
+			></chat-control-system-text>
+		</template>
+	</view>
+</template>
+
+<script>
+import { 
+	MESSAGE_TYPE
+} from './const.js'
+
+import ChatControlText from './text/text.vue'
+import ChatControlSystemText from './system-text/system-text.vue'
+import ChatControlUnkonw from './unkonw/unkonw.vue'
+import ChatControlImage from './image/image.vue'
+import ChatControlUrlNew from './url-new/url-new.vue'
+import ChatControlRedpacket from './redpacket/redpacket.vue'
+import ChatControlTransfer from './transfer/transfer.vue'
+import ChatControlUrl from './url/url.vue'
+import ChatControlExpression from './expression/expression.vue'
+import ChatControlMemberChange from './member-change/member-change.vue'
+import ChatControlVideo from './video/video.vue'
+import ChatControlChannelVideoLive from './channel-video-live/channel-video-live.vue'
+import ChatControlChannelVideoCard from './channel-video-card/channel-video-card.vue'
+import ChatControlChannelVideo from './channel-video/channel-video.vue'
+import ChatControlShareCard from './share-card/share-card.vue'
+import ChatControlSystem from './system/system.vue'
+import ChatControlCompanyCard from './company-card/company-card.vue'
+import ChatControlLocation from './location/location.vue'
+import ChatControlCalling from './calling/calling.vue'
+import ChatControlVoice from './voice/voice.vue'
+import ChatControlRealTimePosition from './real-time-position/real-time-position.vue'
+import ChatControlTextWithAt from './text-with-at/text-with-at.vue'
+import ChatControlQuoteMessage from './quote-message/quote-message.vue'
+
+export default {
+	name: 'SdkChatControl',
+	components: {
+		ChatControlSystemText,
+		ChatControlUnkonw,
+		ChatControlText,
+		ChatControlImage,
+		ChatControlUrl,
+		ChatControlUrlNew,
+		ChatControlRedpacket,
+		ChatControlTransfer,
+		ChatControlExpression,
+		ChatControlMemberChange,
+		ChatControlVideo,
+		ChatControlChannelVideo,
+		ChatControlChannelVideoLive,
+		ChatControlChannelVideoCard,
+		ChatControlShareCard,
+		ChatControlSystem,
+		ChatControlLocation,
+		ChatControlCalling,
+		ChatControlVoice,
+		ChatControlTextWithAt,
+		ChatControlCompanyCard,
+		ChatControlRealTimePosition,
+		ChatControlQuoteMessage
+	},
+	props: {
+		type: {
+			type: String
+		},
+		msgType: {
+			type: [Number, String]
+		},
+		content: {
+			type: [Object, String],
+			required: true
+		}
+	},
+	data () {
+		return {
+			MESSAGE_TYPE
+		}
+	},
+	computed: {
+		msgContent () {
+			return this.content
+		}
+	}
+}
+</script>

package/uni-components/chat-control/company-card/company-card.vue

@@ -0,0 +1,123 @@
+<template>
+  <view class="bi-chat-control-company-card" :class="['bi-chat-control-company-card--' + type]">
+    <div class="bi-chat-control-company-card__main">
+      <div class="bi-chat-control-company-card__avatar">
+        <bi-avatar :src="avatar"></bi-avatar>
+      </div>
+      <div class="bi-chat-control-company-card__fields">
+        <div class="bi-chat-control-company-card__title">{{name}}</div>
+        <div class="bi-chat-control-company-card__other">
+			<view 
+				v-if="icon"
+				class="bi-chat-control-company-card__icon"
+				:style="{'background-image': `url(${icon})`}"
+			></view>
+			<view class="bi-chat-control-company-card__name">
+				{{description}}
+			</view>
+		</div>
+      </div>
+    </div>
+    <div class="bi-chat-control-company-card__foot">
+      <span class="bi-chat-control-company-card__category">企业微信名片</span>
+    </div>
+  </view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+import { toJson } from '../../../utils/data'
+
+export default {
+	name: 'AcChatControlCompanyCard',
+	components: {
+		BiAvatar
+	},
+	props: {
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'thumb'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data)
+		},
+		description () {
+			return this.content.openimdesc
+		},
+		icon () {
+			return this.content.openimdescicon
+		},
+		name () {
+			return this.content.nickname
+		},
+		avatar () {
+			return this.content.bigheadimgurl || this.content.smallheadimgurl
+		}
+	}
+}
+</script>
+<style type="less">
+.bi-chat-control-company-card--thumb {
+	&.bi-chat-control-company-card{
+		width: 100%;
+		border: 1px solid #eee;
+		border-radius: 3px;
+		box-sizing: border-box;
+	}
+}
+.bi-chat-control-company-card__main{
+  display: flex;
+  flex-direction: row;
+  padding: 10px;
+  width: 216px;
+  max-width: 100%;
+}
+.bi-chat-control-company-card__fields{
+  flex: 1;
+  min-width: 0;
+  padding-left: 10px;
+}
+.bi-chat-control-company-card__title{
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 4px;
+}
+.bi-chat-control-company-card__foot{
+  border-top: 1px solid #eee;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 10px;
+  box-sizing: content-box;
+}
+.bi-chat-control-company-card__category{
+  color: #999;
+  font-size: 12px;
+}
+.bi-chat-control-company-card__other{
+  color: #888;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.bi-chat-control-company-card__icon{
+	width: 14px;
+	height: 14px;
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	background-size: cover;
+	margin-right: 4px;
+}
+</style>

package/uni-components/chat-control/const.js

@@ -0,0 +1,28 @@
+export const MESSAGE_TYPE = {
+	TEXT: 1,
+	IMAGE: 3,
+	VOICE: 34,
+	SYS_VOICE: 64,
+	SHARE_CARD: 42,
+	COMPANY_CARD: 66,
+	VIDEO: 43,
+	CUSTOM_EXPRESSION: 47,
+	LOCATION: 48,
+	URL: 49,
+	URLNew: 1090519089,
+	CALLING: 50,
+	REAL_TIME_POSITION: -1879048186,
+	READ_ENVELOPES: 436207665,
+	ACCOUNT_TRANSFER: 419430449,
+	SYSTEM: 10000,
+    SYSTEM_BATCH_MESSAGE: 10002,
+	JX_SYS_TEXT: 90000,
+	MEMBER_CHANGE: 570425393,
+	SYSTEM_MONEY: -10001,
+	TIME_DIVIDER: -12346789,
+	TEXT_WITH_AT: 90001,
+	QUOTE_MESSAGE: 822083633,
+	CHANNEL_VIDEO: 754974769,
+	CHANNEL_VIDEO_CARD: 771751985, // 视频号名片
+	CHANNEL_VIDEO_LIVE: 973078577 // 视频号直播
+}

package/uni-components/chat-control/expression/expression.vue

@@ -0,0 +1,41 @@
+<template>
+	<view class="bi-chat-control-expression">
+		<image class="bi-chat-control-expression__control" mode="widthFix" :src="innerSrc" @click="handleImageClick"></image>
+	</view>
+</template>
+
+<script>
+import { formatOssPath } from '@aochuang/common/utils/oss'
+
+export default {
+	name: 'BiChatControlExpression',
+	props: {
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		innerSrc () {
+			return formatOssPath(this.data)
+		}
+	},
+	methods: {
+		handleImageClick () {
+			if (!this.data) {
+				return
+			}
+			uni.previewImage({
+				urls: [this.data]
+			})
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-expression__control{
+	max-width: 140px; 
+	width: 140px;
+	height: auto;
+}
+</style>

package/uni-components/chat-control/image/image.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="bi-chat-control-image" :class="['bi-chat-control-image--' + type]">
+		<image class="bi-chat-control-image__control" mode="widthFix" :src="innerSrc" @click="handleImageClick"></image>
+	</view>
+</template>
+
+<script>
+import { formatOssPath } from '@aochuang/common/utils/oss'
+
+export default {
+	name: 'BiChatControlImage',
+	props: {
+		data: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote', 'thumb'].includes(value)
+			}
+		}
+	},
+	computed: {
+		innerSrc () {
+			return formatOssPath(this.data)
+		}
+	},
+	methods: {
+		handleImageClick () {
+			if (!this.data) {
+				return
+			}
+			uni.previewImage({
+				urls: [this.data]
+			})
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-image--default {
+	.bi-chat-control-image__control{
+		max-width: 180px; 
+		width: 180px;
+	}
+}
+.bi-chat-control-image--thumb {
+	.bi-chat-control-image__control{
+		max-width: 100%; 
+		max-height: 120px;
+		object-fit: cover;
+		background-color: #f8f8f8;
+		/deep/ div {
+			background-position: 50% 50%;
+			background-size: contain!important;
+		}
+		/deep/ img {
+			object-fit: cover;
+		}
+	}
+}
+.bi-chat-control-image__control{
+	height: auto;
+	vertical-align: top;
+}
+</style>

package/uni-components/chat-control/index.js

@@ -0,0 +1,89 @@
+import { toJson } from '../../utils/data'
+import { formatSystemMessage } from './utils'
+import * as CONST from './const'
+
+export const MESSAGE_TYPE = CONST.MESSAGE_TYPE
+
+/**
+ * 格式化为短消息
+*/
+export function formatShortMessage (msgType, msgContent) {
+	let shortMessage = msgContent
+	switch (msgType) {
+		case MESSAGE_TYPE.TEXT:
+			shortMessage = msgContent
+			break
+		case MESSAGE_TYPE.TEXT_WITH_AT:
+			let {atId, content, text} = toJson(msgContent) || {}
+			shortMessage = text
+			break
+		case MESSAGE_TYPE.IMAGE:
+			shortMessage = '[图片消息]'
+			break
+		case MESSAGE_TYPE.VIDEO:
+			shortMessage = '[视频消息]'
+			break
+		case MESSAGE_TYPE.CUSTOM_EXPRESSION:
+			shortMessage = '[自定义表情消息]'
+			break
+		case MESSAGE_TYPE.VOICE:
+			shortMessage = '[语音消息]'
+			break
+		case MESSAGE_TYPE.JX_SYS_TEXT:
+		case MESSAGE_TYPE.MEMBER_CHANGE:
+		case MESSAGE_TYPE.SYSTEM_MONEY:
+			shortMessage = '[系统消息]'
+			break
+		case MESSAGE_TYPE.SYSTEM:
+			shortMessage = formatSystemMessage(msgContent)
+			break
+		case MESSAGE_TYPE.URL:
+		case MESSAGE_TYPE.URLNew:
+			const jsonObj = toJson(msgContent)
+			if (typeof jsonObj === 'object') {
+				if(jsonObj.type === 'file') {
+					shortMessage = '[文件消息]'
+				} else if(jsonObj.type === 'link') {
+					shortMessage = '[链接消息]'
+				} else if(jsonObj.type === 'miniprogram') {
+					shortMessage = '[小程序消息]'
+				} else if (jsonObj.type === 'music') {
+					shortMessage = '[音乐消息]'
+				}
+			} else {
+				shortMessage = '[链接消息]'
+			}
+			break
+		case MESSAGE_TYPE.READ_ENVELOPES:
+			shortMessage = '[红包消息]'
+			break
+		case MESSAGE_TYPE.ACCOUNT_TRANSFER:
+			shortMessage = '[转账消息]'
+			break
+		case MESSAGE_TYPE.COMPANY_CARD:
+		case MESSAGE_TYPE.SHARE_CARD:
+			shortMessage = '[名片消息]'
+			break
+		case MESSAGE_TYPE.LOCATION:
+			shortMessage = '[位置消息]'
+			break
+		case MESSAGE_TYPE.QUOTE_MESSAGE:
+			shortMessage = '[引用消息]'
+			break
+		case MESSAGE_TYPE.CHANNEL_VIDEO:
+			shortMessage = '[视频号消息]'
+			break
+		case MESSAGE_TYPE.CHANNEL_VIDEO_CARD:
+			shortMessage = '[视频号名片]'
+			break
+		case MESSAGE_TYPE.CHANNEL_VIDEO_LIVE:
+			shortMessage = '[视频号直播]'
+			break
+		default:
+			if (msgContent) {
+				shortMessage = '[未知消息]'
+			}
+			break
+	}
+	return shortMessage
+}

package/uni-components/chat-control/location/location.vue

@@ -0,0 +1,110 @@
+<template>
+	<view class="bi-chat-control-location" :class="['bi-chat-control-location--' + type]">
+		<template v-if="content">
+			<template v-if="type === 'default'">
+				<view class="bi-chat-control-location__main">
+				  <view class="bi-chat-control-location__head">
+					<view class="bi-chat-control-location__title">{{address}}</view>
+				  </view>
+				  <view class="bi-chat-control-location__body">
+					<view v-if="offline" class="bi-chat-control-location__offline">
+					  <view class="bi-chat-control-location__offline-label">腾讯地图经纬度坐标：</view>
+					  <view class="bi-chat-control-location__offline-value">{{longitude}}、{{latitude}}</view>
+					  <view class="bi-chat-control-location__offline-tips">提示：离线模式无法显示地图</view>
+					</view>
+					<bi-static-map v-else width="220" height="160" :lng="longitude" :lat="latitude"></bi-static-map>
+				  </view>
+				</view>
+			</template>
+			<template v-else-if="type === 'quote'">
+				<view class="bi-chat-control-location__main">
+					<view class="bi-chat-control-location__title">{{address}}</view>
+					<view class="bi-chat-control-location__map">
+						<bi-static-map width="54" height="54" :lng="longitude" :lat="latitude"></bi-static-map>
+					</view>
+				</view>
+			</template>
+		</template>
+		<template v-else>
+			<view class="bi-chat-control-location__exception">
+				无法解析地理位置数据
+			</view>
+		</template>
+	</view>
+</template>
+
+<script>
+import BiStaticMap from '@/common/static-map/static-map.vue'
+import { parseXml } from '@/utils/data'
+
+
+export default {
+	name: 'BiChatControlLocation',
+	components: {
+		BiStaticMap
+	},
+	props: {
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		offline () {
+			return false
+		},
+		content () {
+			// 政企版有这种数据，需要去除一下
+			// jojo4943:<br><msg><br> <location x="28.231337" y="113.041611" scale="15" label="湖南省长沙市开福区国润月湖郡7栋" maptype="roadmap" poiname="马栏山博创园" poiid="qqmap_1533871097335282393" buildingId="" floorName="" poiCategoryTips="房产小区:产业园区" poiBusinessHour="" poiPhone="" poiPriceTips="" isFromPoiList="true" adcode="430105" cityname="长沙市" fromusername="jojo4943" /><br></msg><br>
+			const content = parseXml((this.data || '').replace(/^.*?(?=<)/, '').replace(/<br>/ig, '')) || {}
+			if (!content || !content.msg || !content.msg.location) {
+			  return 
+			} 
+			return content
+		},
+		address () {
+			return (this.content.msg.location.cityname || '') + (this.content.msg.location.label || '') + (this.content.msg.location.poiname || '')
+		},
+		latitude () {
+			return Number(this.content.msg.location.x)
+		},
+		longitude () {
+			return Number(this.content.msg.location.y)
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-location--default {
+	.bi-chat-control-location__main{
+		width: 220px;
+	}
+	.bi-chat-control-location__title{
+		padding: 12px;
+	}
+	.bi-chat-control-location__exception{
+		color: #999;
+	}
+}
+.bi-chat-control-location--quote {
+	.bi-chat-control-location__title{
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 限制为3行 */
+		overflow: hidden;
+		margin-right: 8px;
+	}
+	.bi-chat-control-location__main{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+}
+</style>