xiaoe_mp_npm 1.0.21 → 1.0.22-store2

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

@@ -0,0 +1,209 @@
+// HTML 支持的数学符号
+function strNumDiscode(str) {
+  str = str.replace(/∀/g, '∀')
+  str = str.replace(/∂/g, '∂')
+  str = str.replace(/&exists;/g, '∃')
+  str = str.replace(/∅/g, '∅')
+  str = str.replace(/∇/g, '∇')
+  str = str.replace(/∈/g, '∈')
+  str = str.replace(/∉/g, '∉')
+  str = str.replace(/∋/g, '∋')
+  str = str.replace(/∏/g, '∏')
+  str = str.replace(/∑/g, '∑')
+  str = str.replace(/−/g, '−')
+  str = str.replace(/∗/g, '∗')
+  str = str.replace(/√/g, '√')
+  str = str.replace(/∝/g, '∝')
+  str = str.replace(/∞/g, '∞')
+  str = str.replace(/∠/g, '∠')
+  str = str.replace(/∧/g, '∧')
+  str = str.replace(/∨/g, '∨')
+  str = str.replace(/∩/g, '∩')
+  str = str.replace(/∩/g, '∪')
+  str = str.replace(/∫/g, '∫')
+  str = str.replace(/∴/g, '∴')
+  str = str.replace(/∼/g, '∼')
+  str = str.replace(/≅/g, '≅')
+  str = str.replace(/≈/g, '≈')
+  str = str.replace(/≠/g, '≠')
+  str = str.replace(/≤/g, '≤')
+  str = str.replace(/≥/g, '≥')
+  str = str.replace(/⊂/g, '⊂')
+  str = str.replace(/⊃/g, '⊃')
+  str = str.replace(/⊄/g, '⊄')
+  str = str.replace(/⊆/g, '⊆')
+  str = str.replace(/⊇/g, '⊇')
+  str = str.replace(/⊕/g, '⊕')
+  str = str.replace(/⊗/g, '⊗')
+  str = str.replace(/⊥/g, '⊥')
+  str = str.replace(/⋅/g, '⋅')
+  return str
+}
+
+//HTML 支持的希腊字母
+function strGreeceDiscode(str) {
+  str = str.replace(/Α/g, 'Α')
+  str = str.replace(/Β/g, 'Β')
+  str = str.replace(/Γ/g, 'Γ')
+  str = str.replace(/Δ/g, 'Δ')
+  str = str.replace(/Ε/g, 'Ε')
+  str = str.replace(/Ζ/g, 'Ζ')
+  str = str.replace(/Η/g, 'Η')
+  str = str.replace(/Θ/g, 'Θ')
+  str = str.replace(/Ι/g, 'Ι')
+  str = str.replace(/Κ/g, 'Κ')
+  str = str.replace(/Λ/g, 'Λ')
+  str = str.replace(/Μ/g, 'Μ')
+  str = str.replace(/Ν/g, 'Ν')
+  str = str.replace(/Ξ/g, 'Ν')
+  str = str.replace(/Ο/g, 'Ο')
+  str = str.replace(/Π/g, 'Π')
+  str = str.replace(/Ρ/g, 'Ρ')
+  str = str.replace(/Σ/g, 'Σ')
+  str = str.replace(/Τ/g, 'Τ')
+  str = str.replace(/Υ/g, 'Υ')
+  str = str.replace(/Φ/g, 'Φ')
+  str = str.replace(/Χ/g, 'Χ')
+  str = str.replace(/Ψ/g, 'Ψ')
+  str = str.replace(/Ω/g, 'Ω')
+
+  str = str.replace(/α/g, 'α')
+  str = str.replace(/β/g, 'β')
+  str = str.replace(/γ/g, 'γ')
+  str = str.replace(/δ/g, 'δ')
+  str = str.replace(/ε/g, 'ε')
+  str = str.replace(/ζ/g, 'ζ')
+  str = str.replace(/η/g, 'η')
+  str = str.replace(/θ/g, 'θ')
+  str = str.replace(/ι/g, 'ι')
+  str = str.replace(/κ/g, 'κ')
+  str = str.replace(/λ/g, 'λ')
+  str = str.replace(/μ/g, 'μ')
+  str = str.replace(/ν/g, 'ν')
+  str = str.replace(/ξ/g, 'ξ')
+  str = str.replace(/ο/g, 'ο')
+  str = str.replace(/π/g, 'π')
+  str = str.replace(/ρ/g, 'ρ')
+  str = str.replace(/ς/g, 'ς')
+  str = str.replace(/σ/g, 'σ')
+  str = str.replace(/τ/g, 'τ')
+  str = str.replace(/υ/g, 'υ')
+  str = str.replace(/φ/g, 'φ')
+  str = str.replace(/χ/g, 'χ')
+  str = str.replace(/ψ/g, 'ψ')
+  str = str.replace(/ω/g, 'ω')
+  str = str.replace(/ϑ/g, 'ϑ')
+  str = str.replace(/ϒ/g, 'ϒ')
+  str = str.replace(/ϖ/g, 'ϖ')
+  str = str.replace(/·/g, '·')
+  return str
+}
+
+//
+
+function strcharacterDiscode(str) {
+  // 加入常用解析
+  str = str.replace(/ /g, ' ')
+  str = str.replace(/"/g, '"')
+  str = str.replace(/&/g, '&')
+
+  str = str.replace(/</g, '‹')
+  str = str.replace(/>/g, '›')
+
+  str = str.replace(/'/g, "'")
+
+  // str = str.replace(/&lt;/g, '<');
+  // str = str.replace(/&gt;/g, '>');
+
+  return str
+}
+
+// HTML 支持的其他实体
+function strOtherDiscode(str) {
+  str = str.replace(/&OElig;/g, 'Œ')
+  str = str.replace(/&oelig;/g, 'œ')
+  str = str.replace(/&Scaron;/g, 'Š')
+  str = str.replace(/&scaron;/g, 'š')
+  str = str.replace(/&Yuml;/g, 'Ÿ')
+  str = str.replace(/&fnof;/g, 'ƒ')
+  str = str.replace(/&circ;/g, 'ˆ')
+  str = str.replace(/&tilde;/g, '˜')
+  str = str.replace(/&ensp;/g, '')
+  str = str.replace(/&emsp;/g, '')
+  str = str.replace(/&thinsp;/g, '')
+  str = str.replace(/&zwnj;/g, '')
+  str = str.replace(/&zwj;/g, '')
+  str = str.replace(/&lrm;/g, '')
+  str = str.replace(/&rlm;/g, '')
+  str = str.replace(/&ndash;/g, '–')
+  str = str.replace(/&mdash;/g, '—')
+  str = str.replace(/&lsquo;/g, '‘')
+  str = str.replace(/&rsquo;/g, '’')
+  str = str.replace(/&sbquo;/g, '‚')
+  str = str.replace(/&ldquo;/g, '“')
+  str = str.replace(/&rdquo;/g, '”')
+  str = str.replace(/&bdquo;/g, '„')
+  str = str.replace(/&dagger;/g, '†')
+  str = str.replace(/&Dagger;/g, '‡')
+  str = str.replace(/&bull;/g, '•')
+  str = str.replace(/&hellip;/g, '…')
+  str = str.replace(/&permil;/g, '‰')
+  str = str.replace(/&prime;/g, '′')
+  str = str.replace(/&Prime;/g, '″')
+  str = str.replace(/&lsaquo;/g, '‹')
+  str = str.replace(/&rsaquo;/g, '›')
+  str = str.replace(/&oline;/g, '‾')
+  str = str.replace(/&euro;/g, '€')
+  str = str.replace(/&trade;/g, '™')
+
+  str = str.replace(/&larr;/g, '←')
+  str = str.replace(/&uarr;/g, '↑')
+  str = str.replace(/&rarr;/g, '→')
+  str = str.replace(/&darr;/g, '↓')
+  str = str.replace(/&harr;/g, '↔')
+  str = str.replace(/&crarr;/g, '↵')
+  str = str.replace(/&lceil;/g, '⌈')
+  str = str.replace(/&rceil;/g, '⌉')
+
+  str = str.replace(/&lfloor;/g, '⌊')
+  str = str.replace(/&rfloor;/g, '⌋')
+  str = str.replace(/&loz;/g, '◊')
+  str = str.replace(/&spades;/g, '♠')
+  str = str.replace(/&clubs;/g, '♣')
+  str = str.replace(/&hearts;/g, '♥')
+
+  str = str.replace(/&diams;/g, '♦')
+
+  return str
+}
+
+function strMoreDiscode(str) {
+  str = str.replace(/\r\n/g, '')
+  // str = str.replace(/\n/g, "");
+
+  str = str.replace(/code/g, 'wxxxcode-style')
+  return str
+}
+
+function strDiscode(str) {
+  // 屏蔽鸡肋字符串替换 否则会导致图文渲染过慢
+  // str = strNumDiscode(str);
+  // str = strGreeceDiscode(str);
+  str = strcharacterDiscode(str)
+  // str = strOtherDiscode(str);
+  str = strMoreDiscode(str)
+  return str
+}
+function urlToHttpUrl(url, rep) {
+  var patt1 = new RegExp('^//')
+  var result = patt1.test(url)
+  if (result) {
+    url = rep + ':' + url
+  }
+  return url
+}
+
+module.exports = {
+  strDiscode: strDiscode,
+  urlToHttpUrl: urlToHttpUrl,
+}

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

@@ -0,0 +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,
+}