@aochuang/client-sdk 1.0.348 → 1.0.350

package/uni-components/contacts-group-select/contacts-group-select-panel.vue

@@ -0,0 +1,119 @@
+<template>
+	<view class="bi-contacts-group-select-panel">
+		<view class="bi-contacts-group-select-panel__head">
+			<view class="bi-contacts-group-select-panel__head-left">
+				<uv-button size="small" @click="handleCancelClick">取消</uv-button>
+			</view>
+			<view class="bi-contacts-group-select-panel__head-center"></view>
+			<view class="bi-contacts-group-select-panel__head-right">
+				<uv-button size="small" type="primary" @click="handleConfirmClick">确定</uv-button>
+			</view>
+		</view>
+		<view class="bi-contacts-group-select-panel__body">
+			<view class="bi-contacts-group-select-panel__group" v-if="friendGroupData && friendGroupData.length">
+				<view class="bi-contacts-group-select-panel__group-head">
+					<view class="bi-contacts-group-select-panel__group-title">好友分组</view>
+				</view>
+				<view class="bi-contacts-group-select-panel__group-body">
+					<contacts-group-select-item 
+						class="bi-contacts-group-select-panel__group-item" 
+						@click="handleFriendGroupClick(group)"
+						v-for="group in friendGroupData"
+						type="friend"
+						:key="group.id"
+						:data="group"
+						:selected="group.id === inputValue"
+					>
+					</contacts-group-select-item>
+				</view>
+			</view>
+			<view class="bi-contacts-group-select-panel__group" v-if="roomGroupData && roomGroupData.length">
+				<view class="bi-contacts-group-select-panel__group-head">
+					<view class="bi-contacts-group-select-panel__group-title">群聊分组</view>
+				</view>
+				<view class="bi-contacts-group-select-panel__group-body">
+					<contacts-group-select-item 
+						class="bi-contacts-group-select-panel__group-item" 
+						@click="handleRoomGroupClick(group)"
+						v-for="group in roomGroupData"
+						type="room"
+						:key="group.id"
+						:data="group"
+						:selected="group.id === inputValue"
+					>
+					</contacts-group-select-item>
+				</view>
+			</view>
+			<view class="bi-contacts-group-select-panel__safe"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import ContactsGroupSelectItem from './contacts-group-select-item.vue'
+
+export default {
+	name: 'BiContactsGroupSelectPanel',
+	components: {
+		ContactsGroupSelectItem
+	},
+	props: {
+		value: {
+			type: String
+		},
+		friendGroupData: {
+			type: Array
+		},
+		roomGroupData: {
+			type: Array
+		}
+	},
+	data () {
+		return {
+			inputValue: this.value
+		}
+	},
+	methods: {
+		handleCancelClick () {
+			this.$emit('cancel')
+		},
+		handleConfirmClick () {
+			this.$emit('confirm', this.inputValue)
+		},
+		handleFriendGroupClick (item) {
+			this.inputValue = item.id
+		},
+		handleRoomGroupClick (item) {
+			this.inputValue = item.id
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-contacts-group-select-panel__head{
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	padding: 8px 12px;
+	border-bottom: 1px solid #eee;
+}
+.bi-contacts-group-select-panel__body{
+	max-height: 70vh;
+	overflow: auto;
+	padding: 6px 0;
+}
+.bi-contacts-group-select-panel__group-head {
+	height: 32px;
+	line-height: 32px;
+	padding: 0 12px;
+}
+.bi-contacts-group-select-panel__group-title {
+	color: #999;
+}
+.bi-contacts-group-select-panel__safe{
+	padding-bottom: calc(constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
+	padding-bottom: calc(env(safe-area-inset-bottom));
+}
+</style>

package/uni-components/contacts-group-select/contacts-group-select.vue

@@ -0,0 +1,150 @@
+<template>
+	<view class="bi-account-select">
+		<view class="bi-account-select__handle" @click="handleHandleClick">
+			<template v-if="loading">
+				<uv-loading-icon class="bi-account-select__loading" size="18" text="数据加载中..."></uv-loading-icon>
+			</template>
+			<template v-else>
+				<template v-if="value">
+					<view class="bi-account-select__value">
+						{{ currentGroup ? currentGroup.groupName : value }}
+					</view>
+				</template>
+				<template v-else>
+					<view class="bi-account-select__placeholder">
+						请选择分组
+					</view>
+				</template>
+			</template>
+		</view>
+		<uv-popup
+			ref="popup"
+			mode="bottom"
+			@change="handlePopupChange"
+		>
+			<contacts-group-select-panel
+				:value="value"
+				:friend-group-data="friendGroupData"
+				:room-group-data="roomGroupData"
+				@cancel="handleCancelClick"
+				@confirm="handleConfirmClick"
+			></contacts-group-select-panel>
+		</uv-popup>
+	</view>
+</template>
+
+<script>
+import ContactsGroupSelectPanel from './contacts-group-select-panel.vue'
+
+export default {
+	name: 'BiContactsGroupSelect',
+	components: {
+		ContactsGroupSelectPanel
+	},
+	props: {
+		value: {
+			type: String
+		},
+		type: {
+			type: String,
+			validator (value) {
+				return ['room', 'friend'].includes(value)
+			}
+		}
+	},
+	data () {
+		return {
+			loading: false,
+			friendGroupData: [],
+			roomGroupData: []
+		}
+	},
+	computed: {
+		currentGroup () {
+			if (!this.value) {
+				return
+			}
+			let group = this.friendGroupData.find(v => v.id === this.value)
+			if (!group) {
+				group = this.roomGroupData.find(v => v.id === this.value)
+			}
+			return group
+		}
+	},
+	created () {
+		this.loadData()
+	},
+	methods: {
+		loadData () {
+			this.loading = true
+			if (this.type === 'friend') {
+				return Promise.all([
+					this.$clientChat.contacts.loadFriendGroupData()
+				]).then(rs => {
+					this.friendGroupData = rs[0].data
+				}).finally(() => {
+					this.loading = false
+				})
+			} else if (this.type === 'room') {
+				return Promise.all([
+					this.$clientChat.contacts.loadRoomGroupData()
+				]).then(rs => {
+					this.roomGroupData = rs[0].data
+				}).finally(() => {
+					this.loading = false
+				})
+			}
+		},
+		handleCancelClick () {
+			this.$refs.popup.close()
+		},
+		handleConfirmClick (value) {
+			this.$emit('input', value)
+			this.$refs.popup.close()
+		},
+		handlePopupChange ({ show }) {
+			this.showPopup = show
+			if (show) {
+				uni.hideTabBar()
+			} else {
+				uni.showTabBar()
+			}
+		},
+		handleHandleClick () {
+			this.$refs.popup.open()
+		}
+	}
+}
+</script>
+
+<style lang="less">
+.bi-account-select__handle {
+	position: relative;
+	padding-right: 18px;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	height: 32px;
+	line-height: 32px;
+	display: inline-block;
+	&:after {
+		content: '';
+		width: 6px;
+		height: 6px;
+		border: 1px solid #ccc;
+		border-left: 0;
+		border-top: 0;
+		transform: rotate(45deg) translateY(-50%);
+		position: absolute;
+		right: 6px;
+		top: 50%;
+		margin-top: -3px;
+	}
+}
+.bi-account-select__loading{
+	vertical-align: top;
+	margin-top: 7px;
+}
+.bi-account-select__placeholder{
+	color: #999;
+}
+</style>

package/components/wework-chat-control/wework-chat-control-config-item.vue

@@ -1,24 +0,0 @@
-<script>
-export default {
-    name: 'SdkWeworkChatControlConfigItem',
-    functional: true,
-    inject: {
-        SdkWeworkChatControlConfig: {
-            default: null
-        }
-    },
-    props: {
-        /**
-         * 消息类型
-        */
-        msgType: {
-            type: [Number, String]
-        }
-    },
-    render (h, c) {
-        return c.scopedSlots.default({
-            configData: c.injections.SdkWeworkChatControlConfig ? c.injections.SdkWeworkChatControlConfig.getControlConfig(c.props.msgType) : null
-        })
-    }
-}
-</script>

package/components/wework-chat-control/wework-chat-control-config-msg.vue

@@ -1,25 +0,0 @@
-<script>
-export default {
-    name: 'SdkWeworkChatControlConfigMsg',
-    functional: true,
-    inject: {
-        SdkWeworkChatControlConfig: {
-            default: null
-        }
-    },
-    props: {
-        /**
-         * 标准的企微客户端消息数据
-        */
-        msgData: {
-            type: Object,
-            required: true
-        }
-    },
-    render (h, c) {
-        return c.scopedSlots.default({
-            configData: c.injections.SdkWeworkChatControlConfig ? c.injections.SdkWeworkChatControlConfig.getMessageConfig(c.props.msgData) : null
-        })
-    }
-}
-</script>

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

@@ -1,73 +0,0 @@
-<template>
-  <div class="sdk-wework-panel-chat-status">
-    <!-- status: 0 success, 1 sending, 2 failed, 3 timeout -->
-    <template v-if="data.status === 1">
-      <ui-loading size="mini"></ui-loading>
-    </template>
-    <template v-else-if="data.status === 2">
-      <bi-tooltip :text="data.resultMsg || '发送失败'">
-        <span class="sdk-wework-panel-chat-status__error">
-          <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-486.997334L391.338667 330.965333 330.965333 391.338667 451.669333 512l-120.704 120.661333 60.373334 60.373334L512 572.330667l120.661333 120.704 60.373334-60.373334L572.330667 512l120.704-120.661333-60.373334-60.373334L512 451.669333z" fill="currentColor"></path></svg>
-        </span>
-      </bi-tooltip>
-    </template>
-    <template v-else-if="data.status === 3">
-      <bi-tooltip :text="data.resultMsg || '发送超时'">
-        <span class="sdk-wework-panel-chat-status__error">
-          <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m42.666667-426.666667V298.666667h-85.333334v298.666666h256v-85.333333h-170.666666z" fill="currentColor"></path></svg>
-        </span>
-      </bi-tooltip>
-    </template>
-    <template v-if="data.recalled">
-      <bi-tooltip text="消息已撤回">
-        <span class="sdk-wework-panel-chat-status__error sdk-wework-panel-chat-status__recalled">
-          <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M512 0c282.752 0 512 229.248 512 512s-229.248 512-512 512S0 794.752 0 512 229.248 0 512 0z m-50.261333 255.317333c-7.765333-39.338667-39.893333-15.36-39.893334-15.36l-213.76 192c-47.616 34.944-2.730667 60.458667-2.730666 60.458667l211.541333 190.933333c42.410667 33.066667 45.866667-17.749333 45.866667-17.749333v-86.442667c215.125333-70.144 303.36 208.341333 303.36 208.341334 7.936 15.957333 13.824 0 13.824 0C862.933333 368.682667 461.952 348.586667 461.952 348.586667z" fill="currentColor"></path></svg>
-        </span>
-      </bi-tooltip>
-    </template>
-  </div>
-</template>
-
-<script>
-import { Tooltip as BiTooltip } from '@aochuang/common/common'
-import { Loading as UiLoading } from '@aochuang/common/components'
-
-export default {
-  name: 'SdkWeworkPanelChatStatus',
-  components: {
-    BiTooltip,
-    UiLoading
-  },
-  props: {
-    data: {
-      type: Object,
-      required: true
-    },
-    updateChatBoxProp: {
-      type: Function
-    }
-  }
-}
-</script>
-
-<style lang="less">
-.sdk-wework-panel-chat-status__error {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  font-size: 12px;
-  color: #c00;
-  width: 16px;
-  height: 16px;
-  svg {
-    width: 100%;
-    height: 100%;
-  }
-}
-.sdk-wework-panel-chat-status__recalled {
-  opacity: .6;
-}
-.sdk-wework-panel-chat-status {
-  margin: 0 6px;
-}
-</style>