@aochuang/client-sdk 1.0.376 → 1.0.377

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/channel-card/channel-card.vue

@@ -1,144 +0,0 @@
-<template>
-  <div class="sdk-chat-control-channel-card" :class="['sdk-chat-control-channel-card--' + type]">
-    <template v-if="type === 'default' || type === 'thumb'">
-      <div class="sdk-chat-control-channel-card__main">
-        <div class="sdk-chat-control-channel-card__avatar">
-          <sdk-avatar :src="avatar" :radius="false" size="medium"></sdk-avatar>
-        </div>
-        <div class="sdk-chat-control-channel-card__fields">
-          <div class="sdk-chat-control-channel-card__title">{{name}}</div>
-          <div class="sdk-chat-control-channel-card__summary">{{description}}</div>
-        </div>
-      </div>
-      <div class="sdk-chat-control-channel-card__foot">
-        <span class="sdk-chat-control-channel-card__category">视频号名片</span>
-      </div>
-    </template>
-    <template v-else-if="type === 'quote'">
-      <div class="sdk-chat-control-channel-card__icon"></div>
-      <div class="sdk-chat-control-channel-card__title">{{name}}</div>
-      <div class="sdk-chat-control-channel-card__avatar">
-        <sdk-avatar :src="avatar" :radius="false" size="medium"></sdk-avatar>
-      </div>
-    </template>
-  </div>
-</template>
-<script>
-import { parse } from '../../../utils/json'
-import SdkAvatar from '../../../common/avatar'
-import { formatOssPath } from '@aochuang/common/utils/oss'
-
-export default {
-  name: 'SdkChatControlChannelCard',
-  components: {
-    SdkAvatar
-  },
-  props: {
-    id: {
-      type: String
-    },
-    content: {
-      type: [String, Object]
-    },
-    type: {
-      type: String,
-      default: 'default',
-      validator (value) {
-        return ['quote', 'default', 'thumb'].includes(value)
-      }
-    },
-    updateChatBoxProp: {
-      type: Function
-    }
-  },
-  computed: {
-    nextContent () {
-      return parse(this.content) || {}
-    },
-    description () {
-      return this.nextContent.desc || ''
-    },
-    name () {
-      return (this.nextContent.title || '').replace(/^\[视频号名片\]\s*/, '')
-    },
-    avatar () {
-      return formatOssPath(this.nextContent.imageUrl)
-    },
-    url () {
-      return this.nextContent.url
-    }
-  },
-  created () {
-    if (this.url && this.updateChatBoxProp) {
-      this.updateChatBoxProp('href', this.url)
-    }
-  }
-}
-</script>
-<style lang="less">
-.sdk-chat-control-channel-card--default,
-.sdk-chat-control-channel-card--thumb{
-  width: 248px;
-  max-width: 100%;
-  line-height: 1.5em;
-  .sdk-chat-control-channel-card__main{
-    display: flex;
-    flex-direction: row;
-    padding: 10px;
-  }
-  .sdk-chat-control-channel-card__fields{
-    flex: 1;
-    min-width: 0;
-    padding-left: 10px;
-  }
-  .sdk-chat-control-channel-card__title{
-    font-size: 14px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .sdk-chat-control-channel-card__summary{
-    color: #888;
-    font-size: 12px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin-top: 6px;
-  }
-  .sdk-chat-control-channel-card__foot{
-    border-top: 1px solid #eee;
-    height: 24px;
-    line-height: 24px;
-    padding: 0 10px;
-    box-sizing: content-box;
-  }
-  .sdk-chat-control-channel-card__category{
-    color: #999;
-    font-size: 12px;
-  }
-}
-.sdk-chat-control-channel-card--thumb{
-  border: 1px solid #eee;
-  background-color: #fff;
-  border-radius: 4px;
-}
-.sdk-chat-control-channel-card--quote {
-  display: flex;
-  flex-direction: row;
-  .sdk-chat-control-channel-card__icon {
-    display: inline-block;
-    width: 18px;
-    height: 18px;
-    margin-right: 4px;
-    min-width: 18px;
-    vertical-align: top;
-    margin-top: 2px;
-    color: #999;
-    background: url('../company-card/quote-icon.svg') no-repeat 50% 50%;
-    background-size: cover;
-  }
-  .sdk-chat-control-channel-card__title{
-    margin-right: 6px;
-  }
-}
-</style>

package/components/wework-chat-control/merge-message/merge-message-panel.vue

@@ -1,63 +0,0 @@
-<template>
-  <ui-dialog v-model="innerVisible" :title="title" size="small" :close-on-click-modal="true">
-    <div class="sdk-wework-chat-control-merge-message__dialog">
-      <div v-for="(message, index) in detailMessages" :key="index" class="sdk-wework-chat-control-merge-message__detail-item">
-        <img v-if="message.avatar" class="sdk-wework-chat-control-merge-message__avatar" :src="message.avatar" alt="">
-        <div v-else class="sdk-wework-chat-control-merge-message__avatar sdk-wework-chat-control-merge-message__avatar--empty">{{ message.sender.slice(0, 1) }}</div>
-        <div class="sdk-wework-chat-control-merge-message__detail-main">
-          <div class="sdk-wework-chat-control-merge-message__detail-head">
-            <span class="sdk-wework-chat-control-merge-message__detail-sender">{{ message.sender }}</span>
-            <span v-if="message.corpName" class="sdk-wework-chat-control-merge-message__detail-corp">@{{ message.corpName }}</span>
-            <span class="sdk-wework-chat-control-merge-message__detail-time">{{ message.time }}</span>
-          </div>
-          <ui-image v-if="message.image" :src="message.image" width="160px" height="160px" fit="cover" :previewable="true"></ui-image>
-          <div v-else class="sdk-wework-chat-control-merge-message__detail-content">{{ message.detail }}</div>
-        </div>
-      </div>
-      <div v-if="!detailMessages.length" class="sdk-wework-chat-control-merge-message__dialog-empty">暂无聊天记录</div>
-    </div>
-  </ui-dialog>
-</template>
-
-<script>
-import { Dialog as UiDialog, Image as UiImage } from '@aochuang/common/components'
-import { parse } from '../../../utils/json'
-import { normalizeMergeMessage } from './util'
-
-export default {
-  name: 'SdkWeworkChatControlMergeMessagePanel',
-  components: { UiDialog, UiImage },
-  props: {
-    value: { type: Boolean, default: false },
-    title: { type: String, default: '聊天记录' },
-    messages: { type: [Array, String, Object], default: () => [] }
-  },
-  computed: {
-    innerVisible: {
-      get () { return this.value },
-      set (value) { this.$emit('input', value) }
-    },
-    detailMessages () {
-      let messages = this.messages
-      if (typeof messages === 'string') messages = parse(messages)
-      if (!Array.isArray(messages)) return []
-      return messages.map(message => normalizeMergeMessage(message || {}))
-    }
-  }
-}
-</script>
-
-<style lang="less">
-.sdk-wework-chat-control-merge-message__dialog { max-height: 560px; overflow-y: auto; padding: 0 24px 24px; }
-.sdk-wework-chat-control-merge-message__detail-item { display: flex; padding: 12px 0; border-bottom: 1px solid #eee; }
-.sdk-wework-chat-control-merge-message__detail-item:last-child { border-bottom: 0; }
-.sdk-wework-chat-control-merge-message__avatar { flex: none; width: 36px; height: 36px; margin-right: 10px; border-radius: 5px; object-fit: cover; }
-.sdk-wework-chat-control-merge-message__avatar--empty { background: #eee; color: #888; font-size: 16px; line-height: 36px; text-align: center; }
-.sdk-wework-chat-control-merge-message__detail-main { flex: 1; min-width: 0; }
-.sdk-wework-chat-control-merge-message__detail-head { display: flex; align-items: baseline; min-height: 20px; line-height: 20px; }
-.sdk-wework-chat-control-merge-message__detail-sender { color: #8b8e98; font-size: 13px; }
-.sdk-wework-chat-control-merge-message__detail-corp { color: #f18b32; font-size: 12px; }
-.sdk-wework-chat-control-merge-message__detail-time { margin-left: auto; padding-left: 12px; color: #9699a3; font-size: 12px; white-space: nowrap; }
-.sdk-wework-chat-control-merge-message__detail-content { padding-top: 4px; color: #222; font-size: 14px; line-height: 22px; white-space: pre-wrap; word-break: break-word; }
-.sdk-wework-chat-control-merge-message__dialog-empty { padding: 24px; color: #999; text-align: center; }
-</style>

package/components/wework-chat-control/merge-message/merge-message.vue

@@ -1,84 +0,0 @@
-<template>
-  <div class="sdk-wework-chat-control-merge-message" :class="'sdk-wework-chat-control-merge-message--' + type">
-    <template v-if="type === 'quote'">
-      [聊天记录]{{ title }}
-    </template>
-    <template v-else>
-      <div class="sdk-wework-chat-control-merge-message__card" @click="openDetail">
-        <div class="sdk-wework-chat-control-merge-message__title">{{ title }}</div>
-        <div v-if="messages.length" class="sdk-wework-chat-control-merge-message__list">
-          <div v-for="(message, index) in messages" :key="index" class="sdk-wework-chat-control-merge-message__item">
-            <span class="sdk-wework-chat-control-merge-message__sender">{{ message.sender }}</span>
-            <span class="sdk-wework-chat-control-merge-message__separator">：</span>
-            <span class="sdk-wework-chat-control-merge-message__summary">{{ message.summary }}</span>
-          </div>
-        </div>
-        <div v-else class="sdk-wework-chat-control-merge-message__empty">暂无聊天记录</div>
-        <div class="sdk-wework-chat-control-merge-message__foot">聊天记录</div>
-      </div>
-    </template>
-    <merge-message-panel v-model="dialogVisible" :title="title" :messages="data.messages"></merge-message-panel>
-  </div>
-</template>
-
-<script>
-import { parse } from '../../../utils/json'
-import MergeMessagePanel from './merge-message-panel.vue'
-import { getMessageSummary } from './util'
-
-export default {
-  name: 'SdkWeworkChatControlMergeMessage',
-  components: { MergeMessagePanel },
-  props: {
-    id: { type: String },
-    content: { type: [String, Object] },
-    type: {
-      type: String,
-      default: 'default',
-      validator (value) {
-        return ['quote', 'default', 'thumb'].includes(value)
-      }
-    }
-  },
-  data () {
-    return { dialogVisible: false }
-  },
-  computed: {
-    data () {
-      const value = parse(this.content)
-      return value && typeof value === 'object' ? value : {}
-    },
-    title () {
-      return this.data.title || '聊天记录'
-    },
-    messages () {
-      if (!Array.isArray(this.data.messages)) return []
-      return this.data.messages.map(message => ({
-        sender: message && (message.senderName || message.name || message.sender || '未知联系人'),
-        summary: getMessageSummary(message || {})
-      }))
-    }
-  },
-  methods: {
-    openDetail () {
-      if (this.type !== 'quote') this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="less">
-.sdk-wework-chat-control-merge-message { display: inline-block; max-width: 100%; color: #222; }
-.sdk-wework-chat-control-merge-message__card { width: 248px; max-width: 100%; overflow: hidden; border-radius: 6px; background: #f1f1f3; }
-.sdk-wework-chat-control-merge-message__title { padding: 11px 12px 6px; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
-.sdk-wework-chat-control-merge-message__list { padding: 0 12px 7px; }
-.sdk-wework-chat-control-merge-message__item { display: flex; min-width: 0; color: #96969b; font-size: 12px; line-height: 18px; }
-.sdk-wework-chat-control-merge-message__sender, .sdk-wework-chat-control-merge-message__separator { flex: none; }
-.sdk-wework-chat-control-merge-message__sender { max-width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.sdk-wework-chat-control-merge-message__summary { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
-.sdk-wework-chat-control-merge-message__empty { padding: 0 12px 9px; color: #96969b; font-size: 12px; line-height: 18px; }
-.sdk-wework-chat-control-merge-message__foot { height: 27px; padding: 0 12px; border-top: 1px solid rgba(0, 0, 0, .08); color: #999; font-size: 12px; line-height: 27px; }
-.sdk-wework-chat-control-merge-message__card { cursor: pointer; }
-.sdk-wework-chat-control-merge-message--thumb { width: 100%; .sdk-wework-chat-control-merge-message__card { width: 100%; } }
-.sdk-wework-chat-control-merge-message--quote { color: #888; font-size: 12px; }
-</style>

package/components/wework-chat-control/merge-message/util.js

@@ -1,59 +0,0 @@
-import { formatOssPath } from '@aochuang/common/utils/oss'
-import { parse } from '../../../utils/json'
-import { MESSAGE_TYPE } from '../util'
-
-export const TYPE_LABELS = {
-  [MESSAGE_TYPE.IMAGE]: '[图片]', [MESSAGE_TYPE.VOICE]: '[语音]', [MESSAGE_TYPE.VIDEO]: '[视频]',
-  [MESSAGE_TYPE.URLFile]: '[文件]', [MESSAGE_TYPE.URL]: '[链接]', [MESSAGE_TYPE.URLNew]: '[文件]',
-  [MESSAGE_TYPE.CUSTOM_EXPRESSION]: '[表情]', [MESSAGE_TYPE.LOCATION]: '[位置]',
-  [MESSAGE_TYPE.CALLING]: '[语音通话]', [MESSAGE_TYPE.RED_ENVELOPES]: '[红包]',
-  [MESSAGE_TYPE.SHARE_CARD]: '[名片]', [MESSAGE_TYPE.CHANNEL_VIDEO]: '[视频号]',
-  [MESSAGE_TYPE.CHANNEL_VIDEO_LIVE]: '[视频号直播]', [MESSAGE_TYPE.MEETING]: '[会议]'
-}
-
-export const MERGED_TYPE_LABELS = {
-  3: '[图片]', 4: '[语音]', 5: '[视频]', 6: '[文件]', 7: '[位置]', 8: '[链接]',
-  9: '[名片]', 10: '[表情]', 11: '[语音通话]', 12: '[视频通话]'
-}
-
-export function parseMessageContent (content) {
-  const parsed = parse(content)
-  if (parsed && typeof parsed === 'object') {
-    const value = parsed.text || parsed.content || parsed.desc || ''
-    return typeof value === 'string' || typeof value === 'number' ? String(value) : ''
-  }
-  return parsed == null ? '' : String(parsed)
-}
-
-export function getMessageSummary (message) {
-  const type = Number(message && message.contentType)
-  const contentText = parseMessageContent(message && message.content)
-  if (type === 0 || type === 1 || type === 2) return contentText || '[文本]'
-  return MERGED_TYPE_LABELS[type] || TYPE_LABELS[type] || contentText || '[未知消息]'
-}
-
-export function formatMessageTime (timestamp) {
-  const date = new Date(timestamp)
-  if (Number.isNaN(date.getTime())) return ''
-  const pad = value => String(value).padStart(2, '0')
-  return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日 ${pad(date.getHours())}:${pad(date.getMinutes())}`
-}
-
-export function normalizeMergeMessage (message) {
-  const item = message || {}
-  const content = parse(item.content)
-  const contentObject = content && typeof content === 'object' ? content : {}
-  const type = Number(item.contentType)
-  const rawTime = item.time || item.sendTime || item.timestamp
-  let timestamp = Number(rawTime)
-  if (timestamp && timestamp < 100000000000) timestamp *= 1000
-  const image = contentObject.imageUrl || contentObject.thumbUrl || contentObject.picUrl || contentObject.resPath
-  return {
-    sender: item.senderName || item.name || item.sender || '未知联系人',
-    corpName: item.corpName || item.corp || '',
-    avatar: item.avatarUrl || item.senderAvatarUrl || item.avatar || '',
-    time: timestamp ? formatMessageTime(timestamp) : '',
-    image: (type === 3 || type === MESSAGE_TYPE.IMAGE) && image ? formatOssPath(image) : '',
-    detail: getMessageSummary(item)
-  }
-}

package/components/wework-chat-control/metting/meeting-video.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-  <path d="M725.333333 392.533333 947.754667 236.8a21.333333 21.333333 0 0 1 33.578666 17.493333v515.413334a21.333333 21.333333 0 0 1-33.578666 17.493333L725.333333 631.466667V810.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h597.333334a42.666667 42.666667 0 0 1 42.666666 42.666666v179.2z" fill="#fff"/>
-</svg>