@aochuang/client-sdk 1.0.278

package/components/wechat-chat-control/channel-video-card/channel-video-card.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="sdk-chat-control-channel-card" :class="['sdk-chat-control-channel-card--' + type]">
+    <template v-if="type === 'default'">
+      <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">{{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>
+      <sdk-avatar :src="avatar" :radius="false" size="medium"></sdk-avatar>
+    </template>
+  </div>
+</template>
+<script>
+import SdkAvatar from '../../../common/avatar'
+import { parse, parseXml } from '../../../utils/json'
+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'].includes(value)
+      }
+    }
+  },
+  computed: {
+    nextContent () {
+      let content = parse(this.content) || {}
+      if (typeof content === 'string') {
+        const xmlData = parseXml(content)
+        if (xmlData && xmlData.msg && xmlData.msg.appmsg && xmlData.msg.appmsg.findernamecard) {
+          content = {
+            nickname: xmlData.msg.appmsg.findernamecard.nickname,
+            openimdesc: xmlData.msg.appmsg.des,
+            thumbOssUrl: xmlData.msg.appmsg.findernamecard.avatar
+          }
+        }
+      }
+      return content
+    },
+    description () {
+      return this.nextContent.openimdesc
+    },
+    name () {
+      return this.nextContent.nickname
+    },
+    avatar () {
+      return formatOssPath(this.nextContent.thumbOssUrl)
+    },
+    category () {
+      return '视频号名片'
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-control-channel-card--default{
+  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--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('./quote-icon.svg') no-repeat 50% 50%;
+    background-size: cover;
+  }
+  .sdk-chat-control-channel-card__title{
+    margin-right: 6px;
+  }
+}
+</style>

package/components/wechat-chat-control/channel-video-card/quote-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1752135845209" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3194" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M814.90202166 816.16168757c-13.90455388-120.36129661-143.30381112-217.25865863-302.90202166-217.25865863s-288.95401598 96.89736202-302.90202166 217.25865863H814.85856987zM512 555.45129721c185.71270135 0 337.402697 118.31906538 347.13588485 267.22815012a43.40827994 43.40827994 0 0 1-43.01721455 36.93397197H207.8813297a43.19102101 43.19102101 0 0 1-43.01721455-36.89052018C174.55385122 673.77036259 326.28729865 555.45129721 512 555.45129721z m0-86.90346346a130.35519518 130.35519518 0 1 0 0-260.71039036 130.35519518 130.35519518 0 0 0 0 260.71039036z m0 43.45173174a173.80692691 173.80692691 0 1 1 0-347.61385382 173.80692691 173.80692691 0 0 1 0 347.61385382z" fill="#999" p-id="3195"></path></svg>

package/components/wechat-chat-control/company-card/company-card.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="sdk-chat-control-company-card" :class="['sdk-chat-control-company-card--' + type]">
+    <template v-if="type === 'default' || type === 'thumb'">
+      <div class="sdk-chat-control-company-card__main">
+        <div class="sdk-chat-control-company-card__avatar">
+          <sdk-avatar :src="avatar" :radius="false" size="medium"></sdk-avatar>
+        </div>
+        <div class="sdk-chat-control-company-card__fields">
+          <div class="sdk-chat-control-company-card__title">{{name}}</div>
+          <div class="sdk-chat-control-company-card__summary">{{description}}</div>
+        </div>
+      </div>
+      <div class="sdk-chat-control-company-card__foot">
+        <span class="sdk-chat-control-company-card__category">{{category}}</span>
+      </div>
+    </template>
+    <template v-else>
+      <div class="sdk-chat-control-company-card__icon"></div>
+      <div class="sdk-chat-control-company-card__title">{{name}}</div>
+      <div class="sdk-chat-control-company-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: 'SdkChatControlCompanyCard',
+  components: {
+    SdkAvatar
+  },
+  props: {
+    id: {
+      type: String
+    },
+    content: {
+      type: [String, Object]
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default', 'thumb'].includes(value)
+      }
+    }
+  },
+  computed: {
+    nextContent () {
+      return parse(this.content) || {}
+    },
+    description () {
+      return this.nextContent.openimdesc
+    },
+    name () {
+      return this.nextContent.nickname
+    },
+    avatar () {
+      return formatOssPath(this.nextContent.bigheadimgurl)
+    },
+    category () {
+      return '企业微名片'
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-control-company-card--default,
+.sdk-chat-control-company-card--thumb{
+  width: 248px;
+  max-width: 100%;
+  line-height: 1.5em;
+  .sdk-chat-control-company-card__main{
+    display: flex;
+    flex-direction: row;
+    padding: 10px;
+  }
+  .sdk-chat-control-company-card__fields{
+    flex: 1;
+    min-width: 0;
+    padding-left: 10px;
+  }
+  .sdk-chat-control-company-card__title{
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .sdk-chat-control-company-card__summary{
+    color: #888;
+    font-size: 12px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-top: 6px;
+  }
+  .sdk-chat-control-company-card__foot{
+    border-top: 1px solid #eee;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 10px;
+    box-sizing: content-box;
+  }
+  .sdk-chat-control-company-card__category{
+    color: #999;
+    font-size: 12px;
+  }
+}
+.sdk-chat-control-company-card--thumb{
+  border: 1px solid #eee;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.sdk-chat-control-company-card--quote {
+  display: flex;
+  flex-direction: row;
+  .sdk-chat-control-company-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('./quote-icon.svg') no-repeat 50% 50%;
+    background-size: cover;
+  }
+  .sdk-chat-control-company-card__title{
+    margin-right: 6px;
+  }
+}
+</style>

package/components/wechat-chat-control/company-card/quote-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1752135845209" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3194" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M814.90202166 816.16168757c-13.90455388-120.36129661-143.30381112-217.25865863-302.90202166-217.25865863s-288.95401598 96.89736202-302.90202166 217.25865863H814.85856987zM512 555.45129721c185.71270135 0 337.402697 118.31906538 347.13588485 267.22815012a43.40827994 43.40827994 0 0 1-43.01721455 36.93397197H207.8813297a43.19102101 43.19102101 0 0 1-43.01721455-36.89052018C174.55385122 673.77036259 326.28729865 555.45129721 512 555.45129721z m0-86.90346346a130.35519518 130.35519518 0 1 0 0-260.71039036 130.35519518 130.35519518 0 0 0 0 260.71039036z m0 43.45173174a173.80692691 173.80692691 0 1 1 0-347.61385382 173.80692691 173.80692691 0 0 1 0 347.61385382z" fill="#999" p-id="3195"></path></svg>

package/components/wechat-chat-control/custom-expression/custom-expression.vue

@@ -0,0 +1,45 @@
+<script>
+import { Image } from '@aochuang/common/components'
+
+export default {
+  name: 'SdkChatControlCustomExpression',
+  functional: true,
+  props: {
+    id: {
+      type: String
+    },
+    content: {
+      type: String
+    },
+    /**
+     * 格式化图片地址方法
+    */
+    formatterSrcMethod: {
+      type: Function
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default'].includes(value)
+      }
+    }
+  },
+  render (h, c) {
+    let nextSrc = c.props.content
+    if (c.props.formatterSrcMethod) {
+      nextSrc = c.props.formatterSrcMethod({
+        content: c.props.content
+      })
+    }
+    return h(Image, {
+      props: {
+        src: nextSrc,
+        width: c.props.type === 'quote' ? '60px' : null,
+        height: c.props.type === 'quote' ? '60px' : '120px',
+        fit: 'contain'
+      }
+    })
+  }
+}
+</script>

package/components/wechat-chat-control/empty/empty.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="sdk-chat-control-empty">
+    {{ content }}
+  </div>
+</template>
+<script>
+export default {
+  name: 'SdkChatControlEmpty',
+  props: {
+    id: {
+      type: [String, Number]
+    },
+    content: {
+      type: String
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-control-empty{
+  text-align: center;
+  color: #999;
+  font-size: 12px;
+  width: 100%;
+  padding: 12px;
+}
+</style>

package/components/wechat-chat-control/file-url/file-url.vue

@@ -0,0 +1,307 @@
+<template>
+  <div class="sdk-chat-control-file-url" :class="['sdk-chat-control-file-url--' + type, {'is-border': border}]">
+    <template v-if="type === 'default' || type === 'thumb'">
+      <span class="sdk-chat-control-file-url__info">
+        <div class="sdk-chat-control-file-url__main">
+          <span class="sdk-chat-control-file-url__name" :title="name">{{name}}</span>
+        </div>
+        <div class="sdk-chat-control-file-url__toolbar">
+          <span class="sdk-chat-control-file-url__size" v-if="fileSize">{{fileSize}}</span>
+          <span class="sdk-chat-control-file-url__download" v-if="innerAllowDownload" @click.stop.prevent>
+            <template v-if="downloadTips">
+              <bi-tooltip :text="downloadTips" inline>
+                <ui-button size="mini" type="primary" icon="download-line" link :click="handleDownloadClick">下载</ui-button>
+              </bi-tooltip>
+            </template>
+            <template v-else>
+              <ui-button size="mini" type="primary" icon="download-line" link :click="handleDownloadClick">下载</ui-button>
+            </template>
+          </span>
+          <span class="sdk-chat-control-file-url__preview" v-if="innerAllowPreview" @click.stop.prevent>
+            <ui-button size="mini" type="primary" icon="eye-line" link :click="handlePreviewClick">预览</ui-button>
+          </span>
+        </div>
+      </span>
+      <span v-if="fileIcon" class="sdk-chat-control-file-url__icon">
+        <img width="48px" :src="fileIcon" />
+      </span>
+    </template>
+    <template v-else-if="type === 'quote'">
+      <span v-if="fileIcon" class="sdk-chat-control-file-url__icon">
+        <img width="18px" :src="fileIcon" />
+      </span>
+      <span class="sdk-chat-control-file-url__name" :title="name">{{name}}</span>
+    </template>
+  </div>
+</template>
+<script>
+import FileIcon from './icons'
+import { parse } from '../../../utils/json'
+import { formatFileSize } from '../../../utils/file'
+import BiTooltip from '@aochuang/common/common/tooltip'
+
+export default {
+  name: 'SdkChatControlFileUrl',
+  components: {
+    BiTooltip
+  },
+  props: {
+    id: {
+      type: String
+    },
+    content: {
+      type: [String, Object]
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default', 'thumb'].includes(value)
+      }
+    },
+    allowDownload: {
+      type: [Boolean, Function],
+      default: false
+    },
+    downloadMethod: {
+      type: Function
+    },
+    allowPreview: {
+      type: [Boolean, Function],
+      default: false
+    },
+    previewMethod: {
+      type: Function
+    },
+    updateChatBoxProp: {
+      type: Function
+    },
+    getDownloadTipsMethod: {
+      type: Function
+    },
+    cancelDownloadMethod: {
+      type: Function
+    }
+  },
+  inject: {
+    SdkChatPanelBox: {
+      default: null
+    }
+  },
+  data () {
+    return {
+      nextContent: {}
+    }
+  },
+  computed: {
+    url () {
+      return this.nextContent.url || this.nextContent.resUrl
+    },
+    name () {
+      if (!this.nextContent.title) {
+        return this.url
+      }
+      return this.nextContent.title
+    },
+    size () {
+      return this.nextContent.totalLen
+    },
+    fileIcon () {
+      return FileIcon[this.fileExt] || FileIcon.unknow
+    },
+    fileExt () {
+      let ext
+      if (this.name) {
+        ext = this.name.substr(this.name.lastIndexOf('.') + 1)
+      }
+      return ext
+    },
+    fileSize () {
+      if (typeof this.size === 'number') {
+        return formatFileSize(this.size)
+      }
+      return this.size
+    },
+    innerAllowDownload () {
+      if (typeof this.allowDownload === 'function') {
+        return this.allowDownload({
+          content: this.nextContent
+        })
+      }
+      return this.allowDownload
+    },
+    innerAllowPreview () {
+      if (typeof this.allowPreview === 'function') {
+        return this.allowPreview({
+          content: this.nextContent
+        })
+      }
+      return this.allowPreview
+    },
+    downloadTips () {
+      let tips = null
+      if (typeof this.getDownloadTipsMethod === 'function') {
+        tips = this.getDownloadTipsMethod({
+          content: this.nextContent
+        })
+      }
+      return tips
+    },
+    border () {
+      if (this.type === 'quote') {
+        return false
+      }
+      return !this.SdkChatPanelBox
+    }
+  },
+  created () {
+    this.nextContent = parse(this.content) || {}
+    if (this.url && this.updateChatBoxProp) {
+      this.updateChatBoxProp('href', this.url)
+    }
+  },
+  methods: {
+    handleDownloadClick () {
+      if (!this.downloadMethod) {
+        return
+      }
+      return this.downloadMethod({
+        content: this.nextContent,
+        updateContentProp: (prop, value) => {
+          if (!['url'].includes(prop)) {
+            throw new Error('不支持的更新属性' + prop)
+          }
+          this.$set(this.nextContent, prop, value)
+        }
+      })
+    },
+    handlePreviewClick () {
+      if (!this.previewMethod) {
+        return
+      }
+      return this.previewMethod({
+        content: this.nextContent,
+        updateContentProp: (prop, value) => {
+          if (!['url'].includes(prop)) {
+            throw new Error('不支持的更新属性' + prop)
+          }
+          this.$set(this.nextContent, prop, value)
+        }
+      })
+    }
+  },
+  beforeDestroy () {
+    this.cancelDownloadMethod && this.cancelDownloadMethod()
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-control-file-url{
+  display: inline-block;
+  max-width: 100%;
+  &.is-border {
+    border: 1px solid #eee;
+    border-radius: 4px;
+  }
+}
+.sdk-chat-control-file-url--default,
+.sdk-chat-control-file-url--thumb{
+  width: 226px;
+  max-width: 100%;
+  display: flex;
+  flex-direction: row;
+  min-height: 24px;
+  position: relative;
+  padding: 8px;
+  line-height: 1.4em;
+  background-color: #fff;
+  border-radius: 3px;
+  .sdk-chat-control-file-url__info{
+    flex: 1;
+    min-width: 0;
+  }
+  .ac-chatl-control-file__file-foot{
+    border-top: 1px solid #eee;
+    font-size: 12px;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 10px;
+    color: #666;
+    margin-left: -12px;
+    margin-right: -12px;
+    margin-bottom: -10px;
+  }
+  .sdk-chat-control-file-url__download,
+  .sdk-chat-control-file-url__preview{
+    display: inline-block;
+    vertical-align: top;
+    padding-top: 2px;
+  }
+  .sdk-chat-control-file-url__preview {
+    margin-left: 6px;
+  }
+  .sdk-chat-control-file-url__icon{
+    margin-left: 12px;
+    position: relative;
+    img {
+      vertical-align: top;
+    }
+  }
+  .sdk-chat-control-file-url__name{
+    color: #404040;
+    overflow : hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
+  .sdk-chat-control-file-url__toolbar{
+    line-height: 24px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-top: 8px;
+  }
+  .sdk-chat-control-file-url__size{
+    color: #888;
+    + .sdk-chat-control-file-url__download{
+      margin-left: 12px;
+      padding-left: 10px;
+      position: relative;
+      &::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 14px;
+        background-color: #eee;
+      }
+    }
+  }
+}
+.sdk-chat-control-file-url--thumb{
+  width: auto;
+  max-width: 226px;
+  &:hover {
+    background-color: #fff;
+  }
+}
+.sdk-chat-control-file-url--quote {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  .sdk-chat-control-file-url__icon{
+    height: 18px;
+    line-height: 18px;
+    margin-right: 4px;
+    margin-top: 1px;
+    vertical-align: top;
+    display: inline-block;
+    filter: grayscale(100%);
+    opacity: .5;
+  }
+}
+</style>

package/components/wechat-chat-control/file-url/icons/file-excel-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#226a41" d="M563.2 512l119.466667 170.666667h-102.4L512 585.130667 443.733333 682.666667H341.333333l119.466667-170.666667L341.333333 341.333333h102.4l68.266667 97.536L580.266667 341.333333H640V170.666667H213.333333v682.666666h597.333334V341.333333h-128l-119.466667 170.666667zM128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-info-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#c7b5a0" d="M640 170.666667H213.333333v682.666666h597.333334V341.333333h-170.666667V170.666667zM128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667zM469.333333 469.333333h85.333334v256h-85.333334v-256z m0-170.666666h85.333334v85.333333h-85.333334V298.666667z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-music-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M682.666667 341.333333v85.333334h-128v192a106.666667 106.666667 0 1 1-85.333334-104.533334V341.333333h170.666667V170.666667H213.333333v682.666666h597.333334V341.333333h-128zM128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-pdf-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#ca282c" d="M512 682.666667H341.333333V341.333333h170.666667a170.666667 170.666667 0 1 1 0 341.333334z m-85.333333-256v170.666666h85.333333a85.333333 85.333333 0 1 0 0-170.666666h-85.333333z m213.333333-256H213.333333v682.666666h597.333334V341.333333h-170.666667V170.666667zM128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-ppt-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#fc974d" d="M128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667zM213.333333 170.666667v682.666666h597.333334V341.333333h-128v256h-256v85.333334H341.333333V341.333333h298.666667V170.666667H213.333333z m213.333334 256v85.333333h170.666666v-85.333333h-170.666666z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-settings-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M366.72 546.645333a149.76 149.76 0 0 1 0-69.248l-42.325333-24.448 42.666666-73.898666 42.325334 24.448A149.162667 149.162667 0 0 1 469.333333 368.853333V320h85.333334v48.853333c22.698667 6.741333 43.178667 18.773333 59.946666 34.645334l42.325334-24.448 42.666666 73.898666-42.325333 24.448a149.76 149.76 0 0 1 0 69.205334l42.325333 24.448-42.666666 73.898666-42.325334-24.448a149.162667 149.162667 0 0 1-59.946666 34.645334V704h-85.333334v-48.853333a149.162667 149.162667 0 0 1-59.946666-34.645334l-42.325334 24.448-42.666666-73.898666 42.325333-24.405334zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM640 170.666667H213.333333v682.666666h597.333334V341.333333h-170.666667V170.666667zM128 127.658667C128 104.277333 147.072 85.333333 170.624 85.333333H682.666667l213.333333 213.333334v597.034666A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.666667 42.666667 0 0 1 128 896.341333V127.658667z" /></svg>

package/components/wechat-chat-control/file-url/icons/file-text-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#a9adb1" d="M896 341.333333v554.368A42.666667 42.666667 0 0 1 853.632 938.666667H170.368A42.368 42.368 0 0 1 128 896.341333V127.658667C128 104.746667 147.157333 85.333333 170.752 85.333333h469.12L896 341.333333z m-85.333333 42.666667h-213.333334V170.666667H213.333333v682.666666h597.333334V384zM341.333333 298.666667h128v85.333333H341.333333V298.666667z m0 170.666666h341.333334v85.333334H341.333333v-85.333334z m0 170.666667h341.333334v85.333333H341.333333v-85.333333z" /></svg>