xiaoe_mp_npm 0.3.105-t220428 → 0.4.2

package/miniprogram_dist/AliveInvite/LiveRoomVertical/components/friends/friends.wxml

@@ -14,7 +14,7 @@
         wx:for="{{friendList}}"
       >
         <image wx:if="{{item.wx_avatar}}" class="img-avatar" src="{{item.wx_avatar}}" />
-        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/aaa/default.svg" />
+        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cdn.xiaoeknow.com/aaa/default.svg" />
         <view class="name">
           {{ item.wx_nickname }}
         </view>

package/miniprogram_dist/AliveInvite/LiveRoomVertical/components/friends/friends.wxss

@@ -24,7 +24,7 @@
   width: 750rpx;
   height: calc(100vh - 494rpx);
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16rpx 16rpx 0 0;

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.less

@@ -8,7 +8,7 @@
     height: 100%;
     flex:1;
     background-color: #fff !important;
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
     background-size: contain;
     background-repeat: no-repeat;
     border-radius: 16px 16px 0 0;
@@ -20,13 +20,13 @@
     animation: popping ease 300ms;
     // height: 1035rpx;
     background-color: #fff !important;
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
     background-size: contain;
     background-repeat: no-repeat;
     border-radius: 16px 16px 0 0;
 }
 .img-background {
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
     background-size: cover;
     display: flex;
     align-items: center;

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.wxml

@@ -52,7 +52,7 @@
                                     <view wx:else class="num">{{ item.ranking }}</view>
                                     <view class="warp-avatar">
                                         <image wx:if="{{item.avatar}}" class="img-avatar" src="{{item.avatar}}" />
-                                        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/aaa/default.svg" />
+                                        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cdn.xiaoeknow.com/aaa/default.svg" />
                                         <view class="name">
                                             {{ item.name }}
                                         </view>

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.wxss

@@ -8,7 +8,7 @@
   height: 100%;
   flex: 1;
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16px 16px 0 0;
@@ -19,13 +19,13 @@
 .container-ranking {
   animation: popping ease 300ms;
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16px 16px 0 0;
 }
 .img-background {
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
   background-size: cover;
   display: flex;
   align-items: center;

package/miniprogram_dist/GoodsItem/index.js

@@ -273,6 +273,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,
@@ -332,6 +333,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,
@@ -506,6 +508,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,

package/miniprogram_dist/PayModule/index/index.js

@@ -109,6 +109,7 @@ Component({
                 union_id: wx.getStorageSync('userInfo').universal_union_id,
                 current_role: sensorReportParams.current_role ? sensorReportParams.current_role :'',
                 resource_id: aliveInfo.alive_id,
+                url_path: `alive/${aliveInfo.alive_id}`,
                 type: sensorReportParams.type ? sensorReportParams.type :'',
                 cmm1: sensorReportParams.alive_type ? sensorReportParams.alive_type :'',
                 cmm2: sensorReportParams.version_type ? sensorReportParams.version_type : '',

package/miniprogram_dist/common/utils/image-cdn-slim/constant.js

@@ -0,0 +1,8 @@
+export const NEED_REPLACE = [
+  '.picsh.myqcloud.com',
+  '.file.myqcloud.com',
+  '.cossh.myqcloud.com',
+  '.cdn.xiaoeknow.com'
+]
+
+export const COS_V5 = '.cdn.xiaoeknow.com'

package/miniprogram_dist/common/utils/image-cdn-slim/index.js

@@ -0,0 +1,7 @@
+import { replaceCDN, replaceAllImg } from './utils'
+
+// 处理图片链接
+export const getImageCdnSlimUrl = (url, config = '/2/w/1025/a/100') => url ? replaceCDN(url, `?imageView2${config}`, true) : url;
+
+// 处理富文本
+export const getImageCdnSlimRichTextContent = richText => replaceAllImg(richText, false, {quality: '80'});

package/miniprogram_dist/common/utils/image-cdn-slim/utils.js

@@ -0,0 +1,157 @@
+import { NEED_REPLACE, COS_V5 } from './constant'
+
+/**
+  * 图片CDN替换
+  * @param src 字符串，图片URL链接，或者数组['src']
+  * @param ci 数据万象参数
+  *           如果为字符串会直接把参数拼接到cdn后面
+  *           如果是对象参数见_genCI方法
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+export const replaceCDN = function (src = '', ci) {
+  if (!src.length) return src
+  const isSrcArray = Array.isArray(src);
+  src = isSrcArray ? src : [src];
+  // 生成数据万象链接
+  ci = typeof ci === 'string' ? ci : _genCI(ci);
+  const hasValue = (item, aim) => item.indexOf(aim) > -1;
+  // 获取文件格式
+  const getFileSuffix = (item = '') => item.split('.').pop().toLowerCase();
+  // 获取需要替换为CDN的链接
+  const getReplaceURL = (item = '') => {
+    // cos 源站地址 例如：cos.ap-shanghai.myqcloud.com
+    const cosMatch = item.match(/\.cos\.ap-([^.]*)\.myqcloud.com/);
+    if (cosMatch) {
+      return cosMatch[0]
+    }
+    return NEED_REPLACE.find(url => hasValue(item, url))
+  }
+  // 转换后的格式
+  let formatSuffix = ci.match(/\/format\/([^/|?]+)/);
+  formatSuffix = formatSuffix ? formatSuffix[1].toLowerCase() : null;
+  // 不支持webp时会降级成jpeg
+  if (!isWebp() && formatSuffix === 'webp') {
+    ci = ci.replace('format/webp', '')
+  }
+  // 转换后格式是否为静态图片
+  const isFormatStaticType = ['jpg', 'jpeg', 'png', 'bmp', 'tpg', 'heif'].includes(formatSuffix);
+  // imgView2｜imgMorg2 错误兼容
+  ci = `${ci}|imageMogr2/ignore-error/1`
+  const result = src.map(item => {
+    const fileSuffix = getFileSuffix(item);
+    const replaceUrl = getReplaceURL(item);
+    // 不支持svg格式,且需要有符合条件可替换成url才进行替换
+    if (fileSuffix !== 'svg' && replaceUrl) {
+      let srcCI = ci;
+      // 动态图片不能转成静态图片，不然会静止
+      if (fileSuffix == 'gif' && isFormatStaticType) {
+        srcCI = srcCI.replace(`/format/${formatSuffix}`, '')
+      }
+      item = item.replace(replaceUrl, COS_V5) + srcCI;
+    }
+    return item
+  })
+  return isSrcArray ? result : result[0];
+
+}
+
+
+/**
+  * 富文本html图片CDN替换
+  * @param html html字符串
+  * @param lazyLoad 是否需要懒加载
+  * @param ci 数据万象参数
+  *           如果为字符串会直接把参数拼接到cdn后面
+  *           如果是对象参数见_genCI方法
+  * example: replaceAllImg('html', true, '?imageView2/2/w/800')
+  * return: html
+  * */
+export const replaceAllImg = function (html, lazyLoad = false, ci = '?imageMogr2/thumbnail/800x>/format/webp') {
+  return html.replace(/<img[^>]*>/gi, str => {
+    const srcReg = /src=['"]?([^'"]*)['"]?/i;
+    const dataSrc = lazyLoad ? 'data-src' : 'src'
+    const url = str.match(srcReg);
+    //没有 src 属性的 <img></img> 匹配不到 返回 <img src="@/assets/imgs/photo_error.png" />
+    if (Array.isArray(url) && url.length > 1) {
+      const newSrc = replaceCDN(url[1], ci)
+      return str.replace(url[0], `${dataSrc}="${newSrc}"`);
+    }
+    return `<img ${dataSrc}="https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky19qhac05ix.png" />`
+
+  });
+}
+
+/**
+  * 根据参数生成数据万象链接
+  * @param data 参数为 { type, width, height, quality, rquality, lquality, format, extra }
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+const _genCI = (data = {}) => {
+  const defaultParams = { type: '2', format: 'webp', quality: '80'};
+  if (data.rquality || data.lquality) {
+    delete defaultParams.quality
+  }
+  data = Object.assign(defaultParams, data);
+  const paramMap = {
+    width: 'w',
+    height: 'h',
+    quality: 'q',
+    rquality: 'rq',
+    lquality: 'lq',
+    format: 'format'
+  }
+  const keys = Object.keys(paramMap);
+
+  let path = ''
+  keys.forEach(key => {
+    const dataVal = data[key];
+    if (dataVal) {
+      path += `/${paramMap[key]}/${data[key]}`
+    }
+  })
+
+  if (path) {
+    const extra = data.extra || '';
+    path = `?imageView2/${data.type}${path}${extra}`
+  }
+  return path;
+}
+
+/**
+  * 检测是否支持Webp
+  * @param data 参数为 { type, width, height, quality, rquality, lquality, format, extra }
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+const isWebp = () => {
+  let support = false;
+
+  try {
+    const _wx$getSystemInfoSync = wx.getSystemInfoSync(),
+      platform = _wx$getSystemInfoSync.platform,
+      system = _wx$getSystemInfoSync.system;
+
+    const versionResult = /[0-9.]*$/.exec(system);
+    const systemVersion = versionResult ? versionResult[0] : '';
+    const iosSystemSupport =
+        platform === 'ios' &&
+        !!systemVersion &&
+        compareVersion(systemVersion, '14.0') >= 0; // ios 14以下的版本不支持 webp
+
+    support =
+        platform === 'devtools' ||
+        platform === 'android' ||
+        iosSystemSupport;
+  } catch (e) {
+    console.log(e);
+  }
+
+  return support;
+}
+
+// 比较前面的版本是否比后面的版本要大
+const compareVersion = (currentVersion, targetVersion) => {
+  return Math.ceil(currentVersion - targetVersion)
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xiaoe_mp_npm",
-  "version": "0.3.105-t220428",
+  "version": "0.4.2",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "scripts": {

package/src/AliveInvite/LiveRoomVertical/components/friends/friends.wxml

@@ -14,7 +14,7 @@
         wx:for="{{friendList}}"
       >
         <image wx:if="{{item.wx_avatar}}" class="img-avatar" src="{{item.wx_avatar}}" />
-        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/aaa/default.svg" />
+        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cdn.xiaoeknow.com/aaa/default.svg" />
         <view class="name">
           {{ item.wx_nickname }}
         </view>

package/src/AliveInvite/LiveRoomVertical/components/friends/friends.wxss

@@ -24,7 +24,7 @@
   width: 750rpx;
   height: calc(100vh - 494rpx);
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16rpx 16rpx 0 0;

package/src/AliveInvite/LiveRoomVertical/index.less

@@ -8,7 +8,7 @@
     height: 100%;
     flex:1;
     background-color: #fff !important;
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
     background-size: contain;
     background-repeat: no-repeat;
     border-radius: 16px 16px 0 0;
@@ -20,13 +20,13 @@
     animation: popping ease 300ms;
     // height: 1035rpx;
     background-color: #fff !important;
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
     background-size: contain;
     background-repeat: no-repeat;
     border-radius: 16px 16px 0 0;
 }
 .img-background {
-    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
+    background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
     background-size: cover;
     display: flex;
     align-items: center;

package/src/AliveInvite/LiveRoomVertical/index.wxml

@@ -52,7 +52,7 @@
                                     <view wx:else class="num">{{ item.ranking }}</view>
                                     <view class="warp-avatar">
                                         <image wx:if="{{item.avatar}}" class="img-avatar" src="{{item.avatar}}" />
-                                        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/aaa/default.svg" />
+                                        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cdn.xiaoeknow.com/aaa/default.svg" />
                                         <view class="name">
                                             {{ item.name }}
                                         </view>

package/src/AliveInvite/LiveRoomVertical/index.wxss

@@ -8,7 +8,7 @@
   height: 100%;
   flex: 1;
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16px 16px 0 0;
@@ -19,13 +19,13 @@
 .container-ranking {
   animation: popping ease 300ms;
   background-color: #fff !important;
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
   background-size: contain;
   background-repeat: no-repeat;
   border-radius: 16px 16px 0 0;
 }
 .img-background {
-  background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
+  background: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
   background-size: cover;
   display: flex;
   align-items: center;

package/src/GoodsItem/index.js

@@ -273,6 +273,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,
@@ -332,6 +333,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,
@@ -506,6 +508,7 @@ Component({
         union_id: wx.getStorageSync('userInfo').universal_union_id,
         current_role: sensorReportParams.current_role,
         resource_id: aliveInfo.alive_id,
+        url_path: `alive/${aliveInfo.alive_id}`,
         type: sensorReportParams.type,
         cmm1: sensorReportParams.alive_type,
         cmm2: sensorReportParams.version_type,

package/src/PayModule/index/index.js

@@ -109,6 +109,7 @@ Component({
                 union_id: wx.getStorageSync('userInfo').universal_union_id,
                 current_role: sensorReportParams.current_role ? sensorReportParams.current_role :'',
                 resource_id: aliveInfo.alive_id,
+                url_path: `alive/${aliveInfo.alive_id}`,
                 type: sensorReportParams.type ? sensorReportParams.type :'',
                 cmm1: sensorReportParams.alive_type ? sensorReportParams.alive_type :'',
                 cmm2: sensorReportParams.version_type ? sensorReportParams.version_type : '',

package/src/common/utils/image-cdn-slim/constant.js

@@ -0,0 +1,8 @@
+export const NEED_REPLACE = [
+  '.picsh.myqcloud.com',
+  '.file.myqcloud.com',
+  '.cossh.myqcloud.com',
+  '.cdn.xiaoeknow.com'
+]
+
+export const COS_V5 = '.cdn.xiaoeknow.com'

package/src/common/utils/image-cdn-slim/index.js

@@ -0,0 +1,7 @@
+import { replaceCDN, replaceAllImg } from './utils'
+
+// 处理图片链接
+export const getImageCdnSlimUrl = (url, config = '/2/w/1025/a/100') => url ? replaceCDN(url, `?imageView2${config}`, true) : url;
+
+// 处理富文本
+export const getImageCdnSlimRichTextContent = richText => replaceAllImg(richText, false, {quality: '80'});

package/src/common/utils/image-cdn-slim/utils.js

@@ -0,0 +1,157 @@
+import { NEED_REPLACE, COS_V5 } from './constant'
+
+/**
+  * 图片CDN替换
+  * @param src 字符串，图片URL链接，或者数组['src']
+  * @param ci 数据万象参数
+  *           如果为字符串会直接把参数拼接到cdn后面
+  *           如果是对象参数见_genCI方法
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+export const replaceCDN = function (src = '', ci) {
+  if (!src.length) return src
+  const isSrcArray = Array.isArray(src);
+  src = isSrcArray ? src : [src];
+  // 生成数据万象链接
+  ci = typeof ci === 'string' ? ci : _genCI(ci);
+  const hasValue = (item, aim) => item.indexOf(aim) > -1;
+  // 获取文件格式
+  const getFileSuffix = (item = '') => item.split('.').pop().toLowerCase();
+  // 获取需要替换为CDN的链接
+  const getReplaceURL = (item = '') => {
+    // cos 源站地址 例如：cos.ap-shanghai.myqcloud.com
+    const cosMatch = item.match(/\.cos\.ap-([^.]*)\.myqcloud.com/);
+    if (cosMatch) {
+      return cosMatch[0]
+    }
+    return NEED_REPLACE.find(url => hasValue(item, url))
+  }
+  // 转换后的格式
+  let formatSuffix = ci.match(/\/format\/([^/|?]+)/);
+  formatSuffix = formatSuffix ? formatSuffix[1].toLowerCase() : null;
+  // 不支持webp时会降级成jpeg
+  if (!isWebp() && formatSuffix === 'webp') {
+    ci = ci.replace('format/webp', '')
+  }
+  // 转换后格式是否为静态图片
+  const isFormatStaticType = ['jpg', 'jpeg', 'png', 'bmp', 'tpg', 'heif'].includes(formatSuffix);
+  // imgView2｜imgMorg2 错误兼容
+  ci = `${ci}|imageMogr2/ignore-error/1`
+  const result = src.map(item => {
+    const fileSuffix = getFileSuffix(item);
+    const replaceUrl = getReplaceURL(item);
+    // 不支持svg格式,且需要有符合条件可替换成url才进行替换
+    if (fileSuffix !== 'svg' && replaceUrl) {
+      let srcCI = ci;
+      // 动态图片不能转成静态图片，不然会静止
+      if (fileSuffix == 'gif' && isFormatStaticType) {
+        srcCI = srcCI.replace(`/format/${formatSuffix}`, '')
+      }
+      item = item.replace(replaceUrl, COS_V5) + srcCI;
+    }
+    return item
+  })
+  return isSrcArray ? result : result[0];
+
+}
+
+
+/**
+  * 富文本html图片CDN替换
+  * @param html html字符串
+  * @param lazyLoad 是否需要懒加载
+  * @param ci 数据万象参数
+  *           如果为字符串会直接把参数拼接到cdn后面
+  *           如果是对象参数见_genCI方法
+  * example: replaceAllImg('html', true, '?imageView2/2/w/800')
+  * return: html
+  * */
+export const replaceAllImg = function (html, lazyLoad = false, ci = '?imageMogr2/thumbnail/800x>/format/webp') {
+  return html.replace(/<img[^>]*>/gi, str => {
+    const srcReg = /src=['"]?([^'"]*)['"]?/i;
+    const dataSrc = lazyLoad ? 'data-src' : 'src'
+    const url = str.match(srcReg);
+    //没有 src 属性的 <img></img> 匹配不到 返回 <img src="@/assets/imgs/photo_error.png" />
+    if (Array.isArray(url) && url.length > 1) {
+      const newSrc = replaceCDN(url[1], ci)
+      return str.replace(url[0], `${dataSrc}="${newSrc}"`);
+    }
+    return `<img ${dataSrc}="https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky19qhac05ix.png" />`
+
+  });
+}
+
+/**
+  * 根据参数生成数据万象链接
+  * @param data 参数为 { type, width, height, quality, rquality, lquality, format, extra }
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+const _genCI = (data = {}) => {
+  const defaultParams = { type: '2', format: 'webp', quality: '80'};
+  if (data.rquality || data.lquality) {
+    delete defaultParams.quality
+  }
+  data = Object.assign(defaultParams, data);
+  const paramMap = {
+    width: 'w',
+    height: 'h',
+    quality: 'q',
+    rquality: 'rq',
+    lquality: 'lq',
+    format: 'format'
+  }
+  const keys = Object.keys(paramMap);
+
+  let path = ''
+  keys.forEach(key => {
+    const dataVal = data[key];
+    if (dataVal) {
+      path += `/${paramMap[key]}/${data[key]}`
+    }
+  })
+
+  if (path) {
+    const extra = data.extra || '';
+    path = `?imageView2/${data.type}${path}${extra}`
+  }
+  return path;
+}
+
+/**
+  * 检测是否支持Webp
+  * @param data 参数为 { type, width, height, quality, rquality, lquality, format, extra }
+  * example: replaceCDN('https://wechatapppro-1252524126.picsh.myqcloud.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg', '?imageView2/2/w/800')
+  * return: 'https://wechatapppro-1252524126.cdn.xiaoeknow.com/appaBx10ofe8494/image/kpcbjfwx0sdvg37z6dy.jpg??imageView2/2/w/800'
+  * */
+const isWebp = () => {
+  let support = false;
+
+  try {
+    const _wx$getSystemInfoSync = wx.getSystemInfoSync(),
+      platform = _wx$getSystemInfoSync.platform,
+      system = _wx$getSystemInfoSync.system;
+
+    const versionResult = /[0-9.]*$/.exec(system);
+    const systemVersion = versionResult ? versionResult[0] : '';
+    const iosSystemSupport =
+        platform === 'ios' &&
+        !!systemVersion &&
+        compareVersion(systemVersion, '14.0') >= 0; // ios 14以下的版本不支持 webp
+
+    support =
+        platform === 'devtools' ||
+        platform === 'android' ||
+        iosSystemSupport;
+  } catch (e) {
+    console.log(e);
+  }
+
+  return support;
+}
+
+// 比较前面的版本是否比后面的版本要大
+const compareVersion = (currentVersion, targetVersion) => {
+  return Math.ceil(currentVersion - targetVersion)
+}