axwen-test31 2.0.0

package/src/utils/buildHTML.js

@@ -0,0 +1,194 @@
+import { getOrgValueByKey } from '@/components/yt-org/data'
+import { TYPE_TREE } from '@/utils/variable'
+import { getOptionsForSystemParams } from '@/utils/xml'
+
+const optionsMap = {}
+function getOpLabel(type) {
+  const map = {
+    EQ: '等于',
+    NEQ: '不等于',
+    GT: '大于',
+    GTE: '大于等于',
+    LT: '小于',
+    LTE: '小于等于',
+    LIKE: '模糊匹配',
+    IN: '包含',
+    EXCLUSIVE: '不包含',
+    NULL: '为空',
+    EXIST: '不为空',
+    PRO: '提升',
+  }
+  return map[type]
+    ? `<span style="color:#c084fc;margin:0 8px;">${map[type] || ''}</span>`
+    : ''
+}
+
+async function getTypeValue(value, row) {
+  // const code = row.code || row.codeParam
+  const { labelId, id } = row
+  // 空值直接返回
+  if (value === null || value === undefined) {
+    return ''
+  }
+  else if (typeof value !== 'string') {
+    // 非 string 直接返回值
+    return value
+  }
+  if ((row.showType || row.showTp) === TYPE_TREE) {
+    if (value === '') {
+      return ''
+    }
+    const list = value.split(',')
+    const orgNameList = []
+    for (let i = 0; i < list.length; i++) {
+      const item = list[i]
+      const orgName = await getOrgValueByKey(item)
+      orgNameList.push(orgName)
+    }
+    return orgNameList.join(',')
+  }
+  else {
+    let options = optionsMap[labelId || id]
+    if (!options || options.length === 0 ) {
+      options = await getOptionsForSystemParams(`codeMap.${labelId || id}`)
+      optionsMap[labelId || id] = options
+    }
+  }
+
+  // 如果多个值 【,】 分割
+  const values = value.split(',')
+  if (row.isDerive && (row.showType || row.showTp) === 'select') {
+    if (values.length) {
+      return values
+        .reduce((list, v) => {
+          list.push(row.selectDeriveLabels.find(n => n.value === v)?.label)
+          return list
+        }, [])
+        ?.join(' , ')
+    }
+    else {
+      return ''
+    }
+  }
+  return values
+    .map((v) => {
+      const options = optionsMap[labelId || id]
+      const target = options?.find(option => option.value === v)
+      return target ? target.label : v || ''
+    })
+    .join('、')
+}
+
+async function getGroupValue(row) {
+  const map = {
+    0: '否',
+    1: '是',
+  }
+  const { detail = [], detailType = [] } = row
+  const op1 = row.op1 || detailType[0]
+  const op2 = row.op2 || detailType[1]
+  const val1 = row.val1 || detail[0]
+  const val2 = row.val2 || detail[1]
+  if (op1 === undefined && op2 === undefined &&  val1 === undefined &&  val2 === undefined) {
+    return ''
+  }
+  // 获取第一组值
+  const operator1 = getOpLabel(op1)
+  const value1
+      = (row.showType || row.showTp) === 'boolean'
+        ? map[val1] || ''
+        : await getTypeValue(val1, row)
+  if ((row.matchType || row.type) === 'section') {
+    // 获取第二组值
+    const operator2 = getOpLabel(op2)
+    const value2
+        = (row.showType || row.showTp) === 'boolean'
+          ? map[val1] || ''
+          : await getTypeValue(val2, row)
+    return `${operator1}${value1}${operator2}${value2}`
+  }
+  else {
+    return `${operator1}${value1}`
+  }
+}
+
+// 数据比较混乱,兼容两种方式 viewList和 ckAreas的取值
+async function renderHtmlCk(data, {
+  isShowLabelUpdateTime,
+  isTarget,
+}) {
+  let ret = `<div>-</div>`
+  if (!Array.isArray(data)) {
+    return ret
+  }
+  data = data?.filter(v => !v.disabled)
+  if (!data.length) {
+    return ret
+  }
+  const timeData = data.find(item => (item.labelCode || item.code) === 'system_date')?.name
+  const ruleMap = {
+    'AND': '<span style="color: #1664ff; margin:0 8px;">且</span>',
+    'OR': '<span style="color: #1664ff; margin:0 8px;">或</span>',
+    'AND NOT': '<span style="color: #1664ff; margin:0 8px;">非</span>',
+    'max': '<span style="margin-right: 8px;">max</span>',
+    'min': '<span style="margin-right: 8px;">min</span>',
+    'averge': '<span style="margin-right: 8px;">averge</span>',
+    '(': '<span style="margin-right: 8px;">{</span>',
+    ')': '<span style="margin-left: 8px;">}</span>',
+    '+': '<span style="margin-left: 8px;">+</span>',
+    '-': '<span style="margin-left: 8px;">-</span>',
+    '*': '<span style="margin-left: 8px;">*</span>',
+    '/': '<span style="margin-left: 8px;">/</span>',
+    // constant: `<span style="margin-left: 8px;">${conData}</span>`,
+    'system_date': `<span style="margin-left: 8px;">${timeData}</span>`,
+  }
+  const strList = []
+  for (const index in data) {
+    const item = data[index]
+    if (item.dragType === 'sign' || item.isRule) {
+      // 常量会存在多个  需取各自设置的值
+      if ((item.labelCode || item.code) === 'constant') {
+        strList.push(`<span style="margin-left: 8px;">${item.labelNm || item.name}</span>`)
+      }
+      else {
+        strList.push(ruleMap[item.labelCode || item.code])
+      }
+    }
+    else {
+      let temp = ''
+      if (item.treeCode) {
+        // 事件处理
+        const pre = item.labelNm[0]
+        if (item.parentId === 'combine') {
+          // 组合事件没有子属性规则
+          temp = `${pre}发生<span style="color: #E6A23C;">${item.treeName}</span>`
+        }
+        else {
+          temp = `${pre}发生<span style="color: #E6A23C;">${item.treeName}</span>的<span style="color: #F56C6C;">${item.subEventRule}</span>`
+        }
+      }
+      else {
+        const groupValue = await getGroupValue(item)
+        let result = ''
+        if (isShowLabelUpdateTime) {
+          result = `<span data-name="labelUpdateDate" style="color: #2B6AE8; padding-right: 4px;">${item.dataDt || item.labelDate || ''}</span>`
+        }
+        temp = `${result}<span style="color: #67C23A;padding-right: 4px;">${item.labelNm || item.name}</span>${groupValue}`
+      }
+      strList.push(temp)
+    }
+  }
+  if (data?.[0].code !== '(' || data.at(-1)?.code !== ')') {
+    strList.unshift(ruleMap['('])
+    strList.push(ruleMap[')'])
+  }
+  ret = strList?.join('')
+  if (isTarget) {
+    const re1 = /<.+?>/g
+    ret = ret.replace(re1, '')
+    localStorage.setItem('targetHtml', ret)
+  }
+  return ret
+}
+
+export default renderHtmlCk

package/src/utils/charts.js

@@ -0,0 +1,51 @@
+function genTempImg(src){
+    return new Promise(resolve=>{
+        var img = document.createElement('img')
+        img.className='js-temp-img'
+        img.style.width = 960
+        img.style.height = 'auto'
+        img.style.position ='fixed'
+        img.style.left = 5000
+        document.body.appendChild(img)
+        img.onload = ()=>{
+            resolve(img);
+            setTimeout(()=>document.querySelectorAll('.js-temp-canvas').forEach(n=>document.body.removeChild(n)),100)
+        }
+        img.src = src
+    })
+}
+
+function getFileByImg(img,fileName=''+Date.now()){
+    return new Promise(resolve =>{
+        var canvas = document.createElement('canvas')
+        canvas.className='js-temp-canvas'
+        document.body.appendChild(canvas)
+        canvas.width = img.naturalWidth
+        canvas.height = img.naturalHeight
+        
+        //canvas.style.border = '1px solid red'
+        canvas.style.position = 'fixed'
+        canvas.style.left = 2000
+        var ctx = canvas.getContext('2d')
+        ctx.scale(1, 1)
+        ctx.drawImage(img, 0, 0, img.width, img.height)
+        canvas.toBlob(blob=>{
+            var file = new File([blob],fileName+'.png',{type:'image/png'})
+            resolve(file)
+            setTimeout(()=>document.querySelectorAll('.js-temp-canvas').forEach(n=>document.body.removeChild(n)),100)
+        })
+    })
+}
+
+function getImgFileBySrc(src,fileName){
+    return genTempImg(src).then(img => getFileByImg(img,fileName))
+}
+
+function getSvgFileByDataUrl(dataUrl,fileName){
+    const type = 'image/svg+xml'
+    const blob = new Blob([decodeURIComponent(dataUrl.slice(32))], {type : type+';charset=utf-8'})
+    const file = new File([blob], fileName+'.svg' ,{type})
+    return file
+}
+
+export {getImgFileBySrc,getSvgFileByDataUrl}

package/src/utils/clickoutside.js

@@ -0,0 +1,58 @@
+import Vue from 'vue'
+import { on } from './dom.js'
+
+const nodeList = []
+const ctx = '@@clickoutsideContext'
+
+!Vue.prototype.$isServer && on(document, 'click', e => {
+    nodeList.forEach(node => node[ctx].documentHandler(e))
+})
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-element-clickoutside="handleClose">
+ * ```
+ */
+export default {
+    bind (el, binding, vnode) {
+        const id = nodeList.push(el) - 1
+        const documentHandler = function (e) {
+            if (!vnode.context ||
+        el.contains(e.target) ||
+        (vnode.context.popperElm &&
+        vnode.context.popperElm.contains(e.target))) return
+
+            if (binding.expression &&
+        el[ctx].methodName &&
+        vnode.context[el[ctx].methodName]) {
+                vnode.context[el[ctx].methodName]()
+            } else {
+                el[ctx].bindingFn && el[ctx].bindingFn()
+            }
+        }
+        el[ctx] = {
+            id,
+            documentHandler,
+            methodName: binding.expression,
+            bindingFn: binding.value
+        }
+    },
+
+    update (el, binding) {
+        el[ctx].methodName = binding.expression
+        el[ctx].bindingFn = binding.value
+    },
+
+    unbind (el) {
+        const len = nodeList.length
+
+        for (let i = 0; i < len; i++) {
+            if (nodeList[i][ctx].id === el[ctx].id) {
+                nodeList.splice(i, 1)
+                break
+            }
+        }
+    }
+}

package/src/utils/copyLink.js

@@ -0,0 +1,18 @@
+/**
+ * 复制单行内容到粘贴板
+ * content : 需要复制的内容
+ * message : 复制完后的提示，不传则默认提示"复制成功"
+ */
+ export function copyToClip(content) {
+    if(content){
+        var aux = document.createElement("input");
+        aux.setAttribute("value", content);
+        document.body.appendChild(aux);
+        aux.select();
+        document.execCommand("copy");
+        document.body.removeChild(aux);
+        return true
+    }else{
+        return false
+    }
+}

package/src/utils/deepClone.js

@@ -0,0 +1,71 @@
+/**
+ * 获取数据类型
+ * @param {*} any 
+ */
+export const getType = function(any) {
+    const originalString = Object.prototype.toString
+    const type = originalString.call(any)
+    const cleanType = type.slice(8).replace(']', '')
+    return cleanType.toLowerCase()
+}
+
+
+/**
+ * 深拷贝
+ * @param {*} obj 
+ */
+export const deepClone = function(data) {
+
+    // obj 只能是对象
+    function cloneObj(obj) {
+        const result = {}
+        for (const key in obj) {
+            if (!obj.hasOwnProperty(key)) {
+                continue
+            }
+            const target = obj[key]
+            const type = getType(target)
+            if (['string', 'boolean', 'number', 'undefined', 'null', 'nan'].includes(type)) {
+                result[key] = target
+            } else if (type === 'Array') {
+                result[key] = JSON.parse(JSON.stringify(target))
+            } else if (target === obj) {
+                result[key] = result
+            } else if (type === 'object') {
+                result[key] = cloneObj(target)
+            } else if (type === 'function') {
+                result[key] = target.bind(result)
+            } else {
+                result[key] = target
+            }
+        }
+        return result
+    }
+
+    function cloneArr(arr) {
+        const result = []
+        for (let i = 0; i < arr.length; i++) {
+            const type = getType(arr[i])
+            if (['string', 'boolean', 'number', 'undefined', 'null', 'nan'].includes(type)) {
+                result[i] = arr[i]
+            } else if (type === 'array') {
+                result[i] = cloneArr(arr[i])
+            } else if (type === 'object') {
+                result[i] = cloneObj(arr[i])
+            } else if (type === 'function') {
+                result[i] = target.bind(result)
+            } else {
+                result[i] = arr[i]
+            }
+        }
+        return result
+    }
+
+    if (getType(data) === 'array') {
+        return cloneArr(data)
+    } else if (getType(data) === 'object') {
+        return cloneObj(data)
+    } else {
+        return data
+    }
+}

package/src/utils/dom.js

@@ -0,0 +1,194 @@
+/* eslint-disable */
+/* istanbul ignore next */
+import Vue from 'vue'
+
+const isServer = Vue.prototype.$isServer
+const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
+const MOZ_HACK_REGEXP = /^moz([A-Z])/
+const ieVersion = isServer ? 0 : Number(document.documentMode)
+
+/* istanbul ignore next */
+const trim = function (string) {
+  return (string || '').replace(/(^[\s\uFEFF]+)|([\s\uFEFF]+$)/g, '')
+}
+/* istanbul ignore next */
+const camelCase = function (name) {
+  return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+    return offset ? letter.toUpperCase() : letter
+  }).replace(MOZ_HACK_REGEXP, 'Moz$1')
+}
+
+/* istanbul ignore next */
+export const on = (function () {
+  if (!isServer && document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false)
+      }
+    }
+  } else {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler)
+      }
+    }
+  }
+})()
+
+/* istanbul ignore next */
+export const off = (function () {
+  if (!isServer && document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false)
+      }
+    }
+  } else {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler)
+      }
+    }
+  }
+})()
+
+/* istanbul ignore next */
+export const once = function (el, event, fn) {
+  var listener = function () {
+    if (fn) {
+      fn.apply(this, arguments)
+    }
+    off(el, event, listener)
+  }
+  on(el, event, listener)
+}
+
+/* istanbul ignore next */
+export function hasClass (el, cls) {
+  if (!el || !cls) return false
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.')
+  if (el.classList) {
+    return el.classList.contains(cls)
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1
+  }
+}
+
+/* istanbul ignore next */
+export function addClass (el, cls) {
+  if (!el) return
+  var curClass = el.className
+  var classes = (cls || '').split(' ')
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i]
+    if (!clsName) continue
+
+    if (el.classList) {
+      el.classList.add(clsName)
+    } else {
+      if (!hasClass(el, clsName)) {
+        curClass += ' ' + clsName
+      }
+    }
+  }
+  if (!el.classList) {
+    el.className = curClass
+  }
+}
+
+/* istanbul ignore next */
+export function removeClass (el, cls) {
+  if (!el || !cls) return
+  var classes = cls.split(' ')
+  var curClass = ' ' + el.className + ' '
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i]
+    if (!clsName) continue
+
+    if (el.classList) {
+      el.classList.remove(clsName)
+    } else {
+      if (hasClass(el, clsName)) {
+        curClass = curClass.replace(' ' + clsName + ' ', ' ')
+      }
+    }
+  }
+  if (!el.classList) {
+    el.className = trim(curClass)
+  }
+}
+
+/* istanbul ignore next */
+export const getStyle = ieVersion < 9 ? function (element, styleName) {
+  if (isServer) return
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'styleFloat'
+  }
+  try {
+    switch (styleName) {
+      case 'opacity':
+        try {
+          return element.filters.item('alpha').opacity / 100
+        } catch (e) {
+          return 1.0
+        }
+      default:
+        return (element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null)
+    }
+  } catch (e) {
+    return element.style[styleName]
+  }
+} : function (element, styleName) {
+  if (isServer) return
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'cssFloat'
+  }
+  try {
+    var computed = document.defaultView.getComputedStyle(element, '')
+    return element.style[styleName] || computed ? computed[styleName] : null
+  } catch (e) {
+    return element.style[styleName]
+  }
+}
+
+/* istanbul ignore next */
+export function setStyle (element, styleName, value) {
+  if (!element || !styleName) return
+
+  if (typeof styleName === 'object') {
+    for (var prop in styleName) {
+      if (styleName.hasOwnProperty(prop)) {
+        setStyle(element, prop, styleName[prop])
+      }
+    }
+  } else {
+    styleName = camelCase(styleName)
+    if (styleName === 'opacity' && ieVersion < 9) {
+      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')'
+    } else {
+      element.style[styleName] = value
+    }
+  }
+}
+
+export function getEventPath(e){
+  return e.path || (e.composedPath && e.composedPath())
+}
+
+export function isFirefox(){
+    return String(navigator.userAgent).match(/firefox/i) != null
+}
+export function preventAndStopEvent(e){
+    if(!isFirefox() || process.env.VUE_APP_EVENT=='standard'){
+        return
+    }else{
+        e.stopPropagation && e.stopPropagation()
+        e.preventDefault && e.preventDefault()
+    }
+}

package/src/utils/encrypt.js

@@ -0,0 +1,113 @@
+import sm from 'sm-crypto'
+/**
+ * 随机生成sm4秘钥
+ * @param len
+ * @returns {Object}
+ */
+function getSm4Key(len){
+    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+    const result = {
+        key: '',
+        keyHex: ''
+    };
+    const key = [], keyHex = [];
+    const radix = chars.length
+    for (let i = 0; i < len; i++) {
+        const ind = 0 | Math.random() * radix;
+        keyHex[i] = chars.charCodeAt(ind).toString(16);
+        key[i] = chars[ind]
+    }
+    result.key = key.join('')
+    result.keyHex = keyHex.join('')
+    return result;
+}
+
+const enConfig = {
+    type: 'sign',
+    arm: 'sm2',
+    sm4Key: 'delJgGdIubGpUWbh',
+    privateKey: '23cb865386e098a2907bb9f582810ebec556201f67d5121dc41cb0347c4f1fb0',
+    publicKey: '043ccde2758b75c91f511df4c7ea61889c317dbc1c2c06a11a647aba0cb564a085b09f9c238bcdf2acf448298cdd052f53b1bea11b1e8ef5b2dfa39a2183f7421d',
+}
+
+export function encrypt(json){
+    const jsonStr = typeof(json)=='string'? json : JSON.stringify(json)
+    // 生成随机sm4key
+    const {key, keyHex} = getSm4Key(16)
+    // 使用sm4加密报文体
+    const encryptBody = sm.sm4.encrypt(jsonStr, keyHex, {padding: 'pkcs#5', mode: 'ECB'})
+    // console.warn(`encryptBody:${encryptBody}`)
+    // 使用sm2加密sm4key
+    const encryptKey = sm.sm2.doEncrypt(key, enConfig.publicKey)
+    // console.warn(`encryptKey:${encryptKey}`)
+    const signData = jsonStr + key
+    // console.warn(`signData:${signData}`)
+    // 使用sm2withsm3对报文和sm4key进行签名
+    const sign = sm.sm2.doSignature(signData,
+        enConfig.privateKey,
+        { hash:true, der: true})
+    // console.warn(`sign:${sign}`)
+    // sm2加密串，服务端前有04,将签名，加密报文体，加密sm4key合并后作为请求体传给后端
+    const encrypt = "#10" + [sign, encryptBody, '04'+encryptKey].join(String.fromCharCode(29));
+    // console.warn(`encrypt:${encrypt}`)
+    return {data:{data:encrypt}, keyHex}
+}
+
+export function decrypt(data,keyHex){
+    let encryptData = data.substr(14);
+    const confuseStartPos = parseInt(data.substring(3, 5), 16);
+    const confuseLen = parseInt(data.substring(5, 7), 16);
+    const confuseRule = parseInt(data.substring(7, 8), 16);
+    const originalLen = parseInt(data.substring(8, 14), 16);
+    const confuseStr = encryptData.substring(confuseStartPos, confuseStartPos + confuseLen);
+    const confuseStrLen = confuseStr.length;
+    const confuseData = [];
+    confuseData.push(encryptData.substring(0, confuseStartPos));
+    switch (confuseRule) {
+        case 1:
+            confuseData.push(confuseStr.charAt(confuseStrLen - 1))
+            confuseData.push(confuseStr.substring(1, confuseStrLen - 1));
+            confuseData.push(confuseStr.charAt(0));
+            break;
+        case 2:
+            for (let j = 2; j <= confuseStrLen; ++j) {
+                if (j % 2 == 0) {
+                    confuseData.push(confuseStr.charAt(j - 1));
+                    confuseData.push(confuseStr.charAt(j - 2));
+                }
+            }
+            if (confuseStrLen % 2 != 0 && confuseStrLen > 0) {
+                confuseData.push(confuseStr.charAt(confuseStrLen - 1));
+                break;
+            }
+            break;
+    }
+    if (confuseRule != 0) {
+        confuseData.push(encryptData.substring(confuseStartPos + confuseLen));
+        encryptData = confuseData.join('');
+    }
+    encryptData = encryptData.substring(0, originalLen);
+    let result = sm.sm4.decrypt(encryptData, keyHex)
+    try{
+        result = JSON.parse(result)
+    }catch (e) {
+        console.warn(e)
+    }
+    console.warn('decrypt result:', result)
+    return result
+}
+
+
+/*
+    axios.request({
+        url: '/yt-crypto/encrypt',
+        method: 'post',
+        headers:{"content-type": "text/plain"},
+        data: encrypt
+    }).then(res => {
+        const data = res.data.data
+        return decrypto(data)
+    }).catch(err => {
+        console.warn(err)
+    })
+*/