@aochuang/client-sdk 1.0.345 → 1.0.347

package/uni-components/chat-control/video/video.vue

@@ -1,156 +0,0 @@
-<template>
-	<view class="bi-chat-control-video" :class="['bi-chat-control-video--' + type]">
-		<template v-if="hasPreviewImage">
-			<image class="bi-chat-control-video__cover" mode="widthFix" :src="content.previewImage"></image>
-			<view class="bi-chat-control-video__play" @click.stop="handlePlayClick">
-				<ui-icon name="arrow-down-circle-line" size="32px"></ui-icon>
-			</view>
-		</template>
-		<template v-else>
-			<view class="bi-chat-control-video__poster" @click.stop="handlePosterClick">
-				<ui-icon name="play-circle-line" size="32px"></ui-icon>
-			</view>
-		</template>
-		<uv-overlay :show="showOverlay" :opacity="0.8" @click.stop="handleOverlayClick">
-			<view class="bi-chat-control-video__player" v-if="showOverlay">
-				<ui-video class="bi-chat-control-video__control" :src="innerSrc" @click.stop></ui-video>
-			</view>
-		</uv-overlay>
-	</view>
-</template>
-
-<script>
-import { toJson } from '../../../utils/data.js'
-import { formatOssPath } from '@aochuang/common/utils/oss'
-import UiIcon from '@aochuang/common/uni-components/icon/icon.vue'
-import UiVideo from '@aochuang/common/uni-components/video'
-
-export default {
-	name: 'BiChatControlVideo',
-	components: {
-		UiIcon,
-		UiVideo
-	},
-	props: {
-		data: {
-			type: String
-		},
-		type: {
-			type: String,
-			default: 'default',
-			validator (value) {
-				return ['default', 'quote', 'thumb'].includes(value)
-			}
-		},
-		downloadMethod: {
-			type: Function
-		}
-	},
-	data () {
-		return {
-			showOverlay: false,
-			loading: false
-		}
-	},
-	computed: {
-		content () {
-			return toJson(this.data)
-		},
-		innerSrc () {
-			let src 
-			if (typeof this.content === 'string') {
-				src = formatOssPath(this.content)
-			}
-			return src
-		},
-		hasPreviewImage () {
-			return this.content && this.content.previewImage
-		}
-	},
-	methods: {
-		handlePosterClick () {
-			this.showOverlay = true
-		},
-		handleOverlayClick () {
-			this.showOverlay = false
-		},
-		handlePlayClick () {
-			if (this.downloadMethod) {
-				this.downloadMethod({
-					data: this.content
-				}).then(() => {
-					this.$success('下载视频命令已下发，请耐心等待！')
-				})
-			}			
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-control-video--default {
-	.bi-chat-control-video__control{
-		max-width: 240px; 
-		width: 240px;
-	}
-	.bi-chat-control-video__cover{
-		max-width: 160px; 
-		width: 160px;
-	}
-	.bi-chat-control-video__poster{
-		width: 200px;
-		height: 180px;
-	}
-}
-.bi-chat-control-video--thumb {
-	width: 100%;
-	.bi-chat-control-video__control{
-		max-width: 100%; 
-	}
-	.bi-chat-control-video__cover{
-		max-width: 100%; 
-	}
-	.bi-chat-control-video__poster{
-		height: 140px;
-		width: 100%;
-		max-width: 100%; 
-	}
-}
-.bi-chat-control-video{
-	display: inline-block;
-	position: relative;
-}
-.bi-chat-control-video__play{
-	position: absolute;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	top: 0;
-	background-color: rgba(0,0,0,.1);
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	color: #fff;
-}
-.bi-chat-control-video__cover{
-	height: auto;
-	border-radius: 4px;
-}
-.bi-chat-control-video__poster{
-	background-color: #020202;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	color: #fff;
-}
-.bi-chat-control-video__player{
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-	height: 100%;
-}
-</style>

package/uni-components/chat-control/voice/voice.vue

@@ -1,166 +0,0 @@
-<template>
-	<view class="bi-chat-control-voice" :class="['bi-chat-control-voice--' + type]">
-		<view class="bi-chat-control-voice__control" @click.stop>
-			<ui-voice class="bi-chat-control-voice__audio" :src="innerSrc"></ui-voice>
-		</view>
-		<view class="bi-chat-control-voice__vvt">
-			<div class="bi-chat-control-voice__result" v-if="transformStatus !== -1">
-			  <template v-if="transformStatus === 1">
-				<div class="bi-chat-control-voice__result-status">
-				  <ui-icon class="bi-chat-control-voice__result-stat-icon" name="loading"></ui-icon>转换中
-				</div>
-			  </template>
-			  <template v-if="transformStatus === 0">
-				<div class="bi-chat-control-voice__result-text" v-if="previewTransformContent" v-html="previewTransformContent"></div>
-				<div class="bi-chat-control-voice__result-status">
-				  <ui-icon class="bi-chat-control-voice__result-stat-icon" name="checkbox-circle-fill"></ui-icon>转换完成
-				</div>
-			  </template>
-			  <template v-else-if="transformStatus === 2">
-				<div class="bi-chat-control-voice__result-text" v-if="transformContent" v-html="transformContent"></div>
-				<div class="bi-chat-control-voice__result-status">
-				  <ui-icon class="bi-chat-control-voice__result-stat-icon" name="close-circle-fill"></ui-icon>转换失败
-				</div>
-			  </template>
-			</div>
-		</view>
-	</view>
-</template>
-<script>
-import { formatOssPath } from '@aochuang/common/utils/oss'
-import UiIcon from '@aochuang/common/uni-components/icon/icon.vue'
-import UiVoice from '@aochuang/common/uni-components/voice'
-
-import { toJson } from '../../../utils/data.js'
-const ConvertStatusEnum = {
-  NORMAL: -1, // 没有转换
-  ERROR: 2, // 转换失败
-  CONVERTING: 1, // 转换中
-  COMPLETE: 0 // 转换成功
-}
-
-export default {
-	name: 'BiChatControlVoice',
-	components: {
-		UiIcon,
-		UiVoice
-	},
-	props: {
-		dir: {
-			type: String,
-			default: 'left',
-			validator (value) {
-				return ['left', 'right'].includes(value)
-			}
-		},
-		type: {
-			type: String,
-			default: 'default',
-			validator (value) {
-				return ['default', 'quote', 'thumb'].includes(value)
-			}
-		},
-		data: {
-			type: String
-		},
-		convertStatus: {
-			type: Number
-		}
-	},
-	data () {
-		return {
-			transformStatus: typeof this.convertStatus === 'number' ? this.convertStatus : ConvertStatusEnum.NORMAL,
-			transformContent: null
-		}
-	},
-	computed: {
-		content () {
-			return toJson(this.data) || {}
-		},
-		innerSrc () {
-			if (!this.content.url) {
-				return
-			}
-			return formatOssPath(this.content.url)
-		},
-		innerTransformContent () {
-			if (this.transformStatus === 0 && this.formatter) {
-				const content = this.formatter({
-					content: this.transformContent
-				})
-				if (!content) {
-					return ''
-				}
-				return content
-			} else {
-				return this.transformContent
-			}
-		},
-		previewTransformContent () {
-			if (Array.isArray(this.transformContent)) {
-				return this.transformContent.map(v => v.text).join('\n')
-			} else {
-				return this.innerTransformContent
-			}
-		}
-	},
-	created () {
-		this.transformContent = this.content.text
-	},
-	methods: {
-		handlePlayClick () {
-			error('暂不支持播放')
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-control-voice--default {
-	width: 240px;
-}
-.bi-chat-control-voice--thumb {
-	background-color: #f8f8f8;
-	border-radius: 3px;
-	.bi-chat-control-voice__control{
-		width: 65px;
-		height: 65px;
-		margin: 0 auto;
-		overflow: hidden;
-		border: 1px solid #eee;
-		border-radius: 3px;
-		/deep/ .uni-audio-default{
-			border: 0;
-		}
-	}
-}
-.bi-chat-control-voice__audio{
-	vertical-align: top;
-	/deep/ .uni-audio-default {
-		min-width: 240px;
-	}
-}
-.bi-chat-control-voice__result{
-  background-color: #fff;
-  border-radius: 3px;
-  max-width: 282px;
-  margin-top: 6px;
-}
-.bi-chat-control-voice__result-text{
-  padding: 10px 12px 0;
-  text-align: left;
-  max-height: 360px;
-  overflow: auto;
-}
-.bi-chat-control-voice__result-status{
-  padding: 6px 12px;
-  color: #888;
-  font-size: 12px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.bi-chat-control-voice__result-stat-icon{
-  margin-right: 4px;
-}
-</style>

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

@@ -1,84 +0,0 @@
-<template>
-	<view class="sdk-chat-editor-chartlet-collect">
-		<bi-scroll-load-more
-			:data="collectData"
-			@query="handleQueryCollectData"
-		>
-			<view class="sdk-chat-editor-chartlet-collect__list">
-				<view 
-					class="sdk-chat-editor-chartlet-collect__item"
-					v-for="item in collectData"
-					:key="item.id"
-				>
-					<uv-image 
-						:src="item.data.url" 
-						width="80px" 
-						height="80px"
-						@click="handleImageClick(item)"
-					></uv-image>
-				</view>
-			</view>
-		</bi-scroll-load-more>
-	</view>
-</template>
-
-<script>
-import { loadCollectionData } from '@/apis/collection.js'
-import BiScrollLoadMore from '@aochuang/common/uni-common/scroll-load-more/scroll-load-more.vue'
-
-export default {
-	name: 'SdkChatEditorChartletCollect',
-	components: {
-		BiScrollLoadMore
-	},
-	data () {
-		return {
-			collectData: []
-		}
-	},
-	methods: {
-		handleImageClick (item) {
-			this.$emit('select', {
-				item
-			})
-		},
-		handleQueryCollectData ({ setCallback }) {
-			setCallback(({ pageSize, pageIndex }) => {
-				return loadCollectionData({
-					pageSize, 
-					pageIndex
-				}).then((rs) => {
-					const data = (rs.data || {}).results || []
-					this.collectData = [].concat(this.collectData, data)
-					return {
-						data
-					}
-				})
-			})
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.sdk-chat-editor-chartlet-collect{
-	height: 100%;
-}
-.sdk-chat-editor-chartlet-collect__list{
-	&:after {
-		content: '';
-		display: block;
-		clear: both;
-	}
-}
-.sdk-chat-editor-chartlet-collect__item{
-	width: 33.33%;
-	float: left;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 8px;
-	box-sizing: border-box;
-}
-</style>

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

@@ -1,28 +0,0 @@
-<template>
-	<view class="sdk-chat-editor-chartlet-system">
-		<bi-wechat-emoji @select="handleSelect"></bi-wechat-emoji>
-	</view>
-</template>
-
-<script>
-import BiWechatEmoji from '@aochuang/common/uni-common/wechat-emoji'
-
-export default {
-	name: 'SdkChatEditorChartletSystem',
-	components: {
-		BiWechatEmoji
-	},
-	methods: {
-		handleSelect (evt) {
-			this.$emit('select', evt)
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.sdk-chat-editor-chartlet-system{
-	height: 100%;
-	overflow: auto;
-}
-</style>

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

@@ -1,85 +0,0 @@
-<template>
-	<view class="sdk-chat-editor-chartlet">
-		<view class="sdk-chat-editor-chartlet__tabbar">
-			<ui-tabbar v-model="currentTabName">
-				<ui-tabbar-item name="default" text="默认"></ui-tabbar-item>
-				<ui-tabbar-item name="collect" text="收藏"></ui-tabbar-item>
-			</ui-tabbar>
-		</view>
-		<view class="sdk-chat-editor-chartlet__main">
-			<keep-alive>
-				<template v-if="currentTabName === 'default'">
-					<chat-editor-chartlet-system
-						@select="handleDefaultSelect"
-					></chat-editor-chartlet-system>
-				</template>
-				<template v-else-if="currentTabName === 'collect'">
-					<chat-editor-chartlet-collect
-						@select="handleCollectSelect"
-					></chat-editor-chartlet-collect>
-				</template>
-			</keep-alive>
-		</view>
-	</view>
-</template>
-
-<script>
-import { MESSAGE_TYPE } from 'client-sdk/uni-components/chat-control'
-import UiTabbar from '@aochuang/common/uni-components/tabbar/tabbar.vue'
-import UiTabbarItem from '@aochuang/common/uni-components/tabbar/tabbar-item.vue'
-import ChatEditorChartletSystem from './chat-editor-chartlet-system.vue'
-import ChatEditorChartletCollect from './chat-editor-chartlet-collect.vue'
-
-export default {
-	name: 'SdkChatEditorChartlet',
-	components: {
-		UiTabbar,
-		UiTabbarItem,
-		ChatEditorChartletSystem,
-		ChatEditorChartletCollect
-	},
-	props: {
-		insertTextMethod: {
-			type: Function,
-			required: true
-		},
-		submitMethod: {
-			type: Function,
-			required: true
-		}
-	},
-	data () {
-		return {
-			currentTabName: 'default'
-		}
-	},
-	methods: {
-		handleDefaultSelect ({ item }) {
-			if (!item) {
-				return
-			}
-			this.insertTextMethod(`[${item.label}]`)
-		},
-		handleCollectSelect ({ item }) {
-			return this.submitMethod({
-				data: {
-					messageType: MESSAGE_TYPE.CUSTOM_EXPRESSION,
-					content: item.data.url
-				}
-			})
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.sdk-chat-editor-chartlet{
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-}
-.sdk-chat-editor-chartlet__main{
-	flex: 1;
-	min-height: 0;
-}
-</style>

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

@@ -1,157 +0,0 @@
-<template>
-	<view class="bi-chat-editor-func">
-		<uv-grid :col="4">
-			<uv-grid-item>
-				<chat-editor-func-image
-					:upload-root-directory="uploadRootDirectory"
-					@confirm="handleSendImageConfirm"
-				></chat-editor-func-image>
-			</uv-grid-item>
-			<uv-grid-item>
-				<chat-editor-func-video
-					:upload-root-directory="uploadRootDirectory"
-					@confirm="handleSendVideoConfirm"
-				></chat-editor-func-video>
-			</uv-grid-item>
-			<uv-grid-item>
-				<chat-editor-func-file
-					:upload-root-directory="uploadRootDirectory"
-					@confirm="handleSendFileConfirm"
-				></chat-editor-func-file>
-			</uv-grid-item>
-			<template v-if="$slots.reply">
-				<uv-grid-item>
-					<slot name="reply"></slot>
-				</uv-grid-item>
-			</template>
-			<template v-if="$slots.atmember">
-				<uv-grid-item>
-					<slot name="atmember"></slot>
-				</uv-grid-item>
-			</template>
-			<template v-if="$slots.notread">
-				<uv-grid-item>
-					<slot name="notread"></slot>
-				</uv-grid-item>
-			</template>
-			<template v-if="$slots.material">
-				<uv-grid-item>
-					<slot name="material"></slot>
-				</uv-grid-item>
-			</template>
-		</uv-grid>
-		<uv-popup
-			ref="popup"
-			mode="center"
-			bgColor="none"
-		>
-			<chat-editor-message-send
-				v-if="showMessageSendPopup"
-				:send-target="sendTarget"
-				:message-type="currentMessageType"
-				:message-content="currentMessageContent"
-				:submit-method="handleSubmitMethod"
-				@cancel="handleCancelSend"
-			>
-			</chat-editor-message-send>
-		</uv-popup>
-	</view>
-</template>
-
-<script>
-import ChatEditorFuncFile from '../chat-editor-func-file/chat-editor-func-file.vue'
-import ChatEditorFuncImage from '../chat-editor-func-image/chat-editor-func-image.vue'
-import ChatEditorFuncVideo from '../chat-editor-func-video/chat-editor-func-video.vue'
-import ChatEditorFuncVoice from '../chat-editor-func-voice/chat-editor-func-voice.vue'
-import ChatEditorFuncAt from '../chat-editor-func-at/chat-editor-func-at.vue'
-import ChatEditorMessageSend from '../chat-editor-message-send/chat-editor-message-send.vue'
-import { MESSAGE_TYPE } from 'client-sdk/uni-components/chat-control/index.js'
-import { getNameByFileUrl } from '@/utils/file.js'
-
-export default {
-	name: 'BiChatEditorFunc',
-	components: {
-		ChatEditorFuncAt,
-		ChatEditorFuncFile,
-		ChatEditorFuncImage,
-		ChatEditorFuncVideo,
-		ChatEditorFuncVoice,
-		ChatEditorMessageSend
-	},
-	props: {
-		sendTarget: {
-			type: Object,
-			required: true
-		},
-		submitMethod: {
-			type: Function,
-			required: true
-		},
-		uploadRootDirectory: {
-			type: String
-		}
-	},
-	data () {
-		return {
-			showMessageSendPopup: false,
-			currentMessageType: null,
-			currentMessageContent: null
-		}
-	},
-	methods: {
-		handleSubmitMethod (evt) {
-			return this.submitMethod(evt).then(() => {
-				this.showMessageSendPopup = false
-				this.$refs.popup.close()
-			})
-		},
-		handleSendImageConfirm ({ data }) {
-			this.showMessageSendPopup = true
-			this.currentMessageType = MESSAGE_TYPE.IMAGE
-			this.currentMessageContent = data
-			this.$refs.popup.open()
-		},
-		handleSendVideoConfirm ({ data }) {
-			this.showMessageSendPopup = true
-			this.currentMessageType = MESSAGE_TYPE.VIDEO
-			this.currentMessageContent = data
-			this.$refs.popup.open()
-		},
-		handleSendFileConfirm ({ data, file }) {
-			const params = {}
-			if (file.type.indexOf('image') >= 0) {
-				params.msgType = MESSAGE_TYPE.IMAGE
-				params.content = data
-			} else if (file.type.indexOf('video') >= 0) {
-				params.msgType = MESSAGE_TYPE.VIDEO
-				params.content = data
-			} else {
-				params.msgType = MESSAGE_TYPE.URL
-				params.content = JSON.stringify({
-					type: 'file',
-					title: file.name,
-					url: data
-				})
-			}
-			this.showMessageSendPopup = true
-			this.currentMessageType = params.msgType
-			this.currentMessageContent = params.content
-			this.$refs.popup.open()
-		},
-		handleCancelSend () {
-			this.showMessageSendPopup = false
-			this.currentMessageType = null
-			this.currentMessageContent = null
-			this.$refs.popup.close()
-		}
-	}
-}
-</script>
-
-<style lang="less">
-.bi-chat-editor-func /deep/ {
-	.uv-grid-item--hover-class{
-		opacity: 1!important;
-	}
-}
-</style>