npm - @aochuang/client-sdk - Versions diffs - 1.0.278 - Mend

@aochuang/client-sdk 1.0.278

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (366) hide show

package/components/wework-chat-control/file-url/icons/file-pdf-line.svg ADDED Viewed

@@ -0,0 +1 @@

package/components/wework-chat-control/file-url/icons/file-ppt-line.svg ADDED Viewed

@@ -0,0 +1 @@

package/components/wework-chat-control/file-url/icons/file-settings-line.svg ADDED Viewed

@@ -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/wework-chat-control/file-url/icons/file-text-line.svg ADDED Viewed

@@ -0,0 +1 @@

package/components/wework-chat-control/file-url/icons/file-unknow-line.svg ADDED Viewed

@@ -0,0 +1 @@

package/components/wework-chat-control/file-url/icons/file-word-line.svg ADDED Viewed

@@ -0,0 +1 @@

package/components/wework-chat-control/file-url/icons/file-zip-line.svg ADDED Viewed

@@ -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="#5fcb9c" d="M853.333333 938.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V128a42.666667 42.666667 0 0 1 42.666667-42.666667h682.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v768a42.666667 42.666667 0 0 1-42.666667 42.666667z m-42.666666-85.333334V170.666667H213.333333v682.666666h597.333334z m-213.333334-341.333333v213.333333h-170.666666v-128h85.333333v-85.333333h85.333333z m-85.333333-341.333333h85.333333v85.333333h-85.333333V170.666667z m-85.333333 85.333333h85.333333v85.333333h-85.333333V256z m85.333333 85.333333h85.333333v85.333334h-85.333333V341.333333z m-85.333333 85.333334h85.333333v85.333333h-85.333333v-85.333333z" /></svg>

package/components/wework-chat-control/file-url/icons/index.js ADDED Viewed

@@ -0,0 +1,24 @@
+import execl from './file-excel-line.svg'
+import pdf from './file-pdf-line.svg'
+import ppt from './file-ppt-line.svg'
+import unknow from './file-unknow-line.svg'
+import word from './file-word-line.svg'
+import zip from './file-zip-line.svg'
+import info from './file-info-line.svg'
+import text from './file-text-line.svg'
+export default {
+  xlsx: execl,
+  xls: execl,
+  pdf,
+  ppt,
+  unknow,
+  word,
+  zip,
+  doc: word,
+  docx: word,
+  rar: zip,
+  ini: info,
+  txt: text,
+  '7z': zip
+}

package/components/wework-chat-control/image/image.vue ADDED Viewed

@@ -0,0 +1,296 @@
+<template>
+  <div class="sdk-chat-control-image" @click="handleClick">
+    <div class="sdk-chat-control-image__main" :style="{'height': innerHeight, 'max-height': innerMaxHeight + 'px'}">
+      <template v-if="allowDefrost">
+        <template v-if="defrostMsg">
+          <div class="sdk-chat-control-image__defrost">
+            <div class="sdk-chat-control-image__defrost-icon">
+              <ui-icon name="information-line" :size="20"></ui-icon>
+            </div>
+            <div class="sdk-chat-control-image__defrost-text">
+              {{ defrostMsg }}
+            </div>
+            <div class="sdk-chat-control-image__error-action">
+              <ui-button type="primary" size="mini" :click="handleRefreshClick">重新请求</ui-button>
+            </div>
+          </div>
+        </template>
+        <template v-else-if="errorMsg">
+          <div class="sdk-chat-control-image__error">
+            <div class="sdk-chat-control-image__error-icon">
+              <ui-icon name="information-line" :size="20"></ui-icon>
+            </div>
+            <div class="sdk-chat-control-image__error-text">
+              {{ errorMsg }}
+            </div>
+            <div class="sdk-chat-control-image__error-action">
+              <ui-button type="primary" size="mini" :click="handleUnlockClick">尝试解档</ui-button>
+            </div>
+          </div>
+        </template>
+        <template v-else>
+          <div class="sdk-chat-control-image__control">
+            <ui-image
+              :src="innerSrc"
+              :radius="0"
+              :previewable="previewable"
+              :width="innerWidth"
+              :height="innerHeight"
+              :max-width="innerMaxWidth"
+              :max-height="innerMaxHeight"
+              :preview-method="previewMethod"
+              :enable-thumb="enableOptimize"
+              fit="contain"
+              @error="handleError"
+              @click.native="handleImageClick"
+            ></ui-image>
+            <template v-if="isOriginImage">
+              <span class="sdk-chat-control-image__hd">原图</span>
+            </template>
+          </div>
+        </template>
+      </template>
+      <template v-else>
+        <div class="sdk-chat-control-image__control">
+          <ui-image
+            :src="innerSrc"
+            :radius="0"
+            :previewable="previewable"
+            :width="innerWidth"
+            :height="innerHeight"
+            :max-width="innerMaxWidth"
+            :max-height="innerMaxHeight"
+            :preview-method="previewMethod"
+            :enable-thumb="enableOptimize"
+            fit="contain"
+            @error="handleError"
+            @click.native="handleImageClick"
+          ></ui-image>
+          <template v-if="isOriginImage">
+            <span class="sdk-chat-control-image__hd">原图</span>
+          </template>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+import { Image as UiImage, Button as UiButton, Icon as UiIcon, Loading as UiLoading } from '@aochuang/common/components'
+import { isOriginImage, getNewImageSrc} from './util'
+export default {
+  name: 'SdkChatControlImage',
+  components: {
+    UiIcon,
+    UiImage,
+    UiButton,
+    UiLoading
+  },
+  props: {
+    id: {
+      type: String
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default', 'thumb'].includes(value)
+      }
+    },
+    content: {
+      type: String
+    },
+    maxWidth: {
+      type: Number,
+      default: 300
+    },
+    maxHeight: {
+      type: Number,
+      default: 300
+    },
+    previewable: {
+      type: Boolean,
+      default: true
+    },
+    imageClickMethod: {
+      type: Function
+    },
+    previewMethod: {
+      type: Function
+    },
+    /**
+     * 解冻图片
+    */
+    defrostMethod: {
+      type: Function
+    },
+    /**
+     * 查询解冻结果方法
+    */
+    defrostResultMethod: {
+      type: Function
+    },
+    /**
+     * 开启图片优化
+     * 缩略图：xxx_thumb.jpg
+     * 大图：xxx_new.jpg
+     * 原图：xxx_origin.jpg
+     * 新的手机版本消息里面默认返回的图片地址会带_new.jpg（大图）或_thumb.jpg，如果下载过原图，那么消息里面就会带_origin.jpg后缀，前端需要改成_thumb后缀
+     * 如果有原图了，那肯定是有thumb.jpg的，和老肖确定了
+     * 需要分两个版本
+     * 老版本交互式用户一点击查看大图，就调用socket命令去下载原图，下载完后，后面消息里面返回的就是原图了
+     * 新版本交互式用户一点击查看大图，那么就将地址改成_new.jpg，并且点击下载的时候才去下载原图，下载完原图将消息的后缀改成_origin.jpg
+     * 检查新老版本可以根据是否有_new.jpg和_thumb.jpg判断
+     * 如果是老的版本，那么需要走图片裁剪优化逻辑
+    */
+    enableOptimize: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      defrostMsg: null,
+      errorMsg: null
+    }
+  },
+  computed: {
+    src () {
+      return this.content
+    },
+    innerWidth () {
+      let width = null
+      if (this.type === 'default') {
+      }
+      return width
+    },
+    innerHeight () {
+      let height = null
+      if (this.type === 'default') {
+        height = this.innerMaxHeight ? (this.innerMaxHeight + 'px') : '300px'
+      } else if (this.type === 'thumb') {
+        height = this.innerMaxHeight ? (this.innerMaxHeight + 'px') : ''
+      }
+      return height
+    },
+    innerMaxWidth () {
+      if (this.type === 'quote') {
+        return 60
+      } else if (this.type === 'thumb') {
+        return 180
+      } else {
+        return this.maxWidth
+      }
+    },
+    innerMaxHeight () {
+      if (this.type === 'quote') {
+        return 60
+      } else if (this.type === 'thumb') {
+        return 72
+      } else {
+        return this.maxHeight
+      }
+    },
+    innerSrc () {
+      if (!this.enableOptimize) {
+        return this.src
+      }
+      // 如果是原图地址，那么需要改成缩略图地址，防止消息里面都是展示的原图，以为默认后端逻辑是有原图返回原图，
+      if (isOriginImage(this.src)) {
+        // 替换成缩略图地址
+        return getNewImageSrc(this.src) || this.src
+      } else {
+        return this.src
+      }
+    },
+    isOriginImage () {
+      return isOriginImage(this.src)
+    },
+    allowDefrost () {
+      return !!this.defrostMethod
+    }
+  },
+  methods: {
+    handleClick () {
+      this.$emit('click')
+    },
+    handleImageClick () {
+      this.imageClickMethod && this.imageClickMethod()
+    },
+    handleError () {
+      if (!this.defrostMethod) {
+        return
+      }
+      this.errorMsg = '加载失败，可能资源被归档～'
+    },
+    handleUnlockClick () {
+      if (!this.defrostMethod) {
+        return
+      }
+      return this.defrostMethod({
+        content: this.content
+      }).then((res) => {
+        this.defrostMsg = res || '解冻已执行，请耐心等待～'
+      })
+    },
+    handleRefreshClick () {
+      this.errorMsg = null
+      this.defrostMsg = null
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-control-image__main{
+  display: inline-block;
+  position: relative;
+  vertical-align: top;
+  min-width: 180px;
+  background-color: #eee;
+  text-align: center;
+  .ui-image{
+    vertical-align: top;
+  }
+}
+.sdk-chat-control-image__defrost,
+.sdk-chat-control-image__error{
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: #f2f2f2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  padding: 12px;
+  color: #999;
+  line-height: 1.7em;
+}
+.sdk-chat-control-image__error-action{
+  margin-top: 6px;
+}
+.sdk-chat-control-image__control{
+  display: inline-block;
+  line-height: 1em;
+  vertical-align: top;
+}
+.sdk-chat-control-image__hd{
+  position: absolute;
+  background-color: #3773f9;
+  color: #fff;
+  right: 8px;
+  bottom: 8px;
+  padding: 4px 6px;
+  border-radius: 3px;
+  font-weight: bold;
+  display: inline-block;
+  font-size: 12px;
+  transform: scale(.75);
+  transform-origin: 100% 100%;
+  white-space: nowrap;
+}
+</style>

package/components/wework-chat-control/image/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { isNewImage, isOriginImage, getNewImageSrc } from './util'

package/components/wework-chat-control/image/util.js ADDED Viewed

@@ -0,0 +1,21 @@
+export function isNewImage (url) {
+    if (!url) {
+        return false
+    }
+    return url.toLocaleLowerCase().indexOf('_new.') >= 0
+}
+export function isOriginImage (url) {
+    if (!url) {
+        return false
+    }
+    return url.toLocaleLowerCase().indexOf('_origin.') >= 0
+}
+export function getNewImageSrc (url) {
+    if (isOriginImage(url)) {
+        return url.replace('_origin.', '_new.')
+    } else {
+        return url
+    }
+}

package/components/wework-chat-control/index.js ADDED Viewed

@@ -0,0 +1,105 @@
+import text from './text/text.vue'
+import image from './image/image.vue'
+import voice from './voice/voice.vue'
+import shareCard from './share-card/share-card.vue'
+import companyCard from './company-card/company-card.vue'
+import video from './video/video.vue'
+import customExpression from './custom-expression/custom-expression.vue'
+import location from './location/location.vue'
+import fileUrl from './file-url/file-url.vue'
+import calling from './calling/calling.vue'
+// import roomCalling from './room-calling/room-calling.vue'
+// import realTimePosition from './real-time-position/real-time-position.vue'
+import redEnvelopes from './red-envelopes/red-envelopes.vue'
+// import system from './system/system.vue'
+// import systemBatchMessage from './system-batch-message/system-batch-message.vue'
+import jxSysText from './jx-sys-text/jx-sys-text.vue'
+// import memberChange from './member-change/member-change.vue'
+// import systemMoney from './system-money/system-money.vue'
+// import textWithAt from './text-with-at/text-with-at.vue'
+import channelVideo from './channel-video/channel-video.vue'
+import channelLive from './channel-live/channel-live.vue'
+// import channelVideoCard from './channel-video-card/channel-video-card.vue'
+// import music from './music/music.vue'
+// import transfer from './transfer/transfer.vue'
+import url from './url/url.vue'
+// import quoteMessage from './quote-message/quote-message.vue'
+import empty from './empty/empty.vue'
+import unknow from './unknow/unknow.vue'
+// import WechatChatControlConfig from './wechat-chat-control-config.vue'
+// import WechatChatControlConfigMsg from './wechat-chat-control-config-msg.vue'
+// import WechatChatControlConfigItem from './wechat-chat-control-config-item.vue'
+// import revokeMeMessage from './revoke-me-message/revoke-me-message.vue'
+// import revokeOtherMessage from './revoke-other-message/revoke-other-message.vue'
+// import revokeYouMessage from './revoke-you-message/revoke-you-message.vue'
+import { MESSAGE_TYPE } from './util'
+export const chatControls = {
+	[MESSAGE_TYPE.TEXT]: text,
+	[MESSAGE_TYPE.IMAGE]: image,
+	[MESSAGE_TYPE.VOICE]: voice,
+// 	[MESSAGE_TYPE.MUSIC]: music,
+// 	[MESSAGE_TYPE.ROOM_CALLING]: roomCalling,
+	[MESSAGE_TYPE.SHARE_CARD]: shareCard,
+	[MESSAGE_TYPE.COMPANY_CARD]: companyCard,
+	[MESSAGE_TYPE.VIDEO]: video,
+	[MESSAGE_TYPE.CUSTOM_EXPRESSION]: customExpression,
+	[MESSAGE_TYPE.CUSTOM_EXPRESSION_W]: customExpression,
+	[MESSAGE_TYPE.LOCATION]: location,
+	[MESSAGE_TYPE.URL]: url,
+	[MESSAGE_TYPE.URLNew]: fileUrl,
+// 	[MESSAGE_TYPE.CALLING]: calling,
+// 	[MESSAGE_TYPE.REAL_TIME_POSITION]: realTimePosition,
+	[MESSAGE_TYPE.RED_ENVELOPES]: redEnvelopes,
+// 	[MESSAGE_TYPE.ACCOUNT_TRANSFER]: transfer,
+// 	[MESSAGE_TYPE.SYSTEM]: system,
+	[MESSAGE_TYPE.JX_SYS_TEXT]: jxSysText,
+// 	[MESSAGE_TYPE.MEMBER_CHANGE]: memberChange,
+// 	[MESSAGE_TYPE.SYSTEM_MONEY]: systemMoney,
+// 	[MESSAGE_TYPE.TEXT_WITH_AT]: textWithAt,
+// 	[MESSAGE_TYPE.QUOTE_MESSAGE]: quoteMessage,
+	[MESSAGE_TYPE.CHANNEL_VIDEO]: channelVideo,
+// 	[MESSAGE_TYPE.CHANNEL_VIDEO_CARD]: channelVideoCard, // 视频号名片
+	[MESSAGE_TYPE.CHANNEL_VIDEO_LIVE]: channelLive, // 视频号直播
+//  [MESSAGE_TYPE.SYSTEM_BATCH_MESSAGE]: systemBatchMessage,
+//  [MESSAGE_TYPE.REVOKE_ME_MESSAGE]: revokeMeMessage,
+//  [MESSAGE_TYPE.REVOKE_OTHER_MESSAGE]: revokeOtherMessage,
+//  [MESSAGE_TYPE.REVOKE_YOU_MESSAGE]: revokeYouMessage
+}
+export {
+  text,
+  image,
+  voice,
+  shareCard,
+  video,
+  customExpression,
+  location,
+  fileUrl,
+  url,
+  calling,
+//   roomCalling,
+  companyCard,
+//   realTimePosition,
+  redEnvelopes,
+//   system,
+//   systemBatchMessage,
+  jxSysText,
+//   memberChange,
+//   systemMoney,
+//   textWithAt,
+//   quoteMessage,
+  channelVideo, // 视频号
+//   channelVideoCard,
+  channelLive, // 视频号直播
+//   music,
+//   transfer,
+  empty,
+  unknow,
+//   revokeMeMessage,
+//   revokeOtherMessage,
+//   revokeYouMessage,
+//   WechatChatControlConfig,
+//   WechatChatControlConfigMsg,
+//   WechatChatControlConfigItem
+}

package/components/wework-chat-control/jx-sys-text/jx-sys-text.vue ADDED Viewed

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

package/components/wework-chat-control/link/link.vue ADDED Viewed

@@ -0,0 +1,100 @@
+<template>
+  <div class="sdk-wework-chat-control-link">
+    <div class="sdk-wework-chat-control-link__main">
+      <div class="sdk-wework-chat-control-link__info">
+        <strong class="sdk-wework-chat-control-link__title">{{title}}</strong>
+        <div class="sdk-wework-chat-control-link__description">{{description || url}}</div>
+      </div>
+      <div class="sdk-wework-chat-control-link__icon" v-if="cover" :style="{'background-image': `url(${cover})`}"></div>
+    </div>
+    <div class="sdk-wework-chat-control-link__foot">
+      超链接
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'SdkWeworkChatControlLink',
+  props: {
+    data: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    content () {
+      let content = this.data.content
+      if (typeof content === 'string') {
+        content = JSON.parse(content)
+      }
+      return content || {}
+    },
+    title () {
+      return this.content.title
+    },
+    description () {
+      return this.content.description
+    },
+    cover () {
+      return this.content.cover
+    },
+    url () {
+      return this.content.url
+    }
+  }
+}
+</script>
+<style lang="less">
+.sdk-wework-chat-control-link{
+  word-break: break-all;
+  line-height: 1.5em;
+  max-width: 100%;
+  width: 248px;
+  color: #484848;
+}
+.sdk-wework-chat-control-link__main{
+  display: flex;
+  flex-direction: row;
+  padding-top: 3px;
+  padding: 6px 12px;
+  line-height: 1.5em;
+}
+.sdk-wework-chat-control-link__description{
+  color: #999;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+.sdk-wework-chat-control-link__info{
+  flex: 1;
+  min-width: 0;
+}
+.sdk-wework-chat-control-link__title{
+  display: block;
+  margin-bottom: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sdk-wework-chat-control-link__icon{
+  display: inline-block;
+  width: 48px;
+  height: 48px;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: 140%;
+  margin-left: 12px;
+  margin-top: 12px;
+}
+.sdk-wework-chat-control-link__foot{
+  padding: 0 12px;
+  border-top: 1px solid #eee;
+  color: #999;
+  font-size: 12px;
+  height: 24px;
+  line-height: 24px;
+  box-sizing: content-box;
+}
+</style>