xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/Task/TaskQuizPopup/components/wxParse/wxParse.js

@@ -1,269 +1,269 @@
-/**
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- *
- * github地址: https://github.com/icindy/wxParse
- *
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-
-/**
- * utils函数引入
- **/
-import showdown from 'showdown.js'
-import HtmlToJson from 'html2json.js'
-/**
- * 解析 iframe
- **/
-import iframeParse from './iframeParse.js'
-/**
- * 配置及公有属性
- **/
-/**
- * 主函数入口区
- **/
-
-// can_select: 是否可选中文本 这里只根据该值进行是否可预览图文的判断（can_select为1-可选中，则可预览图文）
-function wxParse(
-  bindName = 'wxParseData',
-  type = 'html',
-  data = '<div class="color:red;">数据不能为空</div>',
-  target,
-  can_select = 1,
-) {
-  var that = target
-  that.setData({
-    imageComplete: false,
-  })
-  //缓存imageUrls和images
-  var articleBack = that.data.article ? true : false
-  var imageUrlsBack = []
-  var imagesBack = []
-  if (articleBack) {
-    imageUrlsBack = that.data.article.imageUrls
-    imagesBack = that.data.article.images
-  }
-  var transData = {} //存放转化后的数据
-  if (type == 'html') {
-    data = data.replace(/&quot;/g, "'") // style样式
-    transData = HtmlToJson.html2json(data, bindName)
-    // console.log(JSON.stringify(transData, ' ', ' '));
-  } else if (type == 'md' || type == 'markdown') {
-    var converter = new showdown.Converter()
-    var html = converter.makeHtml(data)
-    transData = HtmlToJson.html2json(html, bindName)
-    // console.log(JSON.stringify(transData, ' ', ' '));
-  }
-
-  console.log('iframeParse', transData)
-
-  // 处理 iframe ，转成 video 和 audio， 仅限于自用组件
-  return new Promise((resolve) => {
-    iframeParse(transData, function (res) {
-      transData = res
-      transData.view = {}
-      transData.can_select = can_select
-      // 图片预览数组处理
-      if (transData['imageUrls']) {
-        setTimeout(() => {
-          transData['imageUrls'] = imgListFormat(transData['imageUrls'])
-        }, 0)
-      }
-      var bindData = {}
-      bindData[bindName] = transData
-
-      //当为第二次进入详情时，对比缓存图片对图片进行宽度附值
-      if (articleBack) {
-        //最小循环
-        if (transData.imageUrls.length > imageUrlsBack.length) {
-          for (var i = 0; i <= imageUrlsBack.length - 1; i++) {
-            for (var j = 0; j <= transData.imageUrls.length - 1; j++) {
-              if (imageUrlsBack[i] == transData.imageUrls[j]) {
-                transData.images[j].width = imagesBack[i].width
-                break
-              }
-            }
-          }
-        } else {
-          for (var i = 0; i <= transData.imageUrls.length - 1; i++) {
-            for (var j = 0; j <= imageUrlsBack.length - 1; j++) {
-              if (transData.imageUrls[i] == imageUrlsBack[j]) {
-                transData.images[i].width = imagesBack[j].width
-                break
-              }
-            }
-          }
-        }
-      }
-      that.setData(
-        {
-          bindName: bindName,
-          [bindName]: transData,
-        },
-        () => {},
-      )
-      resolve()
-    })
-  })
-}
-
-function wxParseTemArray(temArrayName, bindNameReg, total, that) {
-  var array = []
-  var temData = that.data
-  var obj = null
-  for (var i = 0; i < total; i++) {
-    var simArr = temData[bindNameReg + i].nodes
-    array.push(simArr)
-  }
-
-  temArrayName = temArrayName || 'wxParseTemArray'
-  obj = JSON.parse('{"' + temArrayName + '":""}')
-  obj[temArrayName] = array
-  that.setData(obj)
-}
-
-/**
- * 配置emojis
- *
- */
-
-function emojisInit(reg = '', baseSrc = '/wxParse/emojis/', emojis) {
-  HtmlToJson.emojisInit(reg, baseSrc, emojis)
-}
-
-// 初始化图片bindload事件
-function imageInit(instance) {
-  instance.imageLoad = imageLoad.bind(instance)
-  instance.showNoSupportUrl = showNoSupportUrl.bind(instance)
-  // 图片预览
-  instance.wxParsePreview = wxParsePreview.bind(instance)
-}
-
-let timeId = null
-
-// 图片bindload事件（设置图片真实宽度）
-function imageLoad(e, that) {
-  return new Promise((resolve) => {
-    let instance = that
-    let width = e.detail.width //获取图片真实宽度
-    let height = e.detail.height //获取图片真实宽度
-    let index = e.target.dataset.idx
-    let bindName = instance.data.bindName
-    let import_width = false // 是否使用强制宽度覆盖auto属性
-    let item = instance.data[bindName]['images'][index]
-    item.show = false
-    // 该图片有样式
-    if (item.attr && item.attr.style) {
-      let style = item.attr.style
-      for (let i = 0; i < style.length; i++) {
-        if (style[i] == 'width:') {
-          if (style[i + 1].indexOf('auto') >= 0) {
-            import_width = true // 使用强制宽度覆盖auto
-          } else {
-            import_width = false // 不使用强制宽度
-          }
-        }
-      }
-      item.attr.style = style
-    }
-
-    if (import_width) {
-      item.width = width + 'px!important'
-      item.importWidth = 'width:' + width + 'px!important' // 使用强制宽度覆盖auto
-    } else {
-      item.width = width + 'px'
-      item.importWidth = ''
-    }
-    wx.getSystemInfo({
-      success: (result) => {
-        // let width = item.width
-        if (Number(item.width.split('px')[0]) > result.windowWidth / 2 - 34) {
-          item.center = true
-        }
-      },
-      fail: () => {},
-      complete: () => {},
-    })
-    instance.data[bindName]['images'][index] = item
-    let bindData = {}
-    bindData[bindName] = instance.data[bindName]
-    // 防止多次setData，0.25s内最多执行一次
-    if (timeId == null) {
-      timeId = setTimeout(() => {
-        instance.setData(bindData)
-        clearTimeout(timeId)
-        timeId = null
-      }, 250)
-    }
-    // instance.setData({
-    //     imageComplete:true
-    // })
-    item.show = true
-    resolve()
-  })
-}
-
-function showNoSupportUrl(e) {
-  let copy_text = e.currentTarget.dataset.url
-  wx.showModal({
-    title: '提示',
-    confirmText: '复制链接',
-    content: '小程序暂不支持跳转外部链接',
-    success: function (res) {
-      if (res.confirm) {
-        if (wx.setClipboardData) {
-          wx.setClipboardData({
-            data: copy_text,
-          })
-        } else {
-          wx.showModal({
-            content: '复制失败，请更新微信版本后重试',
-            showCancel: false,
-          })
-        }
-      }
-    },
-  })
-}
-
-// 图片预览事件
-function wxParsePreview(e) {
-  let instance = this
-  let bindName = instance.data.bindName
-  let articleData = instance.data[bindName],
-    can_select = articleData.can_select,
-    imageUrls = articleData.imageUrls
-  let index = e.target.dataset.idx
-  let no_img_preview = e.target.dataset.no_img_preview
-  // can_select-1 关闭图文防复制开关(可预览图文) 0-打开图文防复制开关(不可预览图文)
-  // no_img_preview: true-不可预览（a标签下的图片都不能预览，防止事件重叠）
-  if (can_select && !no_img_preview) {
-    wx.previewImage({
-      current: imageUrls[index],
-      urls: imageUrls,
-    })
-  }
-}
-
-// 预览图片数组处理（一个图片标签包含多个src 取第一个）
-function imgListFormat(data) {
-  if (Array.isArray(data)) {
-    for (let i = data.length; 0 <= i; i--) {
-      // 若包含多个src，取第一个
-      if (Array.isArray(data[i])) {
-        data[i] = data[i][0]
-      }
-    }
-  }
-  return data
-}
-
-module.exports = {
-  wxParse: wxParse,
-  wxParseTemArray: wxParseTemArray,
-  emojisInit: emojisInit,
-  imageInit: imageInit,
-  imageLoad: imageLoad,
-}
+/**
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *               垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
+
+/**
+ * utils函数引入
+ **/
+import showdown from 'showdown.js'
+import HtmlToJson from 'html2json.js'
+/**
+ * 解析 iframe
+ **/
+import iframeParse from './iframeParse.js'
+/**
+ * 配置及公有属性
+ **/
+/**
+ * 主函数入口区
+ **/
+
+// can_select: 是否可选中文本 这里只根据该值进行是否可预览图文的判断（can_select为1-可选中，则可预览图文）
+function wxParse(
+  bindName = 'wxParseData',
+  type = 'html',
+  data = '<div class="color:red;">数据不能为空</div>',
+  target,
+  can_select = 1,
+) {
+  var that = target
+  that.setData({
+    imageComplete: false,
+  })
+  //缓存imageUrls和images
+  var articleBack = that.data.article ? true : false
+  var imageUrlsBack = []
+  var imagesBack = []
+  if (articleBack) {
+    imageUrlsBack = that.data.article.imageUrls
+    imagesBack = that.data.article.images
+  }
+  var transData = {} //存放转化后的数据
+  if (type == 'html') {
+    data = data.replace(/&quot;/g, "'") // style样式
+    transData = HtmlToJson.html2json(data, bindName)
+    // console.log(JSON.stringify(transData, ' ', ' '));
+  } else if (type == 'md' || type == 'markdown') {
+    var converter = new showdown.Converter()
+    var html = converter.makeHtml(data)
+    transData = HtmlToJson.html2json(html, bindName)
+    // console.log(JSON.stringify(transData, ' ', ' '));
+  }
+
+  console.log('iframeParse', transData)
+
+  // 处理 iframe ，转成 video 和 audio， 仅限于自用组件
+  return new Promise((resolve) => {
+    iframeParse(transData, function (res) {
+      transData = res
+      transData.view = {}
+      transData.can_select = can_select
+      // 图片预览数组处理
+      if (transData['imageUrls']) {
+        setTimeout(() => {
+          transData['imageUrls'] = imgListFormat(transData['imageUrls'])
+        }, 0)
+      }
+      var bindData = {}
+      bindData[bindName] = transData
+
+      //当为第二次进入详情时，对比缓存图片对图片进行宽度附值
+      if (articleBack) {
+        //最小循环
+        if (transData.imageUrls.length > imageUrlsBack.length) {
+          for (var i = 0; i <= imageUrlsBack.length - 1; i++) {
+            for (var j = 0; j <= transData.imageUrls.length - 1; j++) {
+              if (imageUrlsBack[i] == transData.imageUrls[j]) {
+                transData.images[j].width = imagesBack[i].width
+                break
+              }
+            }
+          }
+        } else {
+          for (var i = 0; i <= transData.imageUrls.length - 1; i++) {
+            for (var j = 0; j <= imageUrlsBack.length - 1; j++) {
+              if (transData.imageUrls[i] == imageUrlsBack[j]) {
+                transData.images[i].width = imagesBack[j].width
+                break
+              }
+            }
+          }
+        }
+      }
+      that.setData(
+        {
+          bindName: bindName,
+          [bindName]: transData,
+        },
+        () => {},
+      )
+      resolve()
+    })
+  })
+}
+
+function wxParseTemArray(temArrayName, bindNameReg, total, that) {
+  var array = []
+  var temData = that.data
+  var obj = null
+  for (var i = 0; i < total; i++) {
+    var simArr = temData[bindNameReg + i].nodes
+    array.push(simArr)
+  }
+
+  temArrayName = temArrayName || 'wxParseTemArray'
+  obj = JSON.parse('{"' + temArrayName + '":""}')
+  obj[temArrayName] = array
+  that.setData(obj)
+}
+
+/**
+ * 配置emojis
+ *
+ */
+
+function emojisInit(reg = '', baseSrc = '/wxParse/emojis/', emojis) {
+  HtmlToJson.emojisInit(reg, baseSrc, emojis)
+}
+
+// 初始化图片bindload事件
+function imageInit(instance) {
+  instance.imageLoad = imageLoad.bind(instance)
+  instance.showNoSupportUrl = showNoSupportUrl.bind(instance)
+  // 图片预览
+  instance.wxParsePreview = wxParsePreview.bind(instance)
+}
+
+let timeId = null
+
+// 图片bindload事件（设置图片真实宽度）
+function imageLoad(e, that) {
+  return new Promise((resolve) => {
+    let instance = that
+    let width = e.detail.width //获取图片真实宽度
+    let height = e.detail.height //获取图片真实宽度
+    let index = e.target.dataset.idx
+    let bindName = instance.data.bindName
+    let import_width = false // 是否使用强制宽度覆盖auto属性
+    let item = instance.data[bindName]['images'][index]
+    item.show = false
+    // 该图片有样式
+    if (item.attr && item.attr.style) {
+      let style = item.attr.style
+      for (let i = 0; i < style.length; i++) {
+        if (style[i] == 'width:') {
+          if (style[i + 1].indexOf('auto') >= 0) {
+            import_width = true // 使用强制宽度覆盖auto
+          } else {
+            import_width = false // 不使用强制宽度
+          }
+        }
+      }
+      item.attr.style = style
+    }
+
+    if (import_width) {
+      item.width = width + 'px!important'
+      item.importWidth = 'width:' + width + 'px!important' // 使用强制宽度覆盖auto
+    } else {
+      item.width = width + 'px'
+      item.importWidth = ''
+    }
+    wx.getSystemInfo({
+      success: (result) => {
+        // let width = item.width
+        if (Number(item.width.split('px')[0]) > result.windowWidth / 2 - 34) {
+          item.center = true
+        }
+      },
+      fail: () => {},
+      complete: () => {},
+    })
+    instance.data[bindName]['images'][index] = item
+    let bindData = {}
+    bindData[bindName] = instance.data[bindName]
+    // 防止多次setData，0.25s内最多执行一次
+    if (timeId == null) {
+      timeId = setTimeout(() => {
+        instance.setData(bindData)
+        clearTimeout(timeId)
+        timeId = null
+      }, 250)
+    }
+    // instance.setData({
+    //     imageComplete:true
+    // })
+    item.show = true
+    resolve()
+  })
+}
+
+function showNoSupportUrl(e) {
+  let copy_text = e.currentTarget.dataset.url
+  wx.showModal({
+    title: '提示',
+    confirmText: '复制链接',
+    content: '小程序暂不支持跳转外部链接',
+    success: function (res) {
+      if (res.confirm) {
+        if (wx.setClipboardData) {
+          wx.setClipboardData({
+            data: copy_text,
+          })
+        } else {
+          wx.showModal({
+            content: '复制失败，请更新微信版本后重试',
+            showCancel: false,
+          })
+        }
+      }
+    },
+  })
+}
+
+// 图片预览事件
+function wxParsePreview(e) {
+  let instance = this
+  let bindName = instance.data.bindName
+  let articleData = instance.data[bindName],
+    can_select = articleData.can_select,
+    imageUrls = articleData.imageUrls
+  let index = e.target.dataset.idx
+  let no_img_preview = e.target.dataset.no_img_preview
+  // can_select-1 关闭图文防复制开关(可预览图文) 0-打开图文防复制开关(不可预览图文)
+  // no_img_preview: true-不可预览（a标签下的图片都不能预览，防止事件重叠）
+  if (can_select && !no_img_preview) {
+    wx.previewImage({
+      current: imageUrls[index],
+      urls: imageUrls,
+    })
+  }
+}
+
+// 预览图片数组处理（一个图片标签包含多个src 取第一个）
+function imgListFormat(data) {
+  if (Array.isArray(data)) {
+    for (let i = data.length; 0 <= i; i--) {
+      // 若包含多个src，取第一个
+      if (Array.isArray(data[i])) {
+        data[i] = data[i][0]
+      }
+    }
+  }
+  return data
+}
+
+module.exports = {
+  wxParse: wxParse,
+  wxParseTemArray: wxParseTemArray,
+  emojisInit: emojisInit,
+  imageInit: imageInit,
+  imageLoad: imageLoad,
+}