shijiplus-web-plugin 0.1.10 → 0.1.12

package/src/extentionPlugin/string.js

@@ -2,10 +2,34 @@ const install = (vue, opts = {}) => {
   vue.prototype.$trim = trim
   vue.prototype.$trimStart = trimStart
   vue.prototype.$trimEnd = trimEnd
+  vue.prototype.$formatterBankCard = formatterBankCard
+  vue.prototype.$formatterPhoneNo = formatterPhoneNo
   vue.prototype.$formtterCityName = formtterCityName
   vue.prototype.$parseUrl = parseUrl
   vue.prototype.$beautyNum = beautyNum
-  vue.prototype.$formatterPhoneNo = formatterPhoneNo
+  vue.prototype.$numberToChinese = function (num) {
+    const chineseNumArr = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']
+    const chineseUnitArr = ['', '十', '百', '千', '万', '亿']
+    let numArr = String(num).split('')
+    let numIndex = numArr.length - 1
+    let unitIndex = 0
+    let result = []
+    while (numIndex >= 0) {
+      const num = parseInt(numArr[numIndex])
+      let unitStr = num ? chineseUnitArr[unitIndex] : ''
+      let numStr = unitIndex == 0 && num == 0 ? '' : chineseNumArr[num]
+      let chinese = ''
+      if (unitIndex == 1 && numIndex == 0) {
+        chinese += (num > 1 ? numStr : '') + unitStr
+      } else {
+        chinese += numStr + unitStr
+      }
+      result[numIndex] = chinese
+      numIndex--
+      unitIndex++
+    }
+    return result.join('')
+  }
 }
 
 function formtterCityName(proName, cityName) {
@@ -16,6 +40,11 @@ function formtterCityName(proName, cityName) {
   return `${proName}/${cityName}`
 }
 
+// 格式化银行卡号
+function formatterBankCard(oriStr) {
+  var reg = /^(\d{4})\d+(\d{4})$/
+  return oriStr.replace(reg, '$1 **** **** $2')
+}
 // 格式化手机号
 function formatterPhoneNo(oriStr) {
   var reg = /^(\d{3})\d+(\d{4})$/

package/src/libs/excel.js

@@ -0,0 +1,203 @@
+/* eslint-disable */
+import XLSX from 'xlsx';
+
+function auto_width(ws, data) {
+  /*set worksheet max width per col*/
+  const colWidth = data.map(row => row.map(val => {
+    /*if null/undefined*/
+    if (val == null) {
+      return { 'wch': 10 };
+    }
+    /*if chinese*/
+    else if (val.toString().charCodeAt(0) > 255) {
+      return { 'wch': val.toString().length * 2 };
+    } else {
+      return { 'wch': val.toString().length };
+    }
+  }))
+  /*start in the first row*/
+  let result = colWidth[0];
+  for (let i = 1; i < colWidth.length; i++) {
+    for (let j = 0; j < colWidth[i].length; j++) {
+      if (result[j]['wch'] < colWidth[i][j]['wch']) {
+        result[j]['wch'] = colWidth[i][j]['wch'];
+      }
+    }
+  }
+  ws['!cols'] = result;
+}
+
+function json_to_array(key, jsonData) {
+  return jsonData.map(v => key.map(j => { return v[j] }));
+}
+
+// fix data,return string
+function fixdata(data) {
+  let o = ''
+  let l = 0
+  const w = 10240
+  for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)))
+  o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)))
+  return o
+}
+
+// get head from excel file,return array
+function get_header_row(sheet) {
+  const headers = []
+  const range = XLSX.utils.decode_range(sheet['!ref'])
+  let C
+  const R = range.s.r /* start in the first row */
+  for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */
+    var cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })] /* find the cell in the first row */
+    var hdr = 'UNKNOWN ' + C // <-- replace with your desired default
+    if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
+    headers.push(hdr)
+  }
+  return headers
+}
+
+export const export_table_to_excel = (id, filename) => {
+  const table = document.getElementById(id);
+  const wb = XLSX.utils.table_to_book(table);
+  XLSX.writeFile(wb, filename);
+
+  /* the second way */
+  // const table = document.getElementById(id);
+  // const wb = XLSX.utils.book_new();
+  // const ws = XLSX.utils.table_to_sheet(table);
+  // XLSX.utils.book_append_sheet(wb, ws, filename);
+  // XLSX.writeFile(wb, filename);
+}
+
+export const export_json_to_excel = ({ data, key, title, filename, autoWidth }) => {
+  const wb = XLSX.utils.book_new();
+  data.unshift(title);
+  const ws = XLSX.utils.json_to_sheet(data, { header: key, skipHeader: true });
+  if (autoWidth) {
+    const arr = json_to_array(key, data);
+    auto_width(ws, arr);
+  }
+  const sheetName = filename.length > 31 ? 'sheet1' : filename
+  XLSX.utils.book_append_sheet(wb, ws, sheetName);
+  XLSX.writeFile(wb, filename + '.xlsx');
+}
+
+export const export_array_to_excel = ({ key, data, title, filename, autoWidth }) => {
+  const wb = XLSX.utils.book_new();
+  const arr = json_to_array(key, data);
+  arr.unshift(title);
+  const ws = XLSX.utils.aoa_to_sheet(arr);
+  if (autoWidth) {
+    auto_width(ws, arr);
+  }
+  XLSX.utils.book_append_sheet(wb, ws, filename);
+  XLSX.writeFile(wb, filename + '.xlsx');
+}
+
+export const read = (data, type) => {
+  /* if type == 'base64' must fix data first */
+  // const fixedData = fixdata(data)
+  // const workbook = XLSX.read(btoa(fixedData), { type: 'base64' })
+  const workbook = XLSX.read(data, { type: type });
+  const firstSheetName = workbook.SheetNames[0];
+  const worksheet = workbook.Sheets[firstSheetName];
+  const header = get_header_row(worksheet);
+  const results = XLSX.utils.sheet_to_json(worksheet);
+  return { header, results };
+}
+
+export const export_json_to_excel_buffer = ({ data, key, title, filename, autoWidth }) => {
+  const wb = XLSX.utils.book_new();
+  data.unshift(title);
+  const ws = XLSX.utils.json_to_sheet(data, { header: key, skipHeader: true });
+  if (autoWidth) {
+    const arr = json_to_array(key, data);
+    auto_width(ws, arr);
+  }
+  XLSX.utils.book_append_sheet(wb, ws, filename);
+  XLSX.writeFile(wb, filename + '.xlsx');
+
+  return XLSX.write(wb, { type: 'array', bookType: 'xlsx' });
+}
+
+export const exportJsonToExcelBlob = ({ data, key, title, filename, autoWidth }) => {
+  const wb = XLSX.utils.book_new();
+  data.unshift(title);
+  const ws = XLSX.utils.json_to_sheet(data, { header: key, skipHeader: true });
+  if (autoWidth) {
+    const arr = json_to_array(key, data);
+    auto_width(ws, arr);
+  }
+  XLSX.utils.book_append_sheet(wb, ws, filename);
+  const buffer = XLSX.write(wb, { type: 'array', bookType: 'xlsx' });
+  return new Blob([buffer], { type: 'application/octet-stream' })
+}
+
+export const exportAugmentedExcel = (data, keys, opts = {}) => {
+  const defaultOptions = { cellContents: [], autoWidth: false, fileName: '表格' }
+  const {
+    cellContents, autoWidth, fileName
+  } = Object.assign({}, defaultOptions, opts)
+  const wb = XLSX.utils.book_new()
+  let originIndex = 1
+  if (cellContents) {
+    originIndex = cellContents.length + 1
+  } else {
+    cellContents = []
+  }
+  let ws = XLSX.utils.json_to_sheet(data || [], { header: keys || [], origin: `A${originIndex}` })
+  const { e, s } = XLSX.utils.decode_range(ws["!ref"])
+  const newEnd = { c: e.c, r: e.r }
+  cellContents.forEach((rItem, rIndex) => {
+    rItem.forEach((cItem, cIndex) => {
+      const cellKey = XLSX.utils.encode_cell({ c: cIndex, r: rIndex })
+      ws[cellKey] = {
+        t: 's',
+        v: cItem
+      }
+      if (cIndex > newEnd.c) {
+        newEnd.c = cIndex
+      }
+    })
+  })
+  if (e.c < newEnd.c) {
+    ws["!ref"] = XLSX.utils.encode_range(s, newEnd)
+  }
+  if (autoWidth) {
+    let cols = []
+    for (let cIdx = 0; cIdx <= newEnd.c; cIdx++) {
+      let wch = 10
+      for (let rIdx = 0; rIdx <= newEnd.r; rIdx++) {
+        let formAddress = XLSX.utils.encode_cell({ c: cIdx, r: rIdx })
+        if (ws[formAddress]) {
+          const val = ws[formAddress].v || ''
+          let nWch = wch
+          if (val.toString().charCodeAt(0) > 255) {
+            nWch = val.toString().length * 2
+          } else {
+            nWch = val.toString().length
+          }
+          if (nWch > wch) {
+            wch = nWch
+          }
+        }
+      }
+      if (!cols[cIdx]) {
+        cols[cIdx] = {}
+      }
+      cols[cIdx]['wch'] = wch
+    }
+    ws['!cols'] = cols
+  }
+  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
+  XLSX.writeFile(wb, (fileName || '表格') + '.xlsx');
+}
+
+export default {
+  export_table_to_excel,
+  export_array_to_excel,
+  export_json_to_excel,
+  read,
+  export_json_to_excel_buffer,
+  exportAugmentedExcel
+}

package/src/libs/util.js

@@ -0,0 +1,184 @@
+import { export_json_to_excel as exportJsonToExcel, exportJsonToExcelBlob } from './excel'
+
+export const exportTableExcelBlob = (tableData, tableColumn, fileName) => {
+  return new Promise((resolve, reject) => {
+    try {
+      if (!tableData) {
+        tableData = []
+      }
+      const excelData = tableData.map((dataItem, index) => {
+        let newDataItem = {}
+        tableColumn.forEach((cItem) => {
+          if (cItem.excel) {
+            if (cItem.exportValue) {
+              newDataItem[cItem.title] = cItem.exportValue(dataItem)
+            } else {
+              newDataItem[cItem.title] = dataItem[cItem.key]
+            }
+          }
+        })
+        return newDataItem
+      })
+      var title = {}
+      tableColumn.forEach((item) => {
+        // 是否允许导出
+        if (item.excel) {
+          title[item.title] = item.title
+        }
+      })
+      resolve(exportJsonToExcelBlob({
+        data: excelData,
+        key: [],
+        title: title,
+        filename: fileName,
+        autoWidth: true
+      }))
+    } catch (error) {
+      reject(error)
+    }
+  })
+}
+
+export const exportTableExcel = (tableData, tableColumn, fileName) => {
+  return new Promise((resolve, reject) => {
+    try {
+      if (!tableData) {
+        tableData = []
+      }
+      const excelData = tableData.map((dataItem, index) => {
+        let newDataItem = {}
+        tableColumn.forEach((cItem) => {
+          if (cItem.excel) {
+            if (cItem.exportValue) {
+              newDataItem[cItem.title] = cItem.exportValue(dataItem)
+            } else {
+              newDataItem[cItem.title] = dataItem[cItem.key]
+            }
+          }
+        })
+        return newDataItem
+      })
+      var title = {}
+      tableColumn.forEach((item) => {
+        // 是否允许导出
+        if (item.excel) {
+          title[item.title] = item.title
+        }
+      })
+      exportJsonToExcel({
+        data: excelData,
+        key: [],
+        title: title,
+        filename: fileName,
+        autoWidth: true
+      })
+      resolve(true)
+    } catch (error) {
+      reject(error)
+    }
+  })
+}
+
+const timers = []
+
+export const debounce = (fn, scheduleMs, immediate = false) => {
+  return new Promise((resolve, reject) => {
+    if (fn instanceof Promise) {
+      return reject(new Error('Promise 不支持取消故无法debounce'))
+    }
+    const execFn = () => {
+      const result = fn.call()
+      if (result instanceof Promise) {
+        result.then((resp) => {
+          resolve(resp)
+        }).catch(err => {
+          reject(err)
+        })
+      } else if (!result) {
+        resolve(result)
+      }
+    }
+    if (timers[fn]) {
+      clearTimeout(timers[fn])
+    }
+
+    if (immediate) {
+      if (timers[fn] == null) {
+        execFn()
+      }
+      timers[fn] = setTimeout(() => {
+        timers[fn] = null
+      }, scheduleMs)
+    } else {
+      timers[fn] = setTimeout(() => {
+        execFn()
+        timers[fn] = null
+      }, scheduleMs)
+    }
+  })
+}
+
+export const trailingCharacters = (str, replaceStr, options = { width: 0, fontSize: 1, lines: 0 }) => {
+  const { width, fontSize, lines } = options
+  const maxCharacters = Math.floor(width / fontSize) * lines
+  let result = str
+  if (width > 0 && result.length > maxCharacters) {
+    const rLength = replaceStr.length
+    result = result
+      .substr(0, maxCharacters)
+      .substr(0, maxCharacters - rLength) + replaceStr
+  }
+  return result
+}
+
+const throttleExecTimes = []
+const throttleExecTrailTimer = []
+
+export const throttle = (fn, interval, options = { leading: true, trailing: true }) => {
+  const defaultConfig = { leading: true, trailing: true }
+  const { leading, trailing } = Object.assign(Object.assign({}, defaultConfig), options)
+  return new Promise((resolve, reject) => {
+    let nowTime = new Date().getTime()
+    let execTime = throttleExecTimes[fn] || (leading ? 0 : nowTime + interval)
+    let execTimer = throttleExecTrailTimer[fn]
+    const execFun = () => {
+      if (execTimer) {
+        clearTimeout(execTimer)
+        throttleExecTrailTimer[fn] = null
+      }
+      if (fn instanceof Promise) {
+        fn.then((resp) => {
+          resolve(resp)
+        }).catch(err => {
+          reject(err)
+        })
+      } else {
+        const result = fn.call()
+        if (result instanceof Promise) {
+          result.then((resp) => {
+            resolve(resp)
+          }).catch(err => {
+            reject(err)
+          })
+        } else if (!result) {
+          resolve(result)
+        }
+      }
+    }
+
+    if (execTime <= nowTime) {
+      console.log('---common----')
+      execFun()
+      throttleExecTimes[fn] = nowTime + interval
+    } else if (trailing) {
+      if (execTimer) {
+        clearTimeout(execTimer)
+        throttleExecTrailTimer[fn] = null
+      }
+      throttleExecTrailTimer[fn] = setTimeout(() => {
+        console.log('---trailing----')
+        execFun()
+      }, interval)
+    }
+  })
+}

package/src/main.js

@@ -5,9 +5,11 @@ import './index.less'
 import i18n from '@/locale'
 import ExtentionPlugin from './extentionPlugin'
 import importDirective from './directive'
+import PlusComp from './components/plus-comp'
 
 Vue.config.productionTip = false
 
+Vue.use(PlusComp)
 /**
  * 注册指令
  */