@aochuang/client-sdk 1.0.347 → 1.0.349

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

@@ -0,0 +1,35 @@
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+import { link } from '../../../wework-chat-control'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsLink',
+  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(link, {
+      props: {
+        data: props.data
+      }
+    })])
+  }
+}
+</script>

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

@@ -0,0 +1,35 @@
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+import { location } from '../../../wework-chat-control'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsLocation',
+  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(location, {
+      props: {
+        content: props.data.content
+      }
+    })])
+  }
+}
+</script>

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

@@ -0,0 +1,43 @@
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+import { text } from '../../../wework-chat-control'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsText',
+  functional: true,
+  props: {
+    dir: {
+      type: String
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    fetchUserMethod: {
+      type: Function
+    }
+  },
+  render (h, c) {
+    const { props } = c
+    return h(SdkChatPanelBox, {
+      class: 'sdk-chat-panel-controls-text',
+      props: {
+        dir: props.dir,
+        data: props.data,
+        fetchUserMethod: props.fetchUserMethod
+      }
+    }, [h('div', {
+      class: 'sdk-chat-panel-controls-text__main'
+    }, [h(text, {
+      props: {
+        data: props.data
+      }
+    })])])
+  }
+}
+</script>
+<style>
+.sdk-chat-panel-controls-text__main{
+  padding: 10px;
+}
+</style>

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

@@ -0,0 +1,39 @@
+<template>
+  <sdk-chat-panel-box
+    :data="data"
+    :dir="dir"
+    :fetch-user-method="fetchUserMethod"
+  >
+    <div class="sdk-wework-chat-panel-controls-unkonw__main">
+      未知消息
+    </div>
+  </sdk-chat-panel-box>
+</template>
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsUnkonw',
+  components: {
+    SdkChatPanelBox
+  },
+  props: {
+    dir: {
+      type: String
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    fetchUserMethod: {
+      type: Function
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-wework-chat-panel-controls-unkonw__main{
+  padding: 12px;
+  color: #999;
+}
+</style>

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

@@ -0,0 +1,37 @@
+<template>
+  <sdk-chat-panel-box
+    :data="data"
+    :dir="dir"
+    :fetch-user-method="fetchUserMethod"
+  >
+    <sdk-chat-control-video
+      :data="data"
+      width="240px"
+      height="180px"
+    ></sdk-chat-control-video>
+  </sdk-chat-panel-box>
+</template>
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+import { video } from '../../../wework-chat-control'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsVideo',
+  components: {
+    SdkChatPanelBox,
+    SdkChatControlVideo: video
+  },
+  props: {
+    dir: {
+      type: String
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    fetchUserMethod: {
+      type: Function
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,35 @@
+<script>
+import SdkChatPanelBox from '../../../chat-panel/chat-panel-box'
+import { voice } from '../../../wework-chat-control'
+
+export default {
+  name: 'SdkWeworkChatPanelControlsVoice',
+  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(voice, {
+      props: {
+        content: props.data.content
+      }
+    })])
+  }
+}
+</script>

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

@@ -1,5 +1,5 @@
 <template>
-  <wework-chat-control-config-msg
+  <wechat-chat-control-config-msg
     :msgData="item"
   >
     <template slot-scope="{ configData }">
@@ -7,7 +7,7 @@
         <template v-if="item.msgType !== '_EMPTY_'">
 			<slot name="chat-prefix" :item="item"></slot>
 		</template>
-      <template v-if="item.msgType === MESSAGE_TYPE.TEXT || item.msgType === MESSAGE_TYPE.TEXT_W">
+      <template v-if="[0, 1, 2].includes(item.msgType)">
         <sdk-chat-panel-box
           :dir="dir"
           :data="item"
@@ -26,7 +26,7 @@
           </template>
         </sdk-chat-panel-box>
       </template>
-      <template v-else-if="item.msgType === MESSAGE_TYPE.IMAGE">
+      <template v-else-if="[14, 101].includes(item.msgType)">
         <sdk-chat-panel-box
           :dir="dir"
           :data="item"
@@ -45,7 +45,7 @@
           </template>
         </sdk-chat-panel-box>
       </template>
-      <template v-else-if="item.msgType === MESSAGE_TYPE.VIDEO">
+      <template v-else-if="[22, 23, 103].includes(item.msgType)">
         <sdk-chat-panel-box
           :dir="dir"
           :data="item"
@@ -289,7 +289,7 @@
           </template>
         </sdk-chat-panel-box>
       </template>
-      <template v-else-if="item.msgType == MESSAGE_TYPE.URL || item.msgType == MESSAGE_TYPE.URLNew">
+      <template v-else-if="item.msgType == MESSAGE_TYPE.URL">
         <sdk-chat-panel-box
           :dir="dir"
           :data="item"
@@ -312,6 +312,29 @@
           </template>
         </sdk-chat-panel-box>
       </template>
+      <template v-else-if="[13, 15, 20, 102].includes(item.msgType)">
+        <sdk-chat-panel-box
+          :dir="dir"
+          :data="item"
+          :fetchUserMethod="fetchUserMethod"
+          bg-color="#fff"
+          br-color="#ddd"
+          @user-avatar-click="handleUserAvatarClick"
+          @user-avatar-contextmenu="handleUserAvatarContextmenu"
+          >
+          <template slot-scope="{ updateProp }">
+            <sdk-chat-control-file-url
+              v-bind="configData"
+              :id="item.id"
+              :content="msgContent"
+              :update-chat-box-prop="updateProp"
+            ></sdk-chat-control-file-url>
+          </template>
+          <template slot="append" slot-scope="{ updateProp }">
+            <slot name="chat-append" :item="item" :update-chat-box-prop="updateProp"></slot>
+          </template>
+        </sdk-chat-panel-box>
+      </template>
       <template v-else-if="item.msgType == MESSAGE_TYPE.CUSTOM_EXPRESSION">
         <sdk-chat-panel-box
           :dir="dir"
@@ -487,7 +510,7 @@
           :content="msgContent"
         ></sdk-chat-control-empty>
       </template>
-      <template v-else>
+      <!-- <template v-else>
         <sdk-chat-panel-box
           :dir="dir"
           :data="item"
@@ -500,10 +523,10 @@
             :content="msgContent"
           ></sdk-chat-control-unknow>
         </sdk-chat-panel-box>
-      </template>
+      </template> -->
       </div>
     </template>
-  </wework-chat-control-config-msg>
+  </wechat-chat-control-config-msg>
 </template>
 <script>
 import SdkChatPanelBox from '../chat-panel/chat-panel-box'
@@ -541,10 +564,10 @@ import {
   unknow as SdkChatControlUnknow
 } from '../wework-chat-control'
 import { MESSAGE_TYPE } from '../wework-chat-control/util'
-import WeworkChatControlConfigMsg from '../wework-chat-control/wework-chat-control-config-msg.vue'
+import WechatChatControlConfigMsg from '../wechat-chat-control/wechat-chat-control-config-msg.vue'
 
 export default {
-  name: 'SdkWeworkPanelItem',
+  name: 'SdkWechatPanelItem',
   components: {
     SdkChatPanelBox,
     SdkChatControlText,
@@ -578,7 +601,7 @@ export default {
     // SdkChatControlRevokeMeMessage,
     // SdkChatControlRevokeOtherMessage,
     // SdkChatControlRevokeYouMessage,
-    WeworkChatControlConfigMsg
+    WechatChatControlConfigMsg
   },
   props: {
     dir: {
@@ -624,4 +647,4 @@ export default {
     }
   }
 }
-</script>
+</script>

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"
@@ -17,12 +17,12 @@
         :fetch-user-method="fetchUserMethod"
         :config="config"
       >
-        <template slot="chat-append" slot-scope="{ item, updateProp }">
+        <!-- <template slot="chat-append" slot-scope="{ item, updateProp }">
           <chat-panel-chat-status
             :data="item"
             :update-chat-box-prop="updateProp"
           ></chat-panel-chat-status>
-        </template>
+        </template> -->
         <template slot="chat-prefix" slot-scope="{ item }">
           <template v-if="selectable && handleFilterSelectMessageMethod(item)">
             <div class="sdk-wechat-chat-panel__checkbox">
@@ -37,23 +37,18 @@
     </template>
     <template slot="main">
       <slot name="main"></slot>
-      <template v-if="selectable">
-        <slot name="selection" :total="checkTotal"></slot>
-      </template>
     </template>
   </sdk-chat-panel>
 </template>
 <script>
 import SdkChatPanel from '../chat-panel'
 import ChatPanelItem from './chat-panel-item.vue'
-import ChatPanelChatStatus from './chat-panel-chat-status/chat-panel-chat-status.vue'
 
 export default {
   name: 'SdkWeworkChatPanel',
   components: {
     SdkChatPanel,
-    ChatPanelItem,
-    ChatPanelChatStatus
+    ChatPanelItem
   },
   props: {
     mode: {
@@ -64,8 +59,7 @@ export default {
       }
     },
     keyField: {
-      type: String,
-      default: 'id'
+      type: String
     },
     startDate: {
       type: Number
@@ -94,6 +88,9 @@ export default {
       type: Boolean,
       default: true
     },
+    renderControl: {
+      type: Function
+    },
     fetchUserMethod: {
       type: Function
     },
@@ -129,33 +126,12 @@ export default {
     },
     contextChatId: {
       type: String
-    },
-    onBeforeSelectionChange: {
-      type: Function
-    }
-  },
-  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: {
+    handleRenderControl ({ item }) {
+      return ChatControls[item.msgType] || ChatControls.unkonw
+    },
     handleIsSenderMethod ({ item }) {
       return !!item.send
     },
@@ -172,67 +148,8 @@ 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,16 +1,9 @@
 {
   "name": "@aochuang/client-sdk",
-  "version": "1.0.347",
+  "version": "1.0.349",
   "description": "",
-  "files": [
-    "common",
-    "components",
-    "services",
-    "utils",
-    "dist"
-  ],
-  "exports": {
-    ".": "./components/index.js"
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
     "type": "git",

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

@@ -126,7 +126,11 @@ export default class ClientChatContacts {
 		*/
 		roomBindMemberMap: {},
 		
-		modifiedAccountMap: {}
+		/**
+		 * 标记通讯录是否修改了
+		 * 如果修改了，比如接收到了分配好友的会话时，一定通讯录变了，变了的时候界面需要根据这个状态刷新通讯录
+		*/
+	    isModify: false
 	})
 	
 	friendMap = {}
@@ -233,6 +237,10 @@ export default class ClientChatContacts {
 		return this.data.roomGroupData
 	}
 	
+	get isModify () {
+		return this.data.isModify
+	}
+	
 	setRoomGroup (data) {
 		this.data.roomGroupData = []
 		if (data && data.length) {
@@ -483,10 +491,10 @@ export default class ClientChatContacts {
 				}
 			}
 			const qwAccountId = this.roomMap[id].qwAccountId
-			if (qwAccountId && this.data.accountBindRoomMap[qwAccountId] && this.data.accountBindRoomMap[qwAccountId][groupId]) {
-				const bindIndex = this.data.accountBindRoomMap[qwAccountId][groupId].indexOf(this.roomMap[id])
+			if (qwAccountId && this.data.accountBindFriendMap[qwAccountId] && this.data.accountBindFriendMap[qwAccountId][groupId]) {
+				const bindIndex = this.data.accountBindFriendMap[qwAccountId][groupId].indexOf(this.roomMap[id])
 				if (bindIndex >= 0) {
-					this.data.accountBindRoomMap[qwAccountId][groupId].splice(bindIndex, 1)
+					this.data.accountBindFriendMap[qwAccountId][groupId].splice(bindIndex, 1)
 				}
 			}
 		})
@@ -620,37 +628,6 @@ 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) {
@@ -761,52 +738,12 @@ export default class ClientChatContacts {
 		})
 	}
 	
-	refreshRoom (id) {
-		if (!id) {
-			return Promise.reject('缺少群id')
-		}
-		if (!this.getContactsRoomMethod) {
-			return Promise.reject(new Error('getContactsRoomMethod未定义'))
-		}
-		return this.getContactsRoomMethod({
-			id
-		}).then(rs => {
-			if (!rs || !rs.data) {
-				return Promise.reject('未找到群' + id)
-			}
-			const localRoom = this.roomMap[id]
-			if (localRoom) {
-				this.removeRoom(id)
-				const nextKeys = Object.keys(rs.data)
-				Object.keys(localRoom).forEach(key => {
-					if (!nextKeys.includes(key)) {
-						Vue.delete(localRoom, key)
-					}
-				})
-				Object.keys(rs.data).forEach(key => {
-					Vue.set(localRoom, key, rs.data[key])
-				})
-			}
-			this.addRoom(localRoom || rs.data)
-			return rs
-		})
-	}
-
-	isModify (qwAccountId) {
-		return !!(qwAccountId && this.data.modifiedAccountMap[qwAccountId])
-	}
-
-	markModify (qwAccountIds) {
-		const ids = Array.isArray(qwAccountIds) ? qwAccountIds : [qwAccountIds]
-		ids.filter(Boolean).forEach(id => {
-			Vue.set(this.data.modifiedAccountMap, id, true)
-		})
+	markModify () {
+		this.data.isModify = true
 	}
 	
-	unmarkModify (qwAccountId) {
-		if (qwAccountId) {
-			Vue.delete(this.data.modifiedAccountMap, qwAccountId)
-		}
+	unmarkModify () {
+		this.data.isModify = false
 	}
 	
 	reset () {
@@ -821,7 +758,6 @@ export default class ClientChatContacts {
 		this.data.groupBindRoomMap = {}
 		this.data.accountBindFriendMap = {}
 		this.data.accountBindRoomMap = {}
-		this.data.modifiedAccountMap = {}
 		this._cacheFriendGroupCountMap = null
 		this._cacheRoomGroupCountMap = null
 		if (this.cancelConnectRequest) {
@@ -833,4 +769,4 @@ export default class ClientChatContacts {
 			this.cancelRefreshRequest = null
 		}
 	}
-}
+}