@aochuang/client-sdk 1.0.346 → 1.0.347

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

@@ -1,61 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-at">
-		<chat-editor-func-button text="@群成员" icon="at-line" @click="handleHandleClick"></chat-editor-func-button>
-		<ui-popup
-			ref="popup"
-			mode="bottom" 
-			title="@群成员"
-			v-model="showPopup"
-		>
-			<chat-editor-func-at-panel
-				:query-method="queryMethod"
-				:confirm-method="handleConfirmMethod"
-			></chat-editor-func-at-panel>
-		</ui-popup>
-	</view>
-</template>
-
-<script>
-import UiPopup from '@aochuang/common/uni-components/popup/popup.vue'
-import ChatEditorFuncButton from '../chat-editor-func-button/chat-editor-func-button.vue'
-import ChatEditorFuncAtPanel from './chat-editor-func-at-panel.vue'
-
-export default {
-	name: 'BiChatEditorFuncAt',
-	components: {
-		UiPopup,
-		ChatEditorFuncButton,
-		ChatEditorFuncAtPanel
-	},
-	props: {
-		queryMethod: {
-			type: Function
-		},
-		confirmMethod: {
-			type: Function
-		}
-	},
-	data () {
-		return {
-			showPopup: false
-		}
-	},
-	methods: {
-		handleHandleClick () {
-			this.showPopup = true
-		},
-		handleConfirmMethod (evt) {
-			if (!this.confirmMethod) {
-				return
-			}
-			const rs = this.confirmMethod(evt)
-			Promise.all([rs]).then(() => {
-				this.showPopup = false
-			})
-		}
-	}
-}
-</script>
-
-<style>
-</style>

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

@@ -1,58 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-button" @click="handleClick">
-		<view class="bi-chat-editor-func-button__icon">
-			<slot name="icon">
-				<bi-icon :name="icon" size="24px" color="#666"></bi-icon>
-			</slot>
-		</view>
-		<view class="bi-chat-editor-func-button__text">
-			{{ text }}
-		</view>
-	</view>
-</template>
-
-<script>
-import BiIcon from '@aochuang/common/uni-components/icon/icon.vue'
-
-export default {
-	name: 'BiChatEditorFuncButton',
-	components: {
-		BiIcon
-	},
-	props: {
-		text: {
-			type: String
-		},
-		icon: {
-			type: String
-		}
-	},
-	methods: {
-		handleClick () {
-			this.$emit('click')
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-editor-func-button{
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 12px;
-	color: #666;
-}
-.bi-chat-editor-func-button__icon{
-	width: 54px;
-	height: 54px;
-	background-color: #fff;
-	border-radius: 4px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 4px;
-}
-</style>

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

@@ -1,54 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-file">
-		<bi-oss-upload
-			source-type="file"
-			:root-directory="uploadRootDirectory"
-			:sub-directory="handleUploadSubDirectory"
-			@change="handleUploadFileSuccess"
-		>
-			<template slot="handle">
-				<chat-editor-func-button text="文件" icon="attachment-line"></chat-editor-func-button>
-			</template>
-		</bi-oss-upload>
-	</view>
-</template>
-
-<script>
-import BiOssUpload from '@/common/oss-upload/oss-upload.vue'
-import ChatEditorFuncButton from '../chat-editor-func-button/chat-editor-func-button.vue'
-import { error } from '@aochuang/common/uni-components/message/message.js'
-import { MESSAGE_TYPE } from 'client-sdk/uni-components/chat-control/index.js'
-
-export default {
-	name: 'BiChatEditorFuncFuncFile',
-	components: {
-		BiOssUpload,
-		ChatEditorFuncButton
-	},
-	props: {
-		uploadRootDirectory: {
-			type: String
-		}
-	},
-	methods: {
-		handleUploadSubDirectory ({ file }) {
-			if (file.type.indexOf('image') >= 0) {
-				return MESSAGE_TYPE.IMAGE
-			} else if (file.type.indexOf('video') >= 0) {
-				return MESSAGE_TYPE.VIDEO
-			} else {
-				return MESSAGE_TYPE.URL
-			}
-		},
-		handleUploadFileSuccess ({ value, file }) {
-			this.$emit('confirm', {
-				file,
-				data: value
-			})
-		}
-	}
-}
-</script>
-
-<style>
-</style>

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

@@ -1,42 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-image">
-		<bi-oss-upload
-			source-type="image"
-			sub-directory="3"
-			:root-directory="uploadRootDirectory"
-			@input="handleUploadImageSuccess"
-		>
-			<template slot="handle">
-				<chat-editor-func-button text="图片" icon="image-line"></chat-editor-func-button>
-			</template>
-		</bi-oss-upload>
-	</view>
-</template>
-
-<script>
-import BiOssUpload from '@/common/oss-upload/oss-upload.vue'
-import ChatEditorFuncButton from '../chat-editor-func-button/chat-editor-func-button.vue'
-
-export default {
-	name: 'BiChatEditorFuncImage',
-	components: {
-		BiOssUpload,
-		ChatEditorFuncButton
-	},
-	props: {
-		uploadRootDirectory: {
-			type: String
-		}
-	},
-	methods: {
-		handleUploadImageSuccess (value) {
-			this.$emit('confirm', {
-				data: value
-			})
-		}
-	}
-}
-</script>
-
-<style>
-</style>

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

@@ -1,42 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-video">
-		<bi-oss-upload
-			source-type="video"
-			sub-directory="43"
-			:root-directory="uploadRootDirectory"
-			@input="handleUploadVideoSuccess"
-		>
-			<template slot="handle">
-				<chat-editor-func-button text="视频" icon="vidicon-line"></chat-editor-func-button>	
-			</template>
-		</bi-oss-upload>
-	</view>
-</template>
-
-<script>
-import BiOssUpload from '@/common/oss-upload/oss-upload.vue'
-import ChatEditorFuncButton from '../chat-editor-func-button/chat-editor-func-button.vue'
-
-export default {
-	name: 'BiChatEditorFuncVideo',
-	components: {
-		BiOssUpload,
-		ChatEditorFuncButton
-	},
-	props: {
-		uploadRootDirectory: {
-			type: String
-		}
-	},
-	methods: {
-		handleUploadVideoSuccess (value) {
-			this.$emit('confirm', {
-				data: value
-			})
-		}
-	}
-}
-</script>
-
-<style>
-</style>

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

@@ -1,25 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func-voice">
-		<chat-editor-func-button text="录音" icon="mic-line" @click="handleHandleClick"></chat-editor-func-button>
-	</view>
-</template>
-
-<script>
-import ChatEditorFuncButton from '../chat-editor-func-button/chat-editor-func-button.vue'
-import { error } from '@aochuang/common/uni-components/message/message.js'
-
-export default {
-	name: 'BiChatEditorFuncVoice',
-	components: {
-		ChatEditorFuncButton
-	},
-	methods: {
-		handleHandleClick () {
-			error('暂不支持')
-		}
-	}
-}
-</script>
-
-<style>
-</style>

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

@@ -1,158 +0,0 @@
-<template>
-	<view class="bi-chat-editor-message-send" @click.stop>
-		<view class="bi-chat-editor-message-send__target">
-			<view class="bi-chat-editor-message-send__target-label">发送给：</view>
-			<view class="bi-chat-editor-message-send__target-object">
-				<template v-if="sendTarget">
-					<template v-if="sendTarget.chatroomId">
-						<bi-portray :name="sendTarget.nickname" :avatar="sendTarget.chatroomAvatar"></bi-portray>
-					</template>
-					<template v-else>
-						<bi-portray :name="sendTarget.nickname" :avatar="sendTarget.avatar"></bi-portray>
-					</template>
-				</template>
-			</view>
-		</view>
-		<view class="bi-chat-editor-message-send__content">
-			<template v-if="messageType === MESSAGE_TYPE.IMAGE">
-				<chat-control-image :data="innerMessageContent"></chat-control-image>
-			</template>
-			<template v-else-if="messageType === MESSAGE_TYPE.VIDEO">
-				<chat-control-video :data="innerMessageContent"></chat-control-video>
-			</template>
-			<template v-else-if="messageType === MESSAGE_TYPE.URL">
-				<chat-control-url :data="innerMessageContent"></chat-control-url>
-			</template>
-		</view>
-		<view class="bi-chat-editor-message-send__toolbar">
-			<view class="bi-chat-editor-message-send__toolbar-item">
-				<uv-button size="small" @click="handleCancelClick">取消</uv-button>
-			</view>
-			<view class="bi-chat-editor-message-send__toolbar-item">
-				<uv-button size="small" type="primary" :disabled="uploading" :loading="sending" @click="handleSendClick">发送</uv-button>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script> 
-import BiPortray from '@aochuang/common/uni-common/portray/portray.vue'
-import BiUpload from '@/common/upload/upload.vue'
-import ChatControlImage from 'client-sdk/uni-components/chat-control/image/image.vue'
-import ChatControlVideo from 'client-sdk/uni-components/chat-control/video/video.vue'
-import ChatControlUrl from 'client-sdk/uni-components/chat-control/url/url.vue'
-import { MESSAGE_TYPE } from 'client-sdk/uni-components/chat-control/index.js'
-
-export default {
-	name: 'BiChatEditorMessageSend',
-	components: {
-		BiPortray,
-		BiUpload,
-		ChatControlImage,
-		ChatControlUrl,
-		ChatControlVideo
-	},
-	props: {
-		sendTarget: {
-			type: Object,
-			required: true
-		},
-		submitMethod: {
-			type: Function,
-			required: true
-		},
-		messageType: {
-			type: [String, Number],
-			validator (value) {
-				return [MESSAGE_TYPE.IMAGE, MESSAGE_TYPE.VIDEO, MESSAGE_TYPE.URL].includes(value)
-			}
-		},
-		messageContent: {
-			type: [String, Object]
-		}
-	},
-	data () {
-		return {
-			MESSAGE_TYPE,
-			uploading: false,
-			sending: false,
-			innerMessageContent: this.messageContent
-		}
-	},
-	computed: {
-		previewFileData () {
-			if (this.MESSAGE_TYPE.URL !== this.messageType) {
-				return
-			}
-			return this.messageContent
-		}
-	},
-	methods: {
-		handleCancelClick () {
-			this.$emit('cancel')
-		},
-		handleUploading () {
-			this.uploading = true
-		},
-		handleUploadComplete () {
-			this.uploading = false
-		},
-		handleSendClick () {
-			this.sending = true
-			let content = this.innerMessageContent
-			if (this.messageType === MESSAGE_TYPE.URL) {
-				if (this.messageFile) {
-					content = JSON.stringify({
-						type: 'file',
-						totalLen: this.messageFile.size,
-						title: this.messageFile.name,
-						url: this.innerMessageContent
-					})
-				}
-			}
-			this.submitMethod({
-				data: {
-					content,
-					messageType: this.messageType
-				}
-			}).finally(() => {
-				this.sending = false
-			})
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-editor-message-send{
-	background-color: #fff;
-	width: 80vw;
-	max-width: 420px;
-	max-height: 80vh;
-	border-radius: 4px;
-}
-.bi-chat-editor-message-send__target{
-	padding: 12px 0;
-	margin: 0 12px;
-	border-bottom: 1px solid #eee;
-}
-.bi-chat-editor-message-send__target-label{
-	margin-bottom: 6px;
-}
-.bi-chat-editor-message-send__content{
-	padding: 12px;
-	border-bottom: 1px solid #eee;
-	max-height: 300px;
-	overflow: auto;
-}
-.bi-chat-editor-message-send__toolbar{
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-end;
-	padding: 12px;
-}
-.bi-chat-editor-message-send__toolbar-item{
-	margin-left: 12px;
-}
-</style>

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

@@ -1,75 +0,0 @@
-<template>
-	<view class="bi-chat-eidtor-quote">
-		<sdk-chat-control
-			type="quote"
-			:msg-type="quoteChat.msgType"
-			:content="quotaChatContent"
-		></sdk-chat-control>
-		<view class="bi-chat-eidtor-quote__remove" @click="handleRemoveClick"></view>
-	</view>
-</template>
-
-<script>
-import SdkChatControl from 'client-sdk/uni-components/chat-control/chat-control.vue'
-
-export default {
-	name: 'BiChatEditorQuote',
-	components: {
-		SdkChatControl
-	},
-	props: {
-		quoteChat: {
-			type: Object,
-			required: true
-		}
-	},
-	computed: {
-		quotaChatContent () {
-			return this.quoteChat.content
-		}
-	},
-	methods: {
-		handleRemoveClick () {
-			this.$emit('remove')
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-eidtor-quote{
-	display: block;
-	background-color: rgba(0,0,0,.1);
-	border-radius: 4px;
-	padding: 6px 30px 6px 6px;
-	position: relative;
-}
-.bi-chat-eidtor-quote__remove{
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  background-color: #999;
-  top: 50%;
-  right: 12px;
-  border-radius: 50%;
-  transform: rotate(45deg) translateY(-50%);
-  cursor: pointer;
-  transition: all .25s;
-  &:before, &:after {
-    content: '';
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    background-color: #fff;
-  }
-  &:before {
-    width: 10px;
-    height: 1px;
-  }
-  &:after {
-    width: 1px;
-    height: 10px;
-  }
-}
-</style>