@aochuang/client-sdk 1.0.333 → 1.0.335

package/components/wework-chat-panel/chat-panel.vue

@@ -1,7 +1,7 @@
 <template>
   <sdk-chat-panel
     ref="panel"
-    v-bind="$props"
+    v-bind="props"
     :is-sender-method="handleIsSenderMethod"
     @initloaded="handleChatsInitLoaded"
     @chat-contextmenu="handleChatContext"
@@ -37,6 +37,9 @@
     </template>
     <template slot="main">
       <slot name="main"></slot>
+      <template v-if="selectable">
+        <slot name="selection" :total="checkTotal"></slot>
+      </template>
     </template>
   </sdk-chat-panel>
 </template>
@@ -59,7 +62,8 @@ export default {
       }
     },
     keyField: {
-      type: String
+      type: String,
+      default: 'id'
     },
     startDate: {
       type: Number
@@ -88,9 +92,6 @@ export default {
       type: Boolean,
       default: true
     },
-    renderControl: {
-      type: Function
-    },
     fetchUserMethod: {
       type: Function
     },
@@ -126,12 +127,33 @@ export default {
     },
     contextChatId: {
       type: String
+    },
+    onBeforeSelectionChange: {
+      type: Function
     }
   },
-  methods: {
-    handleRenderControl ({ item }) {
-      return ChatControls[item.msgType] || ChatControls.unkonw
+  data () {
+    return {
+      checkMsgMap: {}
+    }
+  },
+  computed: {
+    props () {
+      const { config, ...nextProps } = this.$props
+      return nextProps
     },
+    checkTotal () {
+      return Object.keys(this.checkMsgMap).length
+    }
+  },
+  watch: {
+    selectable () {
+      if (!this.selectable) {
+        this.checkMsgMap = {}
+      }
+    }
+  },
+  methods: {
     handleIsSenderMethod ({ item }) {
       return !!item.send
     },
@@ -148,8 +170,67 @@ export default {
       this.currentContextChat = null
       return this.$refs.panel && this.$refs.panel.reload()
     },
+    handleFilterSelectMessageMethod (msg) {
+      if (!this.filterSelectMessageMethod) {
+        return true
+      }
+      return this.filterSelectMessageMethod({
+        item: msg
+      })
+    },
+    handleMsgCheckboxChange (msg, value) {
+      if (value) {
+        this.selectChat(msg)
+      } else {
+        this.unselectChat(msg)
+      }
+    },
+    selectChat (chat) {
+      if (!chat) {
+        return
+      }
+      if (!this.selectable) {
+        console.warn('未开启选择')
+        return
+      }
+      if (this.onBeforeSelectionChange && this.onBeforeSelectionChange({
+        chat,
+        value: true
+      }) === false) {
+        return
+      }
+      this.$set(this.checkMsgMap, chat[this.keyField], chat)
+    },
+    unselectChat (chat) {
+      if (!chat) {
+        return
+      }
+      if (!this.selectable) {
+        console.warn('未开启选择')
+        return
+      }
+      if (this.onBeforeSelectionChange && this.onBeforeSelectionChange({
+        chat,
+        value: false
+      }) === false) {
+        return
+      }
+      this.$delete(this.checkMsgMap, chat[this.keyField])
+    },
+    unselectAllChat () {
+      return Object.keys(this.checkMsgMap).map(key => {
+        return this.unselectChat(this.checkMsgMap[key])
+      })
+    },
+    getSelectChats () {
+      return Object.keys(this.checkMsgMap).map(key => {
+        return this.checkMsgMap[key]
+      })
+    },
     handleChatContext (item, evt) {
-      this.$emit('chat-contextmenu', item, evt)
+      this.$emit('chat-contextmenu', {
+        item
+      }, evt)
     },
     handleChatViewContext ({ item }) {
       this.$emit('chat-view-context', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aochuang/client-sdk",
-  "version": "1.0.333",
+  "version": "1.0.335",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/services/client-chat/client-chat-wework/client-chat-concats.js

@@ -628,6 +628,37 @@ export default class ClientChatContacts {
 			return rs
 		})
 	}
+
+	/**
+	 * 强制从服务端刷新好友资料，绕过本地缓存。
+	 */
+	refreshFriend (friendId) {
+		if (!friendId) {
+			return Promise.reject('缺少好友id')
+		}
+		if (!this.getContactsFriendMethod) {
+			return Promise.reject(new Error('getContactsFriendMethod未定义'))
+		}
+		return this.getContactsFriendMethod({
+			id: friendId
+		}).then(rs => {
+			if (!rs || !rs.data) {
+				return Promise.reject('未找到好友' + friendId)
+			}
+			if (this.friendMap[friendId]) {
+				const nextKeys = Object.keys(rs.data)
+				Object.keys(this.friendMap[friendId]).forEach(key => {
+					if (!nextKeys.includes(key)) {
+						Vue.delete(this.friendMap[friendId], key)
+					}
+				})
+				this.updateFriend(friendId, rs.data)
+			} else {
+				this.addFriend(rs.data)
+			}
+			return rs
+		})
+	}
 	
 	setRoomMemberData (roomId, data) {
 		if (!roomId) {
@@ -769,4 +800,4 @@ export default class ClientChatContacts {
 			this.cancelRefreshRequest = null
 		}
 	}
-}
+}

package/services/client-chat/client-chat-wework/client-chat-session.js

@@ -205,6 +205,35 @@ export default class ClientChatSession {
 	getSessionByLocal (sessionId) {
 		return this.sessionMap[sessionId]
 	}
+
+	/**
+	 * 强制从服务端刷新会话，绕过本地缓存。
+	 */
+	refreshSession (sessionId) {
+		if (!sessionId) {
+			return Promise.reject('缺少会话id')
+		}
+		return this.getSessionMethod({
+			id: sessionId
+		}).then(rs => {
+			if (!rs || !rs.data) {
+				return Promise.reject('未找到会话' + sessionId)
+			}
+			// 事件计算出的 sessionId 是本地索引，始终保持与服务端返回对象一致。
+			const serverSession = Object.assign({}, rs.data, {
+				id: sessionId
+			})
+			const localSession = this.getSessionByLocal(sessionId)
+			if (localSession) {
+				this.updateSession(sessionId, serverSession)
+			} else {
+				this.addSession(serverSession)
+			}
+			return Object.assign({}, rs, {
+				data: serverSession
+			})
+		})
+	}
 	
 	findSession (findFn) {
 		let result 
@@ -926,4 +955,4 @@ export default class ClientChatSession {
 			this.cancelRefreshRequest = null
 		}
 	}
-}
+}

package/services/client-chat/client-chat-wework/client-chat-socket.js

@@ -15,6 +15,7 @@ export default class ClietChatSocket {
 			// 执行回调事件前的方法
 			beforeFireCallback: null, 
 			onCmdQwNewMessage: null,
+			onCmdQwContactInfoChanged: null,
 			onCmdSendMessageResult: null,
 			onCmdFriendInfoChanged: null,
 			onCmdDownloadVideoResult: null,
@@ -27,6 +28,7 @@ export default class ClietChatSocket {
 		}
 		this.socket = options.socket
 		this.socket.event.on('onCmdQwNewMessage', options.onCmdQwNewMessage)
+		this.socket.event.on('onCmdQwContactInfoChanged', options.onCmdQwContactInfoChanged)
 		this.socket.event.on('onHeartbeatCheck', ({ mergeParams }) => {
 			options.onHeartbeatCheck && options.onHeartbeatCheck({
 				mergeParams
@@ -62,4 +64,4 @@ export default class ClietChatSocket {
 	setUrl (url) {
 		this.socket.setUrl(url)
 	}
-}
+}

package/services/client-chat/client-chat-wework/client-chat.js

@@ -32,6 +32,7 @@ class ClientChat {
 			getLoginUserIdMethod: null,
 			getLoginUserTokenMethod: null,
 			loadAccountDataMethod: null,
+			getLoginAccountIdMethod: null, // 因为1.0有帮聊逻辑，帮聊消息以及通讯录的accountId不是登录用户的accountId，会导致找到的会话出现问题，所以这里提供一个方法让外部传入
 			loadSessionDataMethod: null,
 			updateSessionReadMethod: null,
 			getSessionMethod: null,
@@ -57,8 +58,9 @@ class ClientChat {
 		} 
 		if (!options.loadRoomMessageDataMethod) {
 			throw new Error('loadRoomMessageDataMethod不能为空')
-		} 
+		}
 		this.onOverwriteFriendInfoChange = options.onOverwriteFriendInfoChange
+		this.getLoginAccountIdMethod = options.getLoginAccountIdMethod
 		this.event = new Event({
 			checkOnMethod: (name) => {
 				if (name === 'ready') {
@@ -86,7 +88,8 @@ class ClientChat {
 			sortField: 'sendTime',
 			clientChat: this,
 			onAddMessageSuccess: ({ data }) => {
-				let sessionId = createSessionId(data.corpId, data.qwAccountId, data.contactId)
+				const accountId = this.getLoginAccountIdMethod ? this.getLoginAccountIdMethod() : data.qwAccountId
+				let sessionId = createSessionId(accountId, data.contactId)
 				// 更新会话
 				if (!sessionId) {
 					return
@@ -155,7 +158,8 @@ class ClientChat {
 			sortField: 'sendTime',
 			clientChat: this,
 			onAddMessageSuccess: ({ data }) => {
-				let sessionId = createSessionId(data.corpId, data.qwAccountId, data.roomId)
+				const accountId = this.getLoginAccountIdMethod ? this.getLoginAccountIdMethod() : data.qwAccountId
+				let sessionId = createSessionId(accountId, data.roomId)
 				// 更新会话
 				if (!sessionId) {
 					return
@@ -258,6 +262,47 @@ class ClientChat {
 		})
 		this.socket = new ClientChatSocket({
 			socket: options.socket,
+		onCmdQwContactInfoChanged: ({ data }) => {
+				const contacts = data && (Array.isArray(data.contacts)
+					? data.contacts
+					: (data.contactId ? [data] : []))
+				if (!contacts || !contacts.length) {
+					return
+				}
+				const tasks = []
+				const removedTasks = []
+				contacts.forEach(contact => {
+					if (!contact) {
+						return
+					}
+					const changeType = Number(contact.changeType)
+					if (changeType === 1) {
+						tasks.push(this.handleQwContactAdded(contact, data))
+					} else if (changeType === 2) {
+						tasks.push(this.handleQwContactUpdated(contact))
+					} else if (changeType === 3) {
+						removedTasks.push(this.handleQwContactRemoved(contact, data))
+					}
+				})
+				return Promise.all(tasks.concat(removedTasks)).then(results => {
+					const accountUnreadCountMap = {}
+					removedTasks.forEach((task, index) => {
+						const result = results[tasks.length + index]
+						if (!result || !result.accountId || !result.unreadCount) {
+							return
+						}
+						accountUnreadCountMap[result.accountId] = (accountUnreadCountMap[result.accountId] || 0) + result.unreadCount
+					})
+					return Promise.all(Object.keys(accountUnreadCountMap).map(accountId => {
+						const removedUnreadCount = accountUnreadCountMap[accountId]
+						return this.account.updateAccountUnreadMessageNum(accountId, ({ unreadMesasgeNum }) => {
+							return Math.max(0, unreadMesasgeNum - removedUnreadCount)
+						}).catch(error => {
+							console.warn('[client-chat] update account unread count failed', error)
+						})
+					}))
+				})
+			},
 			// 接受新消息
 			onCmdQwNewMessage: ({ data }) => {
 				// 插入消息
@@ -291,6 +336,90 @@ class ClientChat {
 			}
 		})
 	}
+
+	getQwAccountCorpId (qwAccountId, corpId) {
+		if (corpId || !qwAccountId || !this.account) {
+			return corpId
+		}
+		const account = this.account.getAccountData().find(item => item.id === qwAccountId)
+		return account && account.corpId
+	}
+
+	handleQwContactAdded (contact, eventData) {
+		const qwAccountId = contact.qwAccountId || (eventData && eventData.qwAccountId)
+		const corpId = this.getQwAccountCorpId(
+			qwAccountId,
+			contact.corpId || (eventData && eventData.corpId)
+		)
+		const contactId = contact.contactId
+		const accountId = this.getLoginAccountIdMethod ? this.getLoginAccountIdMethod() : qwAccountId
+		const sessionId = createSessionId(accountId, contactId)
+		if (!sessionId) {
+			return Promise.resolve()
+		}
+		const localSession = this.session.getSessionByLocal(sessionId)
+		const oldUnread = localSession ? (localSession.unreadMsgCount || 0) : 0
+		this.contacts.markModify()
+		return this.session.refreshSession(sessionId).then(rs => {
+			const serverSession = rs && rs.data
+			const newUnread = serverSession ? (serverSession.unreadMsgCount || 0) : 0
+			const accountId = (serverSession && serverSession.qwAccountId) || qwAccountId
+			const unreadDiff = newUnread - oldUnread
+			if (accountId && unreadDiff) {
+				return this.account.updateAccountUnreadMessageNum(accountId, ({ unreadMesasgeNum }) => {
+					return Math.max(0, unreadMesasgeNum + unreadDiff)
+				})
+			}
+		}).catch(error => {
+			console.warn('[client-chat] refresh added contact session failed', error)
+		})
+	}
+
+	handleQwContactUpdated (contact) {
+		if (!contact.contactId) {
+			return Promise.resolve()
+		}
+		return this.contacts.refreshFriend(contact.contactId).then(() => {
+			this.contacts.markModify()
+		}).catch(error => {
+			console.warn('[client-chat] refresh contact failed', error)
+		})
+	}
+
+	handleQwContactRemoved (contact, eventData) {
+		if (!contact.contactId) {
+			return Promise.resolve()
+		}
+		this.contacts.removeFriend(contact.contactId)
+		let session = this.session.findSession(({ session }) => {
+			return String(session.type) === '0' &&
+				session.targetId === contact.contactId &&
+				(!contact.qwAccountId || session.qwAccountId === contact.qwAccountId)
+		})
+		if (!session) {
+			const qwAccountId = contact.qwAccountId || (eventData && eventData.qwAccountId)
+			const accountId = this.getLoginAccountIdMethod ? this.getLoginAccountIdMethod() : qwAccountId
+			const sessionId = createSessionId(
+				accountId,
+				contact.contactId
+			)
+			session = sessionId && this.session.getSessionByLocal(sessionId)
+		}
+		this.contacts.markModify()
+		if (!session) {
+			return Promise.resolve()
+		}
+		if (this.session.currentSession && this.session.currentSession.id === session.id) {
+			this.session.setCurrentSession(null)
+		}
+		const accountId = session.qwAccountId || contact.qwAccountId
+		const unreadCount = session.unreadMsgCount || 0
+		this.session.removeSession(session.id)
+		return Promise.resolve({
+			accountId,
+			unreadCount
+		})
+	}
 	
 	connect () {
 		if (this.data.connectStatus === CONNECT_STATUS.Complete) {
@@ -328,4 +457,4 @@ class ClientChat {
 	}
 }
 
-export default ClientChat
+export default ClientChat

package/services/client-chat/client-chat-wework/utils.js

@@ -13,11 +13,11 @@ export function isUni () {
  * @param accountId - 客服id
  * @param targetId - wechatFriendId | wechatChatroomId
 */
-export function createSessionId (corpId, accountId, targetId) {
-	if (!corpId || !accountId || !targetId) {
+export function createSessionId (accountId, targetId) {
+	if (!accountId || !targetId) {
 		return
 	}
-	return shajs('sha1').update(`${corpId}${accountId}${targetId}`).digest('hex')
+	return shajs('sha1').update(`${accountId}${targetId}`).digest('hex')
 }
 
 /**

package/components/wework-chat-panel/chat-panel-controls/company-card/company-card.vue

@@ -1,35 +0,0 @@
-<script>
-import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
-import { companyCard } from '../../../wework-chat-control'
-
-export default {
-  name: 'SdkWeworkChatPanelControlsCompanyCard',
-  functional: true,
-  props: {
-    dir: {
-      type: String
-    },
-    data: {
-      type: Object,
-      required: true
-    },
-    fetchUserMethod: {
-      type: Function
-    }
-  },
-  render (h, c) {
-    const { props } = c
-    return h(SdkChatPanelBox, {
-      props: {
-        dir: props.dir,
-        data: props.data,
-        fetchUserMethod: props.fetchUserMethod
-      }
-    }, [h(companyCard, {
-      props: {
-        data: props.data
-      }
-    })])
-  }
-}
-</script>

package/components/wework-chat-panel/chat-panel-controls/expression/expression.vue

@@ -1,36 +0,0 @@
-<script>
-import { expression } from '../../../wework-chat-control'
-import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
-
-export default {
-  name: 'SdkWeworkChatPanelControlsExpression',
-  functional: true,
-  props: {
-    dir: {
-      type: String
-    },
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    fetchUserMethod: {
-      type: Function
-    }
-  },
-  render (h, c) {
-    const { props } = c
-    return h(SdkChatPanelBox, {
-      props: {
-        dir: props.dir,
-        data: props.data,
-        fetchUserMethod: props.fetchUserMethod
-      }
-    }, [h(expression, {
-      props: {
-        data: props.data
-      },
-      key: c.data.key
-    })])
-  }
-}
-</script>

package/components/wework-chat-panel/chat-panel-controls/file-url/file-url.vue

@@ -1,35 +0,0 @@
-<script>
-import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
-import { fileUrl } from '../../../wework-chat-control'
-
-export default {
-  name: 'SdkWeworkChatPanelControlsFileUrl',
-  functional: true,
-  props: {
-    dir: {
-      type: String
-    },
-    data: {
-      type: Object,
-      required: true
-    },
-    fetchUserMethod: {
-      type: Function
-    }
-  },
-  render (h, c) {
-    const { props } = c
-    return h(SdkChatPanelBox, {
-      props: {
-        dir: props.dir,
-        data: props.data,
-        fetchUserMethod: props.fetchUserMethod
-      }
-    }, [h(fileUrl, {
-      props: {
-        content: props.data.content
-      }
-    })])
-  }
-}
-</script>

package/components/wework-chat-panel/chat-panel-controls/image/image.vue

@@ -1,36 +0,0 @@
-<script>
-import { image } from '../../../wework-chat-control'
-import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
-
-export default {
-  name: 'SdkWeworkChatPanelControlsImage',
-  functional: true,
-  props: {
-    dir: {
-      type: String
-    },
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    fetchUserMethod: {
-      type: Function
-    }
-  },
-  render (h, c) {
-    const { props } = c
-    return h(SdkChatPanelBox, {
-      props: {
-        dir: props.dir,
-        data: props.data,
-        fetchUserMethod: props.fetchUserMethod
-      }
-    }, [h(image, {
-      props: {
-        data: props.data
-      },
-      key: c.data.key
-    })])
-  }
-}
-</script>

package/components/wework-chat-panel/chat-panel-controls/index.js

@@ -1,35 +0,0 @@
-import text from './text/text.vue'
-import link from './link/link.vue'
-import companyCard from './company-card/company-card.vue'
-import video from './video/video.vue'
-import image from './image/image.vue'
-import unkonw from './unkonw/unkonw.vue'
-import expression from './expression/expression.vue'
-import voice from './voice/voice.vue'
-import jxSysText from './jx-sys-text/jx-sys-text.vue'
-import fileUrl from './file-url/file-url.vue'
-import location from './location/location.vue'
-
-export default {
-  0: text,
-  2: text,
-  14: image,
-  101: image,
-  // '49': link,
-  22: video,
-  23: video,
-  103: video,
-  29: expression,
-  104: expression,
-  16: voice,
-  40: voice,
-  1011: jxSysText,
-  1022: jxSysText,
-  41: companyCard,
-  13: fileUrl,
-  15: fileUrl,
-  20: fileUrl,
-  102: fileUrl,
-  6: location,
-  unkonw
-}

package/components/wework-chat-panel/chat-panel-controls/jx-sys-text/jx-sys-text.vue

@@ -1,28 +0,0 @@
-<script>
-import { jxSysText } from '../../../wework-chat-control'
-
-export default {
-  name: 'SdkWeworkChatPanelControlsJxSysText',
-  functional: true,
-  props: {
-    dir: {
-      type: String
-    },
-    data: {
-      type: Object,
-      required: true
-    },
-    fetchUserMethod: {
-      type: Function
-    }
-  },
-  render (h, c) {
-    const { props } = c
-    return h(jxSysText, {
-      props: {
-        content: props.data.content
-      }
-    })
-  }
-}
-</script>