@aochuang/client-sdk 1.0.376 → 1.0.378

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

@@ -0,0 +1,91 @@
+<template>
+	<view :class="['bi-chat-control-calling', 'is-' + actionType]">
+		<view class="bi-chat-control-calling__main">
+			<template v-if="duration">
+				通话时长 {{ durationText }}
+			</template>
+			<template v-else>
+				{{ actionText }}
+			</template>
+			<template v-if="actionType === 'video'">
+				<bi-icon class="bi-chat-control-calling__icon" name="vidicon-fill" color="#999"></bi-icon>
+			</template>
+			<template v-else-if="actionType === 'voice'">
+				<bi-icon class="bi-chat-control-calling__icon" name="phone-fill" color="#999"></bi-icon>
+			</template>
+		</view>
+	</view>
+</template>
+<script>
+import { toJson } from '@/utils/data.js' 
+import { timeToHHmmss } from '@/utils/date'
+import BiIcon from '@aochuang/common/uni-components/icon/icon.vue'
+
+export default {
+	name: 'BiChatControlCalling',
+	components: {
+		BiIcon
+	},
+	props: {
+		dir: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'thumb'].includes(value)
+			}
+		},
+		data: {
+			type: String
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data) || {}
+		},
+		actionType () {
+			return this.content.type
+		},
+		actionText () {
+			return this.content.content
+		},
+		duration () {
+			return this.content.duration
+		},
+		durationText () {
+			const str = timeToHHmmss(this.duration ? this.duration * 1000 : 0)
+			if (str.indexOf('00:') === 0) {
+				return str.substr(3)
+			}
+			return str
+		}
+	}
+}
+</script>
+<style lang="less">
+.bi-chat-control-calling{
+  &.is-dir-left{
+    .bi-chat-control-calling__main{
+      flex-direction: row-reverse;
+      .bi-chat-control-calling__icon {
+        margin-right: 6px;
+      }
+    }
+  }
+  &.is-dir-right {
+    .bi-chat-control-calling__main{
+      flex-direction: row;
+      .bi-chat-control-calling__icon {
+        margin-left: 6px;
+      }
+    }
+  }
+}
+.bi-chat-control-calling__main{
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+}
+</style>

package/uni-components/chat-control/calling/phone-fill.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="1670299071263" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="60143" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M896 700.586667v150.869333a42.666667 42.666667 0 0 1-39.68 42.581333c-18.645333 1.28-33.877333 1.962667-45.653333 1.962667-377.045333 0-682.666667-305.621333-682.666667-682.666667 0-11.776 0.64-27.008 1.962667-45.653333A42.666667 42.666667 0 0 1 172.544 128H323.413333a21.333333 21.333333 0 0 1 21.248 19.2c0.981333 9.813333 1.877333 17.621333 2.730667 23.552A593.109333 593.109333 0 0 0 398.933333 341.461333c4.053333 8.533333 1.408 18.730667-6.272 24.192l-92.074666 65.792a556.672 556.672 0 0 0 292.010666 292.010667l65.706667-91.904a19.712 19.712 0 0 1 24.448-6.357333 593.109333 593.109333 0 0 0 170.666667 51.413333c5.930667 0.853333 13.738667 1.792 23.466666 2.730667a21.333333 21.333333 0 0 1 19.157334 21.248z" p-id="60144"></path></svg>

package/uni-components/chat-control/calling/vidicon-fill.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="1670298983364" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26050" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M725.333333 392.533333l222.421334-155.733333a21.333333 21.333333 0 0 1 33.578666 17.493333v515.413334a21.333333 21.333333 0 0 1-33.578666 17.493333L725.333333 631.466667V810.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h597.333334a42.666667 42.666667 0 0 1 42.666666 42.666666v179.2zM213.333333 341.333333v85.333334h85.333334V341.333333H213.333333z" p-id="26051"></path></svg>

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

@@ -0,0 +1,89 @@
+<template>
+	<view class="bi-chat-control-channel-video" :class="['bi-chat-control-channel-video--' + type]">
+		<view class="bi-chat-control-channel-video__cover">
+			<image class="bi-chat-control-channel-video__cover-image" :src="content.thumbOssUrl" mode="widthFix"></image>
+		</view>
+		<view class="bi-chat-control-channel-video__main">
+			<view class="bi-chat-control-channel-video__row">
+			  <bi-avatar :src="content.avatar" :name="content.nickname"></bi-avatar>
+			</view>
+			<view class="bi-chat-control-channel-video__row">
+			  <view class="bi-chat-control-channel-video__description">{{ content.desc }}</view>
+			</view>
+		</view>
+		<view class="bi-chat-control-channel-video__other">视频号</view>
+	</view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+import { toJson } from '../../../utils/data.js'
+
+export default {
+name: 'BiChatControlChannelVideo',
+	components: {
+		BiAvatar
+	},
+	props: {
+		data: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote', 'thumb'].includes(value)
+			}
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data) || {}
+		}
+	}
+}
+</script>
+<style lang="less">
+.bi-chat-control-channel-video--thumb {
+	border: 1px solid #eee;
+	border-radius: 3px;
+}
+.bi-chat-control-channel-video{
+  width: 180px;
+  max-width: 100%;
+  text-align: left;
+  color: #172b4d;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.bi-chat-control-channel-video__cover{
+  background-color: #eee;
+}
+.bi-chat-control-channel-video__cover-image{
+	max-width: 100%;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	vertical-align: top;
+}
+.bi-chat-control-channel-video__row{
+  line-height: 1.5em;
+  padding: 3px 12px;
+}
+.bi-chat-control-channel-video__main{
+  padding: 6px 0;
+}
+.bi-chat-control-channel-video__other {
+  font-size: 12px;
+  color: #999;
+  border-top: 1px solid #eee;
+  padding: 0 12px;
+  height: 24px;
+  line-height: 24px;
+}
+.bi-chat-control-channel-video__description{
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+</style>

package/uni-components/chat-control/channel-video-card/channel-video-card.vue

@@ -0,0 +1,105 @@
+<template>
+	<view class="bi-chat-control-channel-video-card" :class="['bi-chat-control-channel-video-card--' + type]">
+		<view class="bi-chat-control-channel-video-card__main">
+		  <view class="bi-chat-control-channel-video-card__avatar">
+		    <bi-avatar :src="content.avatar"></bi-avatar>
+		  </view>
+		  <view class="bi-chat-control-channel-video-card__fields">
+		    <view class="bi-chat-control-channel-video-card__title">{{content.nickname}}</view>
+		    <view class="bi-chat-control-channel-video-card__other">
+				<view class="bi-chat-control-channel-video-card__name">
+					{{content.openimdesc}}
+				</view>
+			</view>
+		  </view>
+		</view>
+		<view class="bi-chat-control-channel-video-card__foot">
+		  <span class="bi-chat-control-channel-video-card__category">视频号名片</span>
+		</view>
+	</view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+import { toJson } from '../../../utils/data.js'
+
+export default {
+name: 'BiChatControlChannelVideoCard',
+	components: {
+		BiAvatar
+	},
+	props: {
+		data: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote', 'thumb'].includes(value)
+			}
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data) || {}
+		}
+	}
+}
+</script>
+<style type="less">
+.bi-chat-control-channel-video-card--thumb {
+	&.bi-chat-control-channel-video-card{
+		width: 100%;
+		border: 1px solid #eee;
+		border-radius: 3px;
+	}
+}
+.bi-chat-control-channel-video-card__main{
+  width: 180px;
+  max-width: 100%;
+  display: flex;
+  flex-direction: row;
+  padding: 10px;
+}
+.bi-chat-control-channel-video-card__fields{
+  flex: 1;
+  min-width: 0;
+  padding-left: 10px;
+}
+.bi-chat-control-channel-video-card__title{
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 4px;
+}
+.bi-chat-control-channel-video-card__foot{
+  border-top: 1px solid #eee;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 10px;
+  box-sizing: content-box;
+}
+.bi-chat-control-channel-video-card__category{
+  color: #999;
+  font-size: 12px;
+}
+.bi-chat-control-channel-video-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-channel-video-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/channel-video-live/channel-video-live.vue

@@ -0,0 +1,92 @@
+<template>
+	<view class="bi-chat-control-channel-video-live" :class="['bi-chat-control-channel-video-live--' + type]">
+		<view class="bi-chat-control-channel-video-live__cover">
+			<image class="bi-chat-control-channel-video-live__cover-image" :src="content.coverUrl" mode="widthFix"></image>
+		</view>
+		<view class="bi-chat-control-channel-video-live__main">
+			<view class="bi-chat-control-channel-video-live__row">
+			  <bi-avatar :src="content.headUrl" :name="content.nickname"></bi-avatar>
+			</view>
+			<view class="bi-chat-control-channel-video-live__row">
+			  <view class="bi-chat-control-channel-video-live__description">{{ content.desc }}</view>
+			</view>
+		</view>
+		<view class="bi-chat-control-channel-video-live__other">视频号直播</view>
+	</view>
+</template>
+<script>
+import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
+import { toJson } from '../../../utils/data.js'
+
+export default {
+name: 'BiChatControlChannelVideoLive',
+	components: {
+		BiAvatar
+	},
+	props: {
+		data: {
+			type: String
+		},
+		type: {
+			type: String,
+			default: 'default',
+			validator (value) {
+				return ['default', 'quote', 'thumb'].includes(value)
+			}
+		}
+	},
+	computed: {
+		content () {
+			return toJson(this.data) || {}
+		}
+	}
+}
+</script>
+<style lang="less">
+.bi-chat-control-channel-video-live--thumb {
+	&.bi-chat-control-channel-video-live{
+		width: 100%;
+		border: 1px solid #eee;
+		border-radius: 3px;
+	}
+}
+.bi-chat-control-channel-video-live{
+  width: 180px;
+  max-width: 100%;
+  text-align: left;
+  color: #172b4d;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.bi-chat-control-channel-video-live__cover{
+  background-color: #eee;
+}
+.bi-chat-control-channel-video-live__cover-image{
+	max-width: 100%;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	vertical-align: top;
+}
+.bi-chat-control-channel-video-live__row{
+  line-height: 1.5em;
+  padding: 3px 12px;
+}
+.bi-chat-control-channel-video-live__main{
+  padding: 6px 0;
+}
+.bi-chat-control-channel-video-live__other {
+  font-size: 12px;
+  color: #999;
+  border-top: 1px solid #eee;
+  padding: 0 12px;
+  height: 24px;
+  line-height: 24px;
+}
+.bi-chat-control-channel-video-live__description{
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+</style>

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

@@ -0,0 +1,20 @@
+<script>
+export default {
+    name: 'SdkWecahtChatControlConfigItem',
+    functional: true,
+    inject: ['SdkWechatChatControlConfig'],
+    props: {
+        /**
+         * 消息类型
+        */
+        msgType: {
+            type: [Number, String]
+        }
+    },
+    render (h, c) {
+        return c.scopedSlots.default({
+            configData: c.injections.SdkWechatChatControlConfig.getControlConfig(c.props.msgType)
+        })
+    }
+}
+</script>

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

@@ -0,0 +1,3 @@
+import ChatControlConfigItem from './chat-control-config-item.vue'
+
+export default ChatControlConfigItem

package/uni-components/chat-control/chat-control-config-msg/chat-control-config-msg-app.vue

@@ -0,0 +1,25 @@
+<template>
+	<view class="sdk-wechat-chat-control-config-msg">
+		<slot :config-data="configData"></slot>
+	</view>
+</template>
+<script>
+export default {
+	name: 'SdkWecahtChatControlConfigMsgApp',
+	inject: ['SdkWechatChatControlConfig'],
+	props: {
+		/**
+		 * 标准的客服端消息数据
+		*/
+		msgData: {
+			type: Object,
+			required: true
+		}
+	},
+	computed: {
+		configData () {
+			return this.SdkWechatChatControlConfig.getMessageConfig(this.msgData)
+		}
+	}
+}
+</script>

package/uni-components/chat-control/chat-control-config-msg/chat-control-config-msg-h5.vue

@@ -0,0 +1,21 @@
+<script>
+export default {
+    name: 'SdkWecahtChatControlConfigMsgH5',
+    functional: true,
+    inject: ['SdkWechatChatControlConfig'],
+    props: {
+        /**
+         * 标准的客服端消息数据
+        */
+        msgData: {
+            type: Object,
+            required: true
+        }
+    },
+    render (h, c) {
+        return c.scopedSlots.default({
+            configData: c.injections.SdkWechatChatControlConfig.getMessageConfig(c.props.msgData)
+        })
+    }
+}
+</script>

package/{components/wework-chat-control/wework-chat-control-config.vue → uni-components/chat-control/chat-control-config.vue}

@@ -1,20 +1,25 @@
+<template>
+	<view class="sdk-wechat-chat-control-config">
+		<slot></slot>
+	</view>
+</template>
 <script>
 export default {
-    name: 'SdkWeworkChatControlConfig',
+    name: 'SdkWechatChatControlConfig',
     provide () {
         return {
-            SdkWeworkChatControlConfig: this
+            SdkWechatChatControlConfig: this
         }
     },
     inject: {
         // 可以继承上级的
-        SdkWeworkChatControlConfig: {
+        SdkWechatChatControlConfig: {
             default: null
         }
-    },
+    }, 
     props: {
         /**
-         * 这个是组件级别的配置，weworkChatPanel是消息级别的配置，后面是消息级别配置覆盖组件级别的配置
+         * 这个是组件级别的配置，wechatChatPanel是消息级别的配置，后面是消息级别配置覆盖组件级别的配置
          * {
          *      1: {
          *          formatter () {
@@ -34,9 +39,6 @@ export default {
             type: Function
         }
     },
-    render () {
-        return this.$slots.default
-    },
     methods: {
         getControlConfig (msgType) {
             if (!this.controlConfig) {
@@ -45,18 +47,13 @@ export default {
             return this.controlConfig[msgType]
         },
         getMessageConfig (msgData) {
-            const controlConfig = this.getControlConfig(msgData.msgType)
             if (!this.messageConfig) {
-                return controlConfig
+                return
             }
-            const messageConfig = this.messageConfig({
+            return this.messageConfig({
                 item: msgData
             })
-            if (!messageConfig) {
-                return controlConfig
-            }
-            return Object.assign({}, controlConfig, messageConfig)
         }
     }
 }
-</script>
+</script>