@aochuang/client-sdk 1.0.376-wework → 1.0.377

package/components/wework-chat-control/metting/metting.vue

@@ -1,181 +0,0 @@
-<template>
-  <div class="sdk-chat-wework-control-metting" :class="'sdk-chat-wework-control-metting--' + type">
-    <template v-if="type === 'default' || type === 'thumb'">
-      <div class="sdk-chat-wework-control-metting__card">
-        <div class="sdk-chat-wework-control-metting__main">
-          <div class="sdk-chat-wework-control-metting__info">
-            <div class="sdk-chat-wework-control-metting__title">{{ title }}</div>
-            <div class="sdk-chat-wework-control-metting__description">{{ description }}</div>
-            <div class="sdk-chat-wework-control-metting__initiator" v-if="initiatorText">{{ initiatorText }}</div>
-          </div>
-          <div class="sdk-chat-wework-control-metting__video-icon">
-            <img src="./meeting-video.svg" alt="会议" />
-          </div>
-        </div>
-        <div class="sdk-chat-wework-control-metting__brand">
-          <img src="./enterprise-wechat.png" alt="" />
-          <span>企业微信</span>
-        </div>
-      </div>
-    </template>
-    <template v-else-if="type === 'quote'">
-      <div class="sdk-chat-wework-control-metting__quote-icon">
-        <img src="./meeting-video.svg" alt="会议" />
-      </div>
-      <div class="sdk-chat-wework-control-metting__quote-title">{{ title }}</div>
-    </template>
-  </div>
-</template>
-<script>
-import { parse } from '../../../utils/json'
-
-export default {
-  name: 'SdkChatControlMetting',
-  props: {
-    id: {
-      type: String
-    },
-    content: {
-      type: [String, Object]
-    },
-    initiator: {
-      type: String
-    },
-    updateChatBoxProp: {
-      type: Function
-    },
-    type: {
-      type: String,
-      default: 'default',
-      validator (value) {
-        return ['quote', 'default', 'thumb'].includes(value)
-      }
-    }
-  },
-  computed: {
-    nextContent () {
-      return parse(this.content) || {}
-    },
-    title () {
-      return this.nextContent.title || '企业微信会议'
-    },
-    description () {
-      return this.nextContent.desc || '会议已开始，请尽快入会'
-    },
-    initiatorText () {
-      return this.initiator ? `发起人：${this.initiator}` : ''
-    },
-    url () {
-      return this.nextContent.url
-    }
-  },
-  created () {
-    if (this.url && this.updateChatBoxProp) {
-      this.updateChatBoxProp('href', this.url)
-    }
-  }
-}
-</script>
-<style lang="less">
-.sdk-chat-wework-control-metting {
-  display: inline-block;
-  max-width: 100%;
-  color: #222;
-}
-.sdk-chat-wework-control-metting__card {
-  width: 248px;
-  max-width: 100%;
-  padding: 10px 10px 8px;
-  box-sizing: border-box;
-  border-radius: 6px;
-  background-color: #f1f1f3;
-}
-.sdk-chat-wework-control-metting__main {
-  display: flex;
-  align-items: center;
-}
-.sdk-chat-wework-control-metting__info {
-  flex: 1;
-  min-width: 0;
-  min-height: 64px;
-}
-.sdk-chat-wework-control-metting__title {
-  overflow: hidden;
-  color: #222;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 20px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-bottom: 6px;
-}
-.sdk-chat-wework-control-metting__description,
-.sdk-chat-wework-control-metting__initiator {
-  overflow: hidden;
-  color: #8a8a8a;
-  font-size: 12px;
-  line-height: 17px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.sdk-chat-wework-control-metting__video-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  min-width: 48px;
-  margin-left: 10px;
-  border-radius: 3px;
-  background-color: #4b91f1;
-  img {
-    width: 26px;
-    height: 26px;
-  }
-}
-.sdk-chat-wework-control-metting__brand {
-  display: flex;
-  align-items: center;
-  height: 18px;
-  margin-top: 6px;
-  color: #999;
-  font-size: 12px;
-  line-height: 18px;
-  img {
-    width: 15px;
-    height: 15px;
-    margin-right: 4px;
-  }
-}
-.sdk-chat-wework-control-metting--thumb {
-  width: 100%;
-  .sdk-chat-wework-control-metting__card {
-    width: 100%;
-  }
-}
-.sdk-chat-wework-control-metting--quote {
-  display: flex;
-  align-items: center;
-  max-width: 320px;
-  .sdk-chat-wework-control-metting__quote-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 22px;
-    height: 22px;
-    min-width: 22px;
-    margin-right: 6px;
-    border-radius: 2px;
-    background-color: #4b91f1;
-    img {
-      width: 14px;
-      height: 14px;
-    }
-  }
-  .sdk-chat-wework-control-metting__quote-title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-</style>

package/components/wework-chat-control/text/text-default.vue

@@ -1,99 +0,0 @@
-<template>
-  <div class="sdk-chat-wework-control-text" :class="['sdk-chat-wework-control-text--' + type]">
-    <div class="sdk-chat-wework-control-text__main">
-      <template v-if="hasScroll">
-        <ui-popover :value="showPopover" @input="handleShowPopoverChange">
-          <template slot="reference">
-            <div class="sdk-chat-wework-control-text__content" v-html="html" ref="popoverContent"></div>
-          </template>
-          <div class="sdk-chat-wework-control-text__popover" v-html="html" :style="{'width': popoverWidth}"></div>
-        </ui-popover>
-      </template>
-      <template v-else>
-        <div class="sdk-chat-wework-control-text__content" v-html="html" ref="content"></div>
-      </template>
-    </div>
-  </div>
-</template>
-<script>
-import {Popover as UiPopover} from '@aochuang/common/components'
-import {parseWechatEmoji} from '@aochuang/common/common/wechat-emoji'
-import {html2Escape} from '../../../utils/string'
-
-function parseTextContent (content) {
-  if (typeof content !== 'string') return content
-  try {
-    const data = JSON.parse(content)
-    return data && typeof data === 'object' ? data : content
-  } catch (e) {
-    return content
-  }
-}
-
-export default {
-  name: 'SdkChatControlTextDefault',
-  components: {UiPopover},
-  props: {
-    id: {type: String},
-    content: {type: [String, Object]},
-    type: {
-      type: String,
-      default: 'default',
-      validator (value) { return ['quote', 'default', 'thumb'].includes(value) }
-    },
-    formatter: {type: Function}
-  },
-  data () {
-    return {hasScroll: false, showPopover: false, popoverWidth: null}
-  },
-  computed: {
-    nextContent () { return parseTextContent(this.content) },
-    text () {
-      return this.nextContent && typeof this.nextContent === 'object' ? this.nextContent.text || '' : this.nextContent
-    },
-    html () {
-      let content = this.formatter ? this.formatter({content: this.nextContent}) : parseWechatEmoji(html2Escape(String(this.text || '')), false)
-      if (!content) return ''
-      content = String(content).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, item => `<a href="${item}" target='_blank'>${item}</a>`)
-      return content.trim()
-    }
-  },
-  mounted () {
-    if (this.$refs.content) this.hasScroll = this.$refs.content.scrollHeight > this.$refs.content.clientHeight
-  },
-  methods: {
-    handleShowPopoverChange (visible) {
-      if (this.$refs.popoverContent && visible) this.popoverWidth = this.$refs.popoverContent.offsetWidth + 'px'
-      this.$nextTick(() => { this.showPopover = visible })
-    }
-  }
-}
-</script>
-<style lang="less">
-.sdk-chat-wework-control-text--default .sdk-chat-wework-control-text__main { padding: 10px; }
-.sdk-chat-wework-control-text--quote .sdk-chat-wework-control-text__content {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  max-width: 420px;
-}
-.sdk-chat-wework-control-text--thumb {
-  background-color: #fff;
-  border: 1px solid #eee;
-  border-radius: 3px;
-  padding: 6px 10px;
-}
-.sdk-chat-wework-control-text--thumb .sdk-chat-wework-control-text__content {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-  overflow: hidden;
-}
-.sdk-chat-wework-control-text__main { white-space: pre-wrap; line-height: 1.5em; word-break: break-all; }
-.sdk-chat-wework-control-text__main img { vertical-align: top; }
-.sdk-chat-wework-control-text__main a { color: #4387ff; }
-.sdk-chat-wework-control-text__main a:hover { color: #4387ff; text-decoration: underline; }
-.sdk-chat-wework-control-text__popover { white-space: pre-wrap; line-height: 1.5em; word-break: break-all; padding: 10px; }
-.sdk-chat-wework-control-text__popover img { vertical-align: top; }
-</style>

package/components/wework-chat-control/text/text-quote.vue

@@ -1,105 +0,0 @@
-<template>
-  <div class="sdk-chat-wework-control-text-quote" :class="['sdk-chat-wework-control-text-quote--' + type]">
-    <text-default :id="id" :content="mainContent" :type="type" :formatter="formatter"></text-default>
-  </div>
-</template>
-<script>
-import {parse} from '../../../utils/json'
-import {chatControls} from '../index'
-import WeworkChatControlConfigMsg from '../wework-chat-control-config-msg.vue'
-import TextDefault from './text-default.vue'
-
-function parseQuoteContent (content) {
-  if (content && typeof content === 'object') return content
-  const parsed = parse(content, {})
-  if (!parsed || typeof parsed !== 'object' || !parsed.quote || typeof content !== 'string') return parsed
-  // JSON.parse converts large企微 message IDs to imprecise Numbers. Restore the
-  // original digit sequence before it is sent to the detail endpoint.
-  const match = content.match(/"messageId"\s*:\s*(?:"([^"]+)"|([0-9]+))/)
-  if (match) parsed.quote.messageId = match[1] || match[2]
-  return parsed
-}
-
-export default {
-  name: 'SdkChatControlTextQuote',
-  components: {TextDefault, WeworkChatControlConfigMsg},
-  props: {
-    id: {type: String},
-    content: {type: [String, Object]},
-    type: {type: String, default: 'default'},
-    formatter: {type: Function},
-    getQuoteMessage: {type: Function},
-    setChatBoxFootVnode: {type: Function}
-  },
-  data () { return {loading: false, quoteMessageData: null, errorMsg: null} },
-  computed: {
-    contentObject () {
-      return parseQuoteContent(this.content)
-    },
-    quoteInfo () { return this.contentObject.quote || {} },
-    mainContent () {
-      const value = Object.assign({}, this.contentObject)
-      delete value.quote
-      return JSON.stringify(value)
-    },
-    quoteText () { return this.quoteInfo.text || '引用消息' },
-    quoteAuthor () {
-      const message = this.quoteMessageData || {}
-      return this.quoteInfo.sendName || message.userName || message.contactName || message.roomName || this.quoteInfo.sendId || '引用消息'
-    },
-    quoteControl () {
-      return chatControls[this.quoteMessageData && this.quoteMessageData.msgType] || TextDefault
-    },
-    quoteFootComponent () {
-      return {
-        render: h => {
-          const content = [h('div', {class: 'sdk-chat-wework-control-text-quote__author'}, [this.quoteAuthor])]
-          if (this.loading) {
-            content.push(h('div', {class: 'sdk-chat-wework-control-text-quote__status'}, ['引用内容正在加载中...']))
-          } else if (this.quoteMessageData) {
-            content.push(h(WeworkChatControlConfigMsg, {
-              props: {msgData: this.quoteMessageData},
-              scopedSlots: {
-                default: ({configData}) => h(this.quoteControl, {
-                  props: Object.assign({}, configData, {id: this.id + '_quote', content: this.quoteMessageData.content, type: 'quote'})
-                })
-              }
-            }))
-          } else {
-            content.push(h('div', {class: 'sdk-chat-wework-control-text-quote__content'}, [this.quoteText]))
-            if (this.errorMsg) content.push(h('div', {class: 'sdk-chat-wework-control-text-quote__status'}, [this.errorMsg]))
-          }
-          return h('div', {class: 'sdk-chat-wework-control-text-quote__box'}, content)
-        }
-      }
-    }
-  },
-  created () {
-    if (this.setChatBoxFootVnode) this.setChatBoxFootVnode(this.quoteFootComponent)
-    if (!this.getQuoteMessage || !this.quoteInfo.messageId || !this.quoteInfo.sendTime) {
-      this.errorMsg = '未找到引用消息内容，请在手机中确认'
-      return
-    }
-    this.loading = true
-    this.getQuoteMessage({
-      msgId: String(this.quoteInfo.messageId),
-      sendTime: this.quoteInfo.sendTime,
-      content: this.quoteInfo
-    }).then(data => {
-      this.quoteMessageData = data && data.data ? data.data : data
-      if (!this.quoteMessageData) this.errorMsg = '未找到引用消息内容，请在手机中确认'
-      if (this.setChatBoxFootVnode) this.setChatBoxFootVnode(this.quoteFootComponent)
-    }).catch(() => {
-      this.errorMsg = '未找到引用消息内容，请在手机中确认'
-      if (this.setChatBoxFootVnode) this.setChatBoxFootVnode(this.quoteFootComponent)
-    }).finally(() => { this.loading = false })
-  }
-}
-</script>
-<style lang="less">
-.sdk-chat-wework-control-text-quote { min-width: 0; }
-.sdk-chat-wework-control-text-quote__box { margin: 10px 0 0; padding: 7px 8px; background: rgba(0, 0, 0, .06); border-radius: 3px; max-width: 420px; line-height: 1.5em; }
-.sdk-chat-wework-control-text-quote__author { color: #999; word-break: break-all; }
-.sdk-chat-wework-control-text-quote__content, .sdk-chat-wework-control-text-quote__status { white-space: pre-wrap; word-break: break-all; }
-.sdk-chat-wework-control-text-quote__status { color: #999; font-size: 12px; }
-</style>

package/components/wework-chat-control/url/url-channel-live.vue

@@ -1,53 +0,0 @@
-<script>
-import { parse } from '../../../utils/json'
-import ChannelLive from '../channel-live/channel-live'
-
-export default {
-  name: 'SdkWeworkControlUrlChannelLive',
-  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) || {}
-    },
-    channelLiveContent () {
-      return {
-        url: this.nextContent.url,
-        coverUrl: this.nextContent.imageUrl,
-        nickname: this.nextContent.desc,
-        desc: (this.nextContent.title || '').replace(/^\[视频号直播\]\s*/, '')
-      }
-    }
-  },
-  created () {
-    if (this.nextContent.url && this.updateChatBoxProp) {
-      this.updateChatBoxProp('href', this.nextContent.url)
-    }
-  },
-  render (h) {
-    return h(ChannelLive, {
-      props: {
-        id: this.id,
-        content: this.channelLiveContent,
-        type: this.type
-      }
-    })
-  }
-}
-</script>

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>