@aochuang/client-sdk 1.0.278

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

@@ -0,0 +1,163 @@
+<template>
+  <sdk-chat-panel
+    ref="panel"
+    v-bind="$props"
+    :is-sender-method="handleIsSenderMethod"
+    @initloaded="handleChatsInitLoaded"
+    @chat-contextmenu="handleChatContext"
+    @view-context="handleChatViewContext"
+  >
+    <template slot="filter">
+      <slot name="filter"></slot>
+    </template>
+    <template slot="chat" slot-scope="{ item, dir }">
+      <chat-panel-item
+        :item="item"
+        :dir="dir"
+        :fetch-user-method="fetchUserMethod"
+        :config="config"
+      >
+        <!-- <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 slot="chat-prefix" slot-scope="{ item }">
+          <template v-if="selectable && handleFilterSelectMessageMethod(item)">
+            <div class="sdk-wechat-chat-panel__checkbox">
+              <ui-checkbox :value="!!checkMsgMap[item[keyField]]" @input="handleMsgCheckboxChange(item, $event)"></ui-checkbox>
+            </div>
+          </template>
+        </template>
+        <template slot="quote-message-append" slot-scope="{ item, quoteMessageData }">
+          <slot name="chat-quote-message-append" :item="item" :quote-message-data="quoteMessageData"></slot>
+        </template>
+      </chat-panel-item>
+    </template>
+    <template slot="main">
+      <slot name="main"></slot>
+    </template>
+  </sdk-chat-panel>
+</template>
+<script>
+import SdkChatPanel from '../chat-panel'
+import ChatPanelItem from './chat-panel-item.vue'
+
+export default {
+  name: 'SdkWeworkChatPanel',
+  components: {
+    SdkChatPanel,
+    ChatPanelItem
+  },
+  props: {
+    mode: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['default', 'filter'].includes(value)
+      }
+    },
+    keyField: {
+      type: String
+    },
+    startDate: {
+      type: Number
+    },
+    endDate: {
+      type: Number
+    },
+    msgTimeField: {
+      type: String,
+      default: 'sendTime'
+    },
+    msgId: {
+      type: String
+    },
+    increment: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: [Object, Array]
+    },
+    fetchDataMethod: {
+      type: Function
+    },
+    enableRangeLoad: {
+      type: Boolean,
+      default: true
+    },
+    renderControl: {
+      type: Function
+    },
+    fetchUserMethod: {
+      type: Function
+    },
+    chatClassMethod: {
+      type: Function
+    },
+    nearestMethod: {
+      type: Function
+    },
+    config: {
+      type: Function
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    autoLoad: {
+      type: Boolean,
+      default: true
+    },
+    selectable: {
+      type: Boolean,
+      default: false
+    },
+    confirmSelectMethod: {
+      type: Function
+    },
+    filterSelectMessageMethod: {
+      type: Function
+    },
+    confirmSelectButtonText: {
+      type: String
+    },
+    contextChatId: {
+      type: String
+    }
+  },
+  methods: {
+    handleRenderControl ({ item }) {
+      return ChatControls[item.msgType] || ChatControls.unkonw
+    },
+    handleIsSenderMethod ({ item }) {
+      return !!item.send
+    },
+    handleChatsInitLoaded () {
+      this.$emit('initloaded')
+    },
+    scrollToBottom () {
+      this.$refs.panel && this.$refs.panel.scrollToBottom()
+    },
+    scrollTo (msgId) {
+      this.$refs.panel && this.$refs.panel.scrollTo(msgId)
+    },
+    reload () {
+      this.currentContextChat = null
+      return this.$refs.panel && this.$refs.panel.reload()
+    },
+    handleChatContext (item, evt) {
+      this.$emit('chat-contextmenu', item, evt)
+    },
+    handleChatViewContext ({ item }) {
+      this.$emit('chat-view-context', {
+        item
+      })
+    }
+  }
+}
+</script>
+<style lang="less">
+</style>

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

@@ -0,0 +1,3 @@
+import ChatPanel from './chat-panel.vue'
+
+export default ChatPanel

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@aochuang/client-sdk",
+  "version": "1.0.278",
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.rpa.cn/wp3/clientsdk.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "axios": "^1.3.1",
+    "@aochuang/common": "1.0.126",
+    "x2js": "^3.4.4"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/services/client-chat/client-chat-wechat/client-chat-account.js

@@ -0,0 +1,426 @@
+import Vue from 'vue'
+
+export default class ClientChatAccount {
+	
+	data = Vue.observable({
+		accountData: [],
+		accountUnreadMessageNumData: [],
+		accountGreetingUnreadMsgCountData: {},
+		currentAccount: null
+	})
+		
+	loadAccountDataMethod = null
+	
+	getAccountUnreadMessageNumMethod = null
+	
+	accountMap = {}
+	
+	constructor (options) {
+		options = Object.assign({
+			getAccountMethod: null,
+			loadAccountDataMethod: null,
+			getAccountUnreadMessageNumMethod: null,
+			updateAccountMessageReadMethod: null,
+			deleteAccountSessionMethod: null,
+			getAccountGreetingUnreadMsgCountMethod: null,
+			clearAccountGreetingUnreadMsgCountMethod: null,
+			onCurrentAccountChange: null,
+			onAccountAdded: null,
+			onAccountRemoved: null,
+			onUnreadMessageNumChange: null,
+			onDeleteAccountSession: null,
+			onAccountLoaded: null
+		}, options)
+		if (!options.loadAccountDataMethod) {
+			throw new Error('缺少loadAccountDataMethod配置')
+		}
+		if (!options.getAccountUnreadMessageNumMethod) {
+			throw new Error('缺少getAccountUnreadMessageNumMethod配置')
+		}
+		this.onCurrentAccountChange = options.onCurrentAccountChange
+		this.loadAccountDataMethod = options.loadAccountDataMethod
+		this.getAccountUnreadMessageNumMethod = options.getAccountUnreadMessageNumMethod
+		this.updateAccountMessageReadMethod = options.updateAccountMessageReadMethod
+		this.deleteAccountSessionMethod = options.deleteAccountSessionMethod
+		this.getAccountGreetingUnreadMsgCountMethod = options.getAccountGreetingUnreadMsgCountMethod
+		this.clearAccountGreetingUnreadMsgCountMethod = options.clearAccountGreetingUnreadMsgCountMethod
+		this.onAccountAdded = options.onAccountAdded
+		this.onAccountRemoved = options.onAccountRemoved,
+		this.onUnreadMessageNumChange = options.onUnreadMessageNumChange
+		this.onDeleteAccountSession = options.onDeleteAccountSession
+		this.onAccountLoaded = options.onAccountLoaded
+	}
+	
+	get accountData () {
+		return this.data.accountData
+	}
+	
+	get accountUnreadMessageNumData () {
+		return this.data.accountUnreadMessageNumData
+	}
+	
+	get currentAccount () {
+		return this.data.currentAccount
+	}
+
+	get accountGreetingUnreadMsgCountData () {
+		return this.data.accountGreetingUnreadMsgCountData
+	}
+	
+	setCurrentAccount (accountId) {
+		let account = null
+		if (accountId) {
+			account = this.data.accountData.find(v => v.id === accountId)
+			if (!account) {
+				console.warn('未找到' + accountId + '账号')
+			}
+		}
+		if (account === this.data.currentAccount) {
+			return
+		}
+		this.data.currentAccount = account
+		this.onCurrentAccountChange && this.onCurrentAccountChange({
+			currentAccount: this.data.currentAccount
+		})
+	}
+	
+	setAccountData (data) {
+		this.accountMap = {}
+		this.data.accountData = []
+		if (data && data.length) {
+			data.forEach(item => {
+				this.addAccount(item)
+			})
+		}
+	}
+	
+	getAccountData () {
+		return this.data.accountData
+	}
+	
+	addAccount (data) {
+		if (!data || !data.id) {
+			throw new Error('缺少必须参数')
+		}
+		if (this.accountMap[data.id]) {
+			return
+		}
+		this.data.accountData.push(data)
+		this.accountMap[data.id] = data
+		let unreadMessageNumIndex = -1
+		this.data.accountUnreadMessageNumData.some((v, i) => {
+			if (v.id === data.id) {
+				unreadMessageNumIndex = i
+				return true
+			}
+		})
+		if (unreadMessageNumIndex < 0) {
+			this.data.accountUnreadMessageNumData.push({
+				id: data.id,
+				num: 0,
+				muteNum: 0
+			})
+		}
+		this.onAccountAdded && this.onAccountAdded({
+			account: data
+		})
+	}
+	
+	removeAccount (id) {
+		if (!this.accountMap[id]) {
+			return
+		}
+		let index = this.data.accountData.indexOf(this.accountMap[id])
+		if (index >= 0) {
+			this.data.accountData.splice(index, 1)
+		}
+		delete this.accountMap[id]
+		let unreadMessageNumIndex = -1
+		this.data.accountUnreadMessageNumData.some((v, i) => {
+			if (v.id === data.id) {
+				unreadMessageNumIndex = i
+				return true
+			}
+		})
+		if (unreadMessageNumIndex >= 0) {
+			this.data.accountUnreadMessageNumData.splice(unreadMessageNumIndex, 1)
+		}
+		this.onAccountRemoved && this.onAccountRemoved({
+			account: this.accountMap[id]
+		})
+	}
+	
+	updateAccount (id, props) {
+		if (!props) {
+			return
+		}
+		const account = this.accountMap[id]
+		if (!account) {
+			return
+		}
+		Object.keys(props).forEach(k => {
+			Vue.set(account, k, props[k])
+		})
+	}
+	
+	getAccount (id) {
+		if (this.accountMap[id]) {
+			return Promise.resolve({
+				data: this.accountMap[id]
+			})
+		} else {
+			return this.loadData().then(rs => {
+				if (this.accountMap[id]) {
+					return Promise.resolve({
+						data: this.accountMap[id]
+					})
+				} else {
+					return Promise.reject(`未找到工作微信账号${id}`)
+				}
+			})
+		}
+	}
+	
+	refreshAllAccountUnreadMesageNum () {
+		this.getAccountUnreadMessageNumMethod({
+			wechatAccountIds: Object.keys(this.accountMap)
+		}).then(rs => {
+			const nextData = []
+			if (rs && rs.data && rs.data.length) {
+				rs.data.forEach(account => {
+					nextData.push({
+						id: account.wxAccountId,
+						num: account.unread || 0,
+						muteNum: account.muteUnread || 0
+					})
+				})
+			}
+			this.data.accountUnreadMessageNumData = nextData
+		})
+	}
+	
+	refreshAccountUnreadMessageNum (params) {
+		const { wechatAccountId, ...nextParams } = params
+		this.getAccountUnreadMessageNumMethod(Object.assign({
+			wechatAccountIds: [wechatAccountId]
+		}, nextParams)).then(rs => {
+			if (!rs || !rs.data || !rs.data.length) {
+				return
+			}
+			let index = -1
+			this.data.accountUnreadMessageNumData.some((v, i) => {
+				if (v.id === wechatAccountId) {
+					index = i
+					return true
+				}
+			})
+			if (index >= 0) {
+				this.data.accountUnreadMessageNumData.splice(index, 1, {
+					id: wechatAccountId,
+					num: rs.data[0].unread || 0,
+					muteNum: rs.data[0].muteUnread || 0
+				})
+			} else {
+				this.data.accountUnreadMessageNumData.push(index, 1, {
+					id: wechatAccountId,
+					num: rs.data[0].unread || 0,
+					muteNum: rs.data[0].muteUnread || 0
+				})
+			}
+		})
+	}
+	
+	updateAccountUnreadMessageNum (accountId, callback) {
+		return this.getAccount(accountId).then(rs => {
+			if (!rs || !rs.data) {
+				console.warn('未找到' + accountId + '工作微信号')
+				return
+			}
+			if (!callback) {
+				return
+			}
+			let unreadMessageNumIndex = -1
+			this.data.accountUnreadMessageNumData.some((v, i) => {
+				if (v.id === accountId) {
+					unreadMessageNumIndex = i
+					return true
+				}
+			})
+			const nextReadMessageNum = callback({
+				account: rs.data,
+				unreadMesasgeNum: unreadMessageNumIndex >= 0 ? this.data.accountUnreadMessageNumData[unreadMessageNumIndex].num : 0,
+				unreadMessageMuteNum: unreadMessageNumIndex >= 0 ? this.data.accountUnreadMessageNumData[unreadMessageNumIndex].muteNum : 0
+			})
+			if (nextReadMessageNum && typeof nextReadMessageNum === 'object') {
+				/**
+				 * {
+				 * 		num: 0, // 总的未读消息数量
+				 * 		muteNum: 0 // 免打扰的未读消息数量
+				 * }
+				*/
+				if (unreadMessageNumIndex >= 0) {
+					this.data.accountUnreadMessageNumData.splice(unreadMessageNumIndex, 1, {
+						id: accountId,
+						num: nextReadMessageNum.num,
+						muteNum: nextReadMessageNum.muteNum
+					})
+				} else {
+					this.data.accountUnreadMessageNumData.splice(unreadMessageNumIndex, 0, {
+						id: accountId,
+						num: nextReadMessageNum.num,
+						muteNum: nextReadMessageNum.muteNum
+					})
+				}
+			} else {
+				// 这个逻辑以后可以去掉，主要是现在可能后端接口没改，没有返回muteUnread字段
+				if (typeof nextReadMessageNum !== 'number') {
+					return
+				}
+				if (unreadMessageNumIndex >= 0) {
+					this.data.accountUnreadMessageNumData.splice(unreadMessageNumIndex, 1, {
+						id: accountId,
+						num: nextReadMessageNum,
+						muteNum: this.data.accountUnreadMessageNumData[unreadMessageNumIndex].muteNum || 0
+					})
+				} else {
+					this.data.accountUnreadMessageNumData.splice(unreadMessageNumIndex, 0, {
+						id: accountId,
+						num: nextReadMessageNum,
+						muteNum: 0
+					})
+				}
+			}
+		})
+	}
+	
+	deleteAccountSession (params) {
+		params = Object.assign({
+			wechatAccountId: null
+		}, params)
+		return this.deleteAccountSessionMethod(params).then(rs => {
+			this.data.accountUnreadMessageNumData = this.data.accountUnreadMessageNumData.map(v => {
+				if (v.id === params.wechatAccountId) {
+					return {
+						id: v.id,
+						num: 0,
+						muteNum: 0
+					}
+				} else {
+					return v
+				}
+			})
+			this.onUnreadMessageNumChange && this.onUnreadMessageNumChange({
+				accountId: params.wechatAccountId,
+				unreadMessageNum: 0,
+				unreadMessageMuteNum: 0
+			})
+			this.onDeleteAccountSession && this.onDeleteAccountSession({
+				accountId: params.wechatAccountId
+			})
+		})
+	}
+	
+	updateAccountMessageRead (params) {
+		params = Object.assign({
+			wechatAccountId: null
+		}, params)
+		return this.updateAccountMessageReadMethod(params).then(rs => {
+			this.data.accountUnreadMessageNumData = this.data.accountUnreadMessageNumData.map(v => {
+				if (v.id === params.wechatAccountId) {
+					return {
+						id: v.id,
+						num: 0,
+						muteNum: 0
+					}
+				} else {
+					return v
+				}
+			})
+			this.onUnreadMessageNumChange && this.onUnreadMessageNumChange({
+				accountId: params.wechatAccountId,
+				unreadMessageNum: 0,
+				unreadMessageMuteNum: 0
+			})
+		})
+	}
+	
+	loadData () {
+		if (this._cacheLoadPromise) {
+			return this._cacheLoadPromise
+		}
+		this._cacheLoadPromise = this.loadAccountDataMethod()
+		this._cacheLoadPromise.then(rs => {
+			this.setAccountData(rs.data)
+			this.onAccountLoaded && this.onAccountLoaded({
+				data: rs.data
+			})
+		})
+		this.cancelConnectRequest = () => {
+			this._cacheLoadPromise.abort && this._cacheLoadPromise.abort()
+		}
+		return this._cacheLoadPromise
+	}
+	
+	reloadData () {
+		if (this.cancelConnectRequest) {
+			this.cancelConnectRequest()
+		}
+		this.cancelConnectRequest = null
+		this._cacheLoadPromise = null
+		return this.loadData()
+	}
+
+	/**
+	 * 获取打招呼未读消息总数
+	*/
+	setAccountGreetingUnreadMsgCount (params) {
+		if (!params || !params.wechatAccountId) {
+			throw new Error('缺少必须参数')
+		}
+		Vue.set(this.accountGreetingUnreadMsgCountData, params.wechatAccountId, (params || {}).unreadGreetingMsgCount || 0)
+	}
+
+	/**
+	 * 获取打招呼未读消息总数
+	*/
+	getAccountGreetingUnreadMsgCount (params) {
+		if (!params || !params.wechatAccountId) {
+			throw new Error('缺少必须参数')
+		}
+		if (!this.getAccountGreetingUnreadMsgCountMethod) {
+			return new Error('getAccountGreetingUnreadMsgCountMethod未定义')
+		}
+		return this.getAccountGreetingUnreadMsgCountMethod({
+			wechatAccountId: params.wechatAccountId
+		}).then(rs => {
+			Vue.set(this.accountGreetingUnreadMsgCountData, params.wechatAccountId, (rs || {}).data || 0)
+		})
+	}
+
+	/**
+	 * 清空打招呼未读消息总数
+	*/
+	clearAccountGreetingUnreadMsgCount (params) {
+		if (!params || !params.wechatAccountId) {
+			throw new Error('缺少必须参数')
+		}
+		if (!this.clearAccountGreetingUnreadMsgCountMethod) {
+			return new Error('clearAccountGreetingUnreadMsgCountMethod未定义')
+		}
+		return this.clearAccountGreetingUnreadMsgCountMethod({
+			wechatAccountId: params.wechatAccountId
+		}).then(() => {
+			Vue.delete(this.accountGreetingUnreadMsgCountData, params.wechatAccountId)
+		})
+	}
+	
+	reset () {
+		this.data.accountData = []
+		this.data.accountUnreadMessageNumData = []
+		if (this.cancelConnectRequest) {
+			this.cancelConnectRequest()
+		}
+		this._cacheLoadPromise = null
+		this.cancelConnectRequest = null
+	}
+}