@aochuang/client-sdk 1.0.278

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

@@ -0,0 +1,32 @@
+<template>
+	<view class="bi-chat-control-member-change">
+		{{ content.content }}
+	</view>
+</template>
+
+<script>
+import { toJson } from '../../../utils/data.js'
+
+export default {
+	name: 'BiChatControlMemberChange',
+	props: {
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data)
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-member-change{
+	color: #999;
+	font-size: 12px;
+	padding: 12px;
+	text-align: center;
+}
+</style>

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

@@ -0,0 +1,216 @@
+<template>
+	<view class="bi-chat-control-quote-message" :class="[dir ? 'is-dir-' + dir : null]" v-if="quoteMessageInfo">
+		<view class="bi-chat-control-quote-message__inner">
+			<view class="bi-chat-control-quote-message__arrow" :style="{'border-color': innerColor}"></view>
+			<view class="bi-chat-control-quote-message__content" :style="{'background-color': innerColor}">
+				<rich-text :nodes="showContent"></rich-text>
+			</view>
+		</view>
+		<view class="bi-chat-control-quote-message__wrap">
+			<template v-if="loading">
+				<view class="bi-chat-control-quote-message__loading">
+					<view>引用内容正在加载中...</view>
+				</view>
+			</template>
+			<template v-else>
+				<template v-if="errorMsg">
+					<view class="bi-chat-control-quote-message__exception">{{ errorMsg }}</view>
+				</template>
+				<template v-else>
+					<view class="bi-chat-control-quote-message__main">
+						<view class="bi-chat-control-quote-message__user">{{ quoteMessageInfo.quoteSendName }}：</view>
+						<view class="bi-chat-control-quote-message__msg">
+							<template v-if="quoteMessageInfo && quoteMessageInfo.quoteSendType === 1">
+								<rich-text v-if="quoteContent" :nodes="showQuoteContentText"></rich-text>
+							</template>
+							<template v-else>
+								<template v-if="quoteMessageInfo && quoteMessageInfo.quoteSendType">
+									<slot name="sub-message" :data="quoteMessage"></slot>
+								</template>
+								<template v-else>
+									<rich-text v-if="quoteContent" :nodes="showQuoteContentText"></rich-text>
+								</template>
+							</template>
+						</view>
+					</view>
+				</template>
+			</template>
+		</view>
+	</view>
+</template>
+<script>
+import { toJson } from '../../../utils/data'
+import { html2Escape } from '../../../utils/string'
+import { getFriendMessageBySvrId, getRoomMessageBySvrId } from '@/apis/message'
+import { parseWechatEmoji } from '@aochuang/common/uni-common/wechat-emoji/index.js'
+import parseHtml from '@/utils/html-parser.js'
+
+export default {
+  name: 'AcWechatChatPanelControlQuoteMessage',
+  props: {
+    quotable: {
+      type: Boolean
+    },
+		dir: {
+			type: String,
+			validator (value) {
+				if (!value) {
+					return true
+				}
+				return ['left', 'right'].includes(value)
+			}
+		},
+    data: {
+      type: String
+    },
+		wechatAccountId: {
+			type: String,
+			required: true
+		},
+		wechatFriendId: {
+			type: String
+		},
+		wechatChatroomId: {
+			type: String
+		}
+  },
+  data () {
+    return {
+      loading: false,
+      quoteMessage: null,
+      errorMsg: null
+    }
+  },
+  created () {
+    const {wechatAccountId, wechatFriendId, wechatChatroomId} = this
+    const {msgSvrId, wechatTime, quoteSendType} = (this.quoteMessageInfo || {})
+    if (quoteSendType !== 1) {
+      if (wechatChatroomId) {
+        this.loading = true
+        getRoomMessageBySvrId({
+          wechatAccountId,
+          wechatChatroomId,
+          msgSvrId,
+          wechatTime
+        }).then(({ data }) => {
+			if (!data) {
+				this.errorMsg = '未找到引用消息内容，请在手机中查看'
+			} else {
+				this.quoteMessage = data
+			}
+			this.$emit('load')
+        }).finally(() => {
+			this.loading = false
+        })
+      } else {
+        this.loading = true
+        getFriendMessageBySvrId({
+          wechatAccountId,
+          wechatFriendId,
+          msgSvrId,
+          wechatTime
+        }).then(({ data }) => {
+			if (!data) {
+				this.errorMsg = '未找到引用消息内容，请在手机中查看'
+			} else {
+				this.quoteMessage = data
+			}
+			this.$emit('load')
+        }).finally(() => {
+			this.loading = false
+        })
+      }
+    }
+  },
+  computed: {
+    quoteMessageInfo () {
+		const data = (this.data || '').replace(/^[\w-_@]+:\{/, '{')
+		return toJson(data)
+    },
+    quoteContent () {
+      if (!this.quoteMessageInfo.quoteSendContent) {
+        return ''
+      }
+      return html2Escape(this.quoteMessageInfo.quoteSendContent)
+    },
+	showContent () {
+		return parseHtml(parseWechatEmoji(this.quoteMessageInfo.content))
+	},
+	showQuoteContentText () {
+		if (!this.quoteMessageInfo.quoteSendContent) {
+			return ''
+		}
+		return parseHtml(parseWechatEmoji(this.quoteMessageInfo.quoteSendContent))
+	},
+	innerColor () {
+		if (this.dir === 'right') {
+			return '#c9e3fc' 
+		} else {
+			return '#ffffff'
+		}
+	}
+  }
+}
+</script>
+<style lang="less">
+.bi-chat-control-quote-message{
+	.bi-chat-control-quote-message__inner{
+		display: flex;
+		flex-direction: row;
+	}
+	&.is-dir-left {
+		.bi-chat-control-quote-message__arrow{
+			left: -8px;
+			transform: rotate(-90deg);
+		}
+	}
+	&.is-dir-right {
+		.bi-chat-control-quote-message__arrow{
+			right: -8px;
+			transform: rotate(90deg);
+		}
+		.bi-chat-control-quote-message__inner{
+			justify-content: flex-end;
+		}
+	}
+}
+.bi-chat-control-quote-message__arrow{
+	border: 6px solid transparent;
+	border-left-color: transparent!important;
+	border-right-color: transparent!important;
+	border-top: 0;
+	position: absolute;
+	top: 14px;
+	z-index: 10;
+}
+.bi-chat-control-quote-message__content{
+  padding: 8px 12px;
+  border-radius: 3px;
+}
+.bi-chat-control-quote-message__main{
+  background-color: rgba(0,0,0,.06);
+  border-radius: 3px;
+  padding: 8px;
+  margin-top: 6px;
+  display: flex;
+  flex-direction: column;
+}
+.bi-chat-control-quote-message__loading,
+.bi-chat-control-quote-message__exception {
+  background-color: rgba(0,0,0,.06);
+  border-radius: 3px;
+  padding: 8px;
+  margin-top: 6px;
+  display: flex;
+  flex-direction: row;
+}
+.bi-chat-control-quote-message__text{
+  text-align: left;
+  img {
+    vertical-align: top;
+  }
+}
+.bi-chat-control-quote-message__user{
+  white-space: nowrap;
+}
+</style>

package/uni-components/chat-control/real-time-position/real-time-position.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="bi-chat-control-real-time-position">
+		<view class="bi-chat-control-real-time-position__text">{{ text }}</view>
+		<view class="bi-chat-control-real-time-position__icon">
+			<bi-icon name="map-pin-2-fill"></bi-icon>
+		</view>
+	</view>
+</template>
+<script>
+import BiIcon from '@aochuang/common/uni-components/icon/icon.vue'
+import { parseXml } from '@/utils/data'
+
+export default {
+  name: 'BiChatControlRealTimePosition',
+  components: {
+	BiIcon
+  },
+  props: {
+    dir: {
+      type: String
+    },
+	type: {
+		type: String,
+		default: 'default',
+		validator (value) {
+			return ['default', 'thumb'].includes(value)
+		}
+	},
+    data: {
+      type: String,
+      default: () => ({})
+    }
+  },
+  computed: {
+    content () {
+      return parseXml(this.data) || {}
+    },
+    text () {
+      let text = '位置共享'
+      if (this.content.msg && this.content.msg.appmsg && this.content.msg.appmsg.title) {
+        text = this.content.msg.appmsg.title
+      }
+      return text
+    }
+  }
+}
+</script>
+<style lang="less">
+.bi-chat-control-real-time-position{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 12px;
+}
+.bi-chat-control-real-time-position__icon{
+  width: 18px;
+  height: 18px;
+  margin-left: 4px;
+  background-size: cover;
+  opacity: .4;
+}
+</style>

package/uni-components/chat-control/redpacket/red-envelope.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 class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M907.938909 859.252364A116.782545 116.782545 0 0 1 791.272727 976.174545H223.441455a116.782545 116.782545 0 0 1-116.666182-116.922181V310.085818h87.738182l625.687272-10.496h87.738182z" fill="#EF4108" /><path d="M646.097455 469.527273a141.707636 141.707636 0 0 1-140.264728 103.866182c-115.293091 0-163.560727-107.496727-163.560727-107.496728a570.181818 570.181818 0 0 1-208.244364-84.084363l-27.252363-15.848728v-205.265454a116.014545 116.014545 0 0 1 116.666182-115.339637h567.854545a116.014545 116.014545 0 0 1 116.666182 115.339637v193.885091l-20.363637 12.846545c-4.491636 2.792727-8.866909 5.585455-13.265454 8.285091-68.538182 43.264-122.740364 77.451636-228.235636 93.812364z" fill="#FF6D0B" /><path d="M501.713455 621.242182a181.527273 181.527273 0 1 1 181.08509-181.527273 181.527273 181.527273 0 0 1-181.08509 181.527273z" fill="#FBE945" /><path d="M603.345455 510.906182v-42.565818H525.963636v-50.944h77.381819V374.923636h-21.224728l11.776-47.522909h-43.659636l-11.636364 47.522909h-61.253818l-13.218909-47.522909h-43.892364l13.218909 47.522909h-25.6v42.472728h75.776v50.944h-75.776v42.565818h75.776v64.093091H525.963636v-64.093091z" fill="#FF5D24" /></svg>

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

@@ -0,0 +1,75 @@
+<template>
+	<view class="bi-chat-control-redpacket">
+		<view class="bi-chat-control-redpacket__main">
+			<view class="bi-chat-control-redpacket__icon"></view>
+			<view class="bi-chat-control-redpacket__title">{{content.sendertitle}}</view>
+		</view>
+		<view class="bi-chat-control-redpacket__type">微红包</view>
+	</view>
+</template>
+<script>
+import { toJson } from '../../../utils/data.js'
+
+export default {
+	name: 'BiChatControlRedpacket',
+	props: {
+		dir: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'thumb'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		content () {
+			let content = this.data
+			if (typeof this.data === 'string') {
+				content = toJson(this.data)
+			}
+			return content
+		}
+	}
+}
+</script>
+<style lang="less">
+.bi-chat-control-redpacket__main{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-bottom: 6px;
+  padding: 12px;
+  width: 200px;
+  background-color: #f79d46;
+  color: #fff;
+  border-radius: 4px;
+}
+.bi-chat-control-redpacket__title{
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: bold;
+  margin-left: 8px;
+}
+.bi-chat-control-redpacket__icon{
+	width: 32px;
+	height: 32px;
+	background: url('./red-envelope.svg') no-repeat 50% 50%;
+	background-size: cover;
+}
+.bi-chat-control-redpacket__type{
+	font-size: 12px;
+	height: 24px;
+	line-height: 24px;
+	padding: 0 12px;
+	color: #fff;
+	border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+</style>

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

@@ -0,0 +1,101 @@
+<template>
+  <view class="bi-chat-control-share-card" :class="['bi-chat-control-share-card--' + type]">
+    <div class="bi-chat-control-share-card__main">
+      <div class="bi-chat-control-share-card__avatar">
+        <bi-avatar :src="avatar"></bi-avatar>
+      </div>
+      <div class="bi-chat-control-share-card__fields">
+        <div class="bi-chat-control-share-card__title">{{name}}</div>
+        <div class="bi-chat-control-share-card__summary">{{description}}</div>
+      </div>
+    </div>
+    <div class="bi-chat-control-share-card__foot">
+      <span class="bi-chat-control-share-card__category">{{category}}</span>
+    </div>
+  </view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+import { toJson } from '../../../utils/data'
+
+export default {
+	name: 'AcChatControlShareCard',
+	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.alias
+		},
+		name () {
+			return this.content.nickname
+		},
+		avatar () {
+			return this.content.bigheadimgurl || this.content.smallheadimgurl
+		},
+		category () {
+			return this.content.username && (this.content.username.indexOf('gh_') === 0 || this.content.certinfo) ? '公众号名片' : '个人微名片'
+		}
+	}
+}
+</script>
+<style type="less">
+.bi-chat-control-share-card--thumb {
+	&.bi-chat-control-share-card{
+		width: 100%;
+		border: 1px solid #eee;
+		border-radius: 3px;
+	}
+}
+.bi-chat-control-share-card__main{
+  display: flex;
+  flex-direction: row;
+  padding: 10px;
+  width: 236px;
+  max-width: 100%;
+}
+.bi-chat-control-share-card__fields{
+  flex: 1;
+  min-width: 0;
+  padding-left: 10px;
+}
+.bi-chat-control-share-card__title{
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bi-chat-control-share-card__summary{
+  color: #888;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bi-chat-control-share-card__foot{
+  border-top: 1px solid #eee;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 10px;
+  box-sizing: content-box;
+}
+.bi-chat-control-share-card__category{
+  color: #999;
+  font-size: 12px;
+}
+</style>

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

@@ -0,0 +1,69 @@
+<template>
+	<view class="bi-chat-control-system-text">
+		<template v-if="typeof content === 'string'">
+			{{ content }}
+		</template>
+		<template v-else>
+			<rich-text :nodes="content.nodes" @itemclick="content.click"></rich-text>
+		</template>
+	</view>
+</template>
+
+<script>
+import { formatSystemMessage } from '../utils.js'
+
+export default {
+	name: 'BiChatControlSystemText',
+	props: {
+		dir: {
+			type: String,
+			default: 'left',
+			validator (value) {
+				return ['left', 'right'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		},
+		formatter: {
+			type: Function
+		}
+	},
+	computed: {
+		nextContent () {
+			return formatSystemMessage(this.data)
+		},
+		content () {
+			let content = this.nextContent
+			if (this.formatter) {
+				content = this.formatter({
+					content: this.nextContent
+				})
+			}
+			if (!content) {
+				return ''
+			}
+			// 可以返回虚拟vnode，主要是方便扩展，比如加好友请求
+			if (typeof content === 'string') {
+				return content
+			}
+			/**
+			 * {
+			 * 		nodes: '',
+			 * 		click: null
+			 * }
+			*/
+			return content
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-system-text{
+	color: #999;
+	font-size: 12px;
+	padding: 12px;
+	text-align: center;
+}
+</style>

package/uni-components/chat-control/system-batch-message/system-batch-message.vue

@@ -0,0 +1,30 @@
+<template>
+	<view class="bi-chat-control-system-batch-message">
+		{{ content }}
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiChatControlSystemBatchMessage',
+	props: {
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		content () {
+			return this.data
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-system-batch-message{
+	color: #999;
+	font-size: 12px;
+	padding: 12px;
+	text-align: center;
+}
+</style>

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

@@ -0,0 +1,32 @@
+<template>
+	<view class="bi-chat-control-system-text">
+		{{ data }}
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'BiChatControlSystemText',
+	props: {
+		dir: {
+			type: String,
+			default: 'left',
+			validator (value) {
+				return ['left', 'right'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-system-text{
+	color: #999;
+	font-size: 12px;
+	padding: 12px;
+	text-align: center;
+}
+</style>

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

@@ -0,0 +1,67 @@
+<template>
+	<view 
+		class="bi-chat-control-text"
+		:class="['bi-chat-control-text--' + type]"
+	>
+		<view class="bi-chat-control-text__main">
+			<rich-text :nodes="showTextNodes"></rich-text>
+		</view>
+	</view>
+</template>
+
+<script>
+import { parseWechatEmoji } from '@aochuang/common/uni-common/wechat-emoji/index.js'
+import parseHtml from '@/utils/html-parser.js'
+
+export default {
+	name: 'BiChatControlText',
+	props: {
+		dir: {
+			type: String,
+			default: 'left',
+			validator (value) {
+				return ['left', 'right'].includes(value)
+			}
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote', 'thumb'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		showTextNodes () {
+			return parseHtml(parseWechatEmoji(this.data))
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-chat-control-text__main{
+	white-space: pre-wrap;
+	word-break: break-all;
+}
+.bi-chat-control-text--default {
+	.bi-chat-control-text__main{
+		min-height: 14px;
+		padding: 8px 12px;
+	}
+}
+.bi-chat-control-text--thumb {
+	border: 1px solid #eee;
+	border-radius: 3px;
+	padding: 6px 8px;
+	.bi-chat-control-text__main{
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 3; /* 限制为3行 */
+		overflow: hidden;
+	}
+}
+</style>