@aochuang/client-sdk 1.0.377 → 1.0.378-wework

package/uni-components/chat-editor/chat-editor.vue

@@ -1,257 +0,0 @@
-<template>
-	<view class="bi-chat-editor">
-		<view class="bi-chat-editor__inner">
-			<view class="bi-chat-editor__tools" v-if="false">
-				<view class="bi-chat-editor__tools-item">
-					<view class="bi-chat-editor__button" @click.stop="handleAtMemberClick">
-						<bi-icon name="at-line" size="24px"></bi-icon>
-					</view>
-				</view>
-			</view>
-			<view class="bi-chat-editor__main">
-				<view class="bi-chat-editor__input" @click.stop="handleInputClick">
-					<uv-textarea 
-						v-model="formData.content" 
-						:focus="inputFocus"
-						:cursor="inputCursor"
-						:maxlength="2000" 
-						border="none" 
-						autoHeight 
-						placeholder="输入消息内容"
-						@blur="handleInputBlur"
-						@focus="handleInputFocus"
-					></uv-textarea>
-				</view>
-				<template v-if="$slots.addon">
-					<view class="bi-chat-eidtor__addon">
-						<slot name="addon"></slot>
-					</view>
-				</template>
-			</view>
-			<view class="bi-chat-editor__tools">
-				<view class="bi-chat-editor__tools-item" @click.stop>
-					<template v-if="extendName != 'chartlet'">
-						<view class="bi-chat-editor__button" @click="handleChartletClick">
-							<bi-icon name="face-1-line" size="24px"></bi-icon>
-						</view>
-					</template>
-					<template v-else>
-						<view class="bi-chat-editor__button" @click="handleKeyboardClick">
-							<bi-icon name="keyboard-1-line" size="24px"></bi-icon>
-						</view>
-					</template>
-				</view>
-				<view class="bi-chat-editor__tools-item" v-if="hasContent">
-					<view class="bi-chat-editor__button is-primary" shape="circle" @click="handleSendClick">
-						<bi-icon name="send-plane-fill" color="#fff"></bi-icon>
-					</view>
-				</view>
-				<view class="bi-chat-editor__tools-item" v-else @click.stop>
-					<view class="bi-chat-editor__button" @click="handleFunctionClick">
-						<bi-icon name="plus-1-line" size="24px"></bi-icon>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="bi-chat-editor__extend" v-if="!!extendName" @click.stop>
-			<template v-if="extendName === 'function'">
-				<view class="bi-chat-editor__function">
-					<chat-editor-func
-						:upload-root-directory="uploadRootDirectory"
-						:send-target="sendTarget"
-						:submit-method="submitMethod"
-					>
-						<template slot="atmember">
-							<slot name="atmember"></slot>
-						</template>
-						<template slot="notread">
-							<slot name="notread"></slot>
-						</template>
-						<template slot="reply">
-							<slot name="reply"></slot>
-						</template>
-						<template slot="material">
-							<slot name="material"></slot>
-						</template>
-					</chat-editor-func>
-				</view>
-			</template>
-			<template v-else-if="extendName === 'chartlet'">
-				<view class="bi-chat-editor__chartlet">
-					<chat-editor-chartlet
-						:submit-method="submitMethod"
-						:insert-text-method="insertInputText"
-					></chat-editor-chartlet>
-				</view>
-			</template>
-		</view>
-		<view class="bi-chat-editor__safe"></view>
-	</view>
-</template>
-
-<script>
-import ChatEditorFunc from './chat-editor-func/chat-editor-func.vue'
-import ChatEditorChartlet from './chat-editor-chartlet/chat-editor-chartlet.vue'
-import { MESSAGE_TYPE } from 'client-sdk/uni-components/chat-control/index.js'
-
-export default {
-	name: 'BiChatEditor',
-	components: {
-		ChatEditorFunc,
-		ChatEditorChartlet
-	},
-	props: {
-		uploadRootDirectory: {
-			type: String,
-			required: true
-		},
-		allowAtMember: {
-			type: Boolean,
-			default: false
-		},
-		sendTarget: {
-			type: Object,
-			required: true
-		},
-		submitMethod: {
-			type: Function
-		}
-	},
-	data () {
-		return {
-			inputMode: 'text', // 输入方式，text文本，voice录音
-			extendName: 'keyboard',
-			inputFocus: false,
-			inputCursor: null,
-			inputLastCursor: null,
-			formData: {
-				content: ''
-			}
-		}
-	},
-	computed: {
-		hasContent () {
-			return !!this.formData.content
-		}
-	},
-	methods: {
-		handleChartletClick () {
-			this.extendName = 'chartlet'
-		},
-		handleKeyboardClick () {
-			this.extendName = 'keyboard'
-			this.inputFocus = true
-		},
-		handleFunctionClick () {
-			this.extendName = 'function'
-		},
-		handleInputClick (evt) {
-			this.extendName = 'keyboard'
-		},
-		handleInputBlur (evt) {
-			this.inputLastCursor = evt.detail.cursor
-			this.inputFocus = false
-		},
-		handleInputFocus () {
-			this.inputFocus = true
-		},
-		handleSendClick () {
-			if (this.submitMethod) {
-				this.submitMethod({
-					data: {
-						content: this.formData.content,
-						messageType: MESSAGE_TYPE.TEXT
-					}
-				}).then(() => {
-					this.formData.content = ''
-				})
-			}
-		},
-		insertInputText (text) {
-			this.inputFocus = true
-			this.inputCursor = this.inputLastCursor
-			const prependText = this.formData.content.substr(0, this.inputCursor || 0) 
-			const appendText = this.formData.content.substr(this.inputCursor || 0)
-			this.formData.content = prependText + (text || '') + appendText
-		},
-		collapsePanel () {
-			this.extendName = 'keyboard'
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-editor{
-	background-color: #f7f7f7;
-	border-top: 1px solid rgba(0,0,0,.03);
-	box-shadow: 0 -3px 6px rgba(0,0,0,.03);
-}
-.bi-chat-editor__inner{
-	display: flex;
-	flex-direction: row;
-	align-items: flex-end;
-	padding: 6px 12px;
-}
-.bi-chat-editor__main{
-	flex: 1;
-	min-width: 0;
-	margin: 0 12px 0 0;
-}
-.bi-chat-editor__input{
-	max-height: 240px;
-	overflow: auto;
-	background-color: #fff;
-	border-radius: 3px;
-}
-.bi-chat-eidtor__addon{
-	margin-top: 12px;
-}
-.bi-chat-editor__tools{
-	display: flex;
-	flex-direction: row;
-	+ .bi-chat-editor__main{
-		margin-left: 12px;
-	}
-}
-.bi-chat-editor__tools-item {
-	height: 39px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	&:not(:last-child) {
-		margin-right: 12px;
-	}
-}
-.bi-chat-editor__extend{
-	border-top: 1px solid rgba(0,0,0,.03);
-}
-.bi-chat-editor__function{
-	height: 240px;
-	padding: 12px;
-	box-sizing: border-box;
-}
-.bi-chat-editor__chartlet{
-	height: 240px;
-}
-.bi-chat-editor__atmember{
-	height: 240px;
-}
-.bi-chat-editor__button{
-	width: 24px;
-	height: 24px;
-	text-align: center;
-	line-height: 24px;
-	border-radius: 50%;
-	&.is-primary {
-		background-color: #244ac0;
-		border-color: #244ac0;
-		color: #fff;
-	}
-}
-.bi-chat-editor__safe{
-	padding-bottom: calc(constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
-	padding-bottom: calc(env(safe-area-inset-bottom));
-}
-</style>

package/uni-components/chat-editor/index.js

@@ -1,10 +0,0 @@
-import SdkChatEditor from './chat-editor.vue'
-import SdkChatEditorFuncButton from './chat-editor-func-button/chat-editor-func-button.vue'
-import { parseAtMemberMessage } from './util'
-
-export {
-	parseAtMemberMessage,
-	SdkChatEditorFuncButton
-}
-
-export default SdkChatEditor

package/uni-components/chat-editor/util.js

@@ -1,65 +0,0 @@
-import { encodeRegexpString } from '../../utils/regexp'
-
-/**
- * 解析@成员消息
- * @param { String } content - 消息文本内容
- * @param { Array } memberData - 群成员数据
- * @return
- * {
- *    deleteAtItem // 删除@成员项
- *    insertAtItem // 插入@成员项
- *    getAtItem // 获取@成员项
- *    getAllAtItem // 判断是否有@成员项
- *    toString // 转位字符串
- * }
- * // 成员项结构
- * {
- *    startIndex: 0, // 相对content的起始位置
- *    endIndex: 0, // 相对content的截止位置
- *    id: null // 成员id
- * }
-*/
-export function parseAtMemberMessage (content, memberData) {
-  if (!content || !memberData || !memberData.length) {
-    return content
-  }
-  let entity = []
-  function refreshEntiry () {
-    entity.splice(0, entity.length)
-    memberData.forEach(member => {
-      const regrex = new RegExp('@' + encodeRegexpString(member.nickname) + '(\\s+|$)')
-      const match = content.match(regrex)
-      if (match) {
-        entity.push({
-          id: member.id,
-          wechatId: member.wechatId,
-          startIndex: match[1],
-          endIndex: match[1] + match[0].length
-        })
-      }
-    })
-  }
-  function deleteAtItem (id) {
-
-  }
-  function insertAtItem () {
-
-  }
-  function getAtItem () {
-
-  }
-  function getAllAtItem () {
-    return entity || []
-  }
-  function toString () {
-    return content
-  }
-  refreshEntiry()
-  return {
-    deleteAtItem,
-    insertAtItem,
-    getAtItem,
-    getAllAtItem,
-    toString
-  }
-}

package/uni-components/chat-panel/chat-panel-chats-box.vue

@@ -1,238 +0,0 @@
-<template>
-	<view class="bi-chat-panel-chats-box" :class="['is-' + dir, {'is-recalled': recalled }]">
-		<view class="bi-chat-panel-chats-box__avatar">
-			<bi-avatar :src="userData ? userData.avatar : null"></bi-avatar>
-		</view>
-		<view class="bi-chat-panel-chats-box__main">
-			<view class="bi-chat-panel-chats-box__user">
-				<view class="bi-chat-panel-chats-box__user-name">
-					{{ userData ? userData.name : '--' }}
-				</view>
-			</view>
-			<view class="bi-chat-panel-chats-box__content">
-				<view class="bi-chat-panel-chats-box__extend">
-					<view class="bi-chat-panel-chats-box__extend-item" v-if="showMoreAction">
-						<bi-icon class="bi-chat-panel-chats-box__more" name="more-fill" @click="handleMoreActionClick"></bi-icon>
-					</view>
-					<slot name="append"></slot>
-				</view>
-				<view class="bi-chat-panel-chats-box__message">
-					<view class="bi-chat-panel-chats-box__message-arrow" :style="{'border-color': innerColor}"></view>
-					<view class="bi-chat-panel-chats-box__message-main">
-						<div class="bi-chat-panel-chats-box__message-content" :style="{'background-color': innerColor}">
-							<slot></slot>
-						</div>
-					</view>
-				</view>
-			</view>
-			<view class="bi-chat-panel-chats-box__addon">
-				<view class="bi-chat-panel-chats-box__date">{{ msgTimeText }}</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import { formatDate } from '../../utils/date.js'
-import BiAvatar from '@aochuang/common/uni-components/avatar/avatar.vue'
-import BiIcon from '@aochuang/common/uni-components/icon/icon.vue'
-import { error } from '@aochuang/common/uni-components/message/message.js'
-
-export default {
-	name: 'BiChatPanelChatsItem',
-	components: {
-		BiAvatar,
-		BiIcon
-	},
-	props: {
-		data: {
-			type: Object,
-			required: true
-		},
-		color: {
-			type: String
-		},
-		/**
-		 * {
-		 * 		avatar: null,
-		 * 		name: null
-		 * }
-		*/
-		fetchUserMethod: {
-			type: Function,
-			required: true
-		},
-		showMoreAction: {
-			type: Boolean,
-			default: true
-		}
-	},
-	data () {
-		return {
-			userData: null
-		}
-	},
-	computed: {
-		dir () {
-			return this.data.isSend ? 'right' : 'left'
-		},
-		recalled () {
-			return !!this.data.recalled
-		},
-		innerColor () {
-			if (this.color) {
-				return this.color
-			}
-			if (this.dir === 'right') {
-				return '#c9e3fc' 
-			} else {
-				return '#ffffff'
-			}
-		},
-		msgTimeText () {
-			return formatDate(this.data.wechatTime)
-		},
-		isTimeout () {
-			if (!this.data.createTime) {
-			  return false
-			}
-			return Date.now() - new Date(this.data.createTime) > 10 * 60 * 1000; //超过5分钟，认为是失败
-		}
-	},
-	created () {
-		const rs = this.fetchUserMethod({
-			data: this.data
-		})
-		if (rs && rs.then) {
-			rs.then(data => {
-				this.userData = data
-			})
-		} else {
-			this.userData = rs
-		}
-	},
-	methods: {
-		handleErrorClick (errorMsg) {
-			error(errorMsg || '未知错误')
-		},
-		handleMoreActionClick () {
-			this.$emit('more-action-click')
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-panel-chats-box{
-	display: flex;
-	flex-direction: row;
-	padding: 8px 12px;
-	&.is-left {
-		.bi-chat-panel-chats-box__avatar{
-			margin-right: 12px;
-		}
-		.bi-chat-panel-chats-box__content{
-			flex-direction: row-reverse;
-			justify-content: flex-end;
-		}
-		.bi-chat-panel-chats-box__message-arrow{
-			left: -8px;
-			transform: rotate(-90deg);
-		}
-	}
-	&.is-right {
-		flex-direction: row-reverse;
-		.bi-chat-panel-chats-box__avatar{
-			margin-left: 12px;
-		}
-		.bi-chat-panel-chats-box__main{
-			display: flex;
-			flex-direction: column;
-			align-items: flex-end;
-		}
-		.bi-chat-panel-chats-box__content{
-			flex-direction: row;
-			justify-content: flex-start;
-		}
-		.bi-chat-panel-chats-box__message-main{
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-		}
-		.bi-chat-panel-chats-box__message-arrow{
-			right: -8px;
-			transform: rotate(90deg);
-		}
-	}
-	&.is-recalled {
-		.bi-chat-panel-chats-box__message-content{
-			opacity: .6;
-		}
-	}
-}
-.bi-chat-panel-chats-box__content{
-	display: flex;
-	align-items: center;
-	align-items: center;
-}
-.bi-chat-panel-chats-box__extend{
-	margin: 0 6px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-}
-.bi-chat-panel-chats-box__extend-item{
-	margin: 0 6px;
-}
-.bi-chat-panel-chats-box__avatar{
-	width: 32px;
-	height: 32px;
-	background-color: #eee;
-	border-radius: 50%;
-	min-width: 32px;
-	margin-top: 27px;
-}
-.bi-chat-panel-chats-box__main{
-	min-width: 0;
-}
-.bi-chat-panel-chats-box__user{
-	margin-bottom: 3px;
-	height: 24px;
-	line-height: 24px;
-	max-width: 100%;
-}
-.bi-chat-panel-chats-box__user-name{
-	color: #999;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-.bi-chat-panel-chats-box__content{
-	margin-bottom: 3px;
-}
-.bi-chat-panel-chats-box__date{
-	font-size: 12px;
-	color: #999;
-}
-.bi-chat-panel-chats-box__more{
-	color: #999;
-}
-.bi-chat-panel-chats-box__message{
-	position: relative;
-}
-.bi-chat-panel-chats-box__message-content {
-	border-radius: 3px;
-	position: relative;
-	display: inline-block;
-	vertical-align: top;
-}
-.bi-chat-panel-chats-box__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;
-}
-</style>