n20-common-lib 1.3.34 → 1.3.35

package/src/utils/repairElementUI.js

@@ -1,95 +1,95 @@
-/* 对ElementUI硬优化 */
-import Popper from 'element-ui/lib/utils/popper.js'
-
-function setPropsDefault(component, props) {
-  let c_props = component.props
-  Object.keys(props).forEach((key) => {
-    c_props[key] = Object.assign({}, c_props[key], props[key])
-  })
-}
-function setMethodsDefault(component, methods) {
-  let c_methods = component.methods
-  Object.keys(methods).forEach((key) => {
-    c_methods[key] = methods[key]
-  })
-}
-
-function repairPopper() {
-  if (!Popper.prototype.repairR) {
-    Popper.prototype.repairR = true
-
-    let __getBoundaries = Popper.prototype._getBoundaries
-    Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
-      const boundaries = __getBoundaries.call(this, data, padding, boundariesElement)
-
-      if (this._options.boundariesElement === 'viewport') {
-        const root = window
-        const body = root.document.body
-        const html = root.document.documentElement
-        let width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth)
-        let height = Math.max(
-          body.scrollHeight,
-          body.offsetHeight,
-          html.clientHeight,
-          html.scrollHeight,
-          html.offsetHeight
-        )
-
-        boundaries.right = boundaries.right - root.document.documentElement.clientWidth + width
-        boundaries.bottom = boundaries.bottom - root.document.documentElement.clientHeight + height
-      }
-      return boundaries
-    }
-  }
-}
-
-export default function (ElementUI) {
-  repairPopper()
-
-  // setPropsDefault(ElementUI.Table, {
-  //   tooltipEffect: {
-  //     default: 'light'
-  //   }
-  // })
-
-  setPropsDefault(ElementUI.TableColumn, {
-    filterPlacement: {
-      default: 'bottom'
-    }
-  })
-
-  setPropsDefault(ElementUI.Dropdown, {
-    placement: {
-      default: 'bottom'
-    }
-  })
-
-  setPropsDefault(ElementUI.Dialog, {
-    appendToBody: {
-      default: true
-    }
-  })
-
-  setMethodsDefault(ElementUI.TableColumn, {
-    setColumnWidth(column) {
-      if (this.realWidth) {
-        column.width = this.realWidth
-      }
-      if (this.realMinWidth) {
-        column.minWidth = this.realMinWidth
-      }
-      if (!column.minWidth) {
-        if (!column.width) {
-          let label = column.label || ''
-          let sortable = column.sortable ? 24 : 0
-          let filters = column.filters ? 16 : 0
-          column.minWidth = Math.max(80, label.length * 14 + 22 + sortable + filters)
-        } else {
-          column.minWidth = 80
-        }
-      }
-      column.realWidth = column.width === undefined ? column.minWidth : column.width
-      return column
-    }
-  })
-}
+/* 对ElementUI硬优化 */
+import Popper from 'element-ui/lib/utils/popper.js'
+
+function setPropsDefault(component, props) {
+  let c_props = component.props
+  Object.keys(props).forEach((key) => {
+    c_props[key] = Object.assign({}, c_props[key], props[key])
+  })
+}
+function setMethodsDefault(component, methods) {
+  let c_methods = component.methods
+  Object.keys(methods).forEach((key) => {
+    c_methods[key] = methods[key]
+  })
+}
+
+function repairPopper() {
+  if (!Popper.prototype.repairR) {
+    Popper.prototype.repairR = true
+
+    let __getBoundaries = Popper.prototype._getBoundaries
+    Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
+      const boundaries = __getBoundaries.call(this, data, padding, boundariesElement)
+
+      if (this._options.boundariesElement === 'viewport') {
+        const root = window
+        const body = root.document.body
+        const html = root.document.documentElement
+        let width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth)
+        let height = Math.max(
+          body.scrollHeight,
+          body.offsetHeight,
+          html.clientHeight,
+          html.scrollHeight,
+          html.offsetHeight
+        )
+
+        boundaries.right = boundaries.right - root.document.documentElement.clientWidth + width
+        boundaries.bottom = boundaries.bottom - root.document.documentElement.clientHeight + height
+      }
+      return boundaries
+    }
+  }
+}
+
+export default function (ElementUI) {
+  repairPopper()
+
+  // setPropsDefault(ElementUI.Table, {
+  //   tooltipEffect: {
+  //     default: 'light'
+  //   }
+  // })
+
+  setPropsDefault(ElementUI.TableColumn, {
+    filterPlacement: {
+      default: 'bottom'
+    }
+  })
+
+  setPropsDefault(ElementUI.Dropdown, {
+    placement: {
+      default: 'bottom'
+    }
+  })
+
+  setPropsDefault(ElementUI.Dialog, {
+    appendToBody: {
+      default: true
+    }
+  })
+
+  setMethodsDefault(ElementUI.TableColumn, {
+    setColumnWidth(column) {
+      if (this.realWidth) {
+        column.width = this.realWidth
+      }
+      if (this.realMinWidth) {
+        column.minWidth = this.realMinWidth
+      }
+      if (!column.minWidth) {
+        if (!column.width) {
+          let label = column.label || ''
+          let sortable = column.sortable ? 24 : 0
+          let filters = column.filters ? 16 : 0
+          column.minWidth = Math.max(80, label.length * 14 + 22 + sortable + filters)
+        } else {
+          column.minWidth = 80
+        }
+      }
+      column.realWidth = column.width === undefined ? column.minWidth : column.width
+      return column
+    }
+  })
+}

package/src/utils/theme.config.js

@@ -1,22 +1,22 @@
-const themeList = [
-  { label: '科技蓝', value: 'blue', color: '#007aff', aD: `$--color-primary: #007aff;` },
-  { label: '中国红', value: 'red', color: '#f5222d', aD: `$--color-primary: #f5222d;` },
-  { label: '阳光橘', value: 'orange', color: '#fa541c', aD: `$--color-primary: #fa541c;` },
-  { label: '金融金', value: 'yellow', color: '#fadb14', aD: `$--color-primary: #fadb14;` },
-  { label: '青春绿', value: 'green', color: '#3eaf7c', aD: `$--color-primary: #3eaf7c;` },
-  { label: '天空蓝', value: 'lightBlue', color: '#1890ff', aD: `$--color-primary: #1890ff;` },
-  { label: '优雅紫', value: 'purple', color: '#722ed1', aD: `$--color-primary: #722ed1;` }
-]
-
-// 菜单颜色（仅支持 hex 格式)
-const asideMenu = {
-  backgroundColor: '#3d4b6a',
-  textColor: '#fefefea6',
-  activeTextColor: '#ffffff'
-}
-
-if (typeof exports === 'object' && typeof module === 'object') {
-  module.exports = { themeList, asideMenu }
-} else if (typeof exports === 'object') {
-  exports = { themeList, asideMenu }
-}
+const themeList = [
+  { label: '科技蓝', value: 'blue', color: '#007aff', aD: `$--color-primary: #007aff;` },
+  { label: '中国红', value: 'red', color: '#f5222d', aD: `$--color-primary: #f5222d;` },
+  { label: '阳光橘', value: 'orange', color: '#fa541c', aD: `$--color-primary: #fa541c;` },
+  { label: '金融金', value: 'yellow', color: '#fadb14', aD: `$--color-primary: #fadb14;` },
+  { label: '青春绿', value: 'green', color: '#3eaf7c', aD: `$--color-primary: #3eaf7c;` },
+  { label: '天空蓝', value: 'lightBlue', color: '#1890ff', aD: `$--color-primary: #1890ff;` },
+  { label: '优雅紫', value: 'purple', color: '#722ed1', aD: `$--color-primary: #722ed1;` }
+]
+
+// 菜单颜色（仅支持 hex 格式)
+const asideMenu = {
+  backgroundColor: '#3d4b6a',
+  textColor: '#fefefea6',
+  activeTextColor: '#ffffff'
+}
+
+if (typeof exports === 'object' && typeof module === 'object') {
+  module.exports = { themeList, asideMenu }
+} else if (typeof exports === 'object') {
+  exports = { themeList, asideMenu }
+}

package/src/utils/theme.js

@@ -1,31 +1,31 @@
-export function setTheme(val) {
-  if (!val) return
-
-  var links = document.querySelectorAll('link[rel="stylesheet"]')
-  var link, newLink, nextEl, pEl
-  links.forEach(function (el) {
-    if (el.href && el.href.indexOf('/theme/') !== -1) {
-      link = el
-    }
-  })
-  if (link) {
-    pEl = link.parentNode
-    nextEl = link.nextElementSibling
-
-    newLink = document.createElement('link')
-    newLink.href = link.href.replace(/\/[^/]+$/, '/' + val + '.css')
-    newLink.rel = 'stylesheet'
-    nextEl ? pEl.insertBefore(newLink, nextEl) : pEl.appendChild(newLink)
-
-    newLink.addEventListener('load', function () {
-      link.setAttribute('disabled', 'disabled')
-      document.querySelector('html').setAttribute('data-theme', val)
-    })
-  }
-}
-
-export function getTheme() {
-  return window.localStorage.getItem('pageTheme')
-}
-
-setTheme(getTheme())
+export function setTheme(val) {
+  if (!val) return
+
+  var links = document.querySelectorAll('link[rel="stylesheet"]')
+  var link, newLink, nextEl, pEl
+  links.forEach(function (el) {
+    if (el.href && el.href.indexOf('/theme/') !== -1) {
+      link = el
+    }
+  })
+  if (link) {
+    pEl = link.parentNode
+    nextEl = link.nextElementSibling
+
+    newLink = document.createElement('link')
+    newLink.href = link.href.replace(/\/[^/]+$/, '/' + val + '.css')
+    newLink.rel = 'stylesheet'
+    nextEl ? pEl.insertBefore(newLink, nextEl) : pEl.appendChild(newLink)
+
+    newLink.addEventListener('load', function () {
+      link.setAttribute('disabled', 'disabled')
+      document.querySelector('html').setAttribute('data-theme', val)
+    })
+  }
+}
+
+export function getTheme() {
+  return window.localStorage.getItem('pageTheme')
+}
+
+setTheme(getTheme())

package/src/utils/toExcel.js

@@ -1,115 +1,95 @@
-import ExcelJS from 'exceljs'
-
-function toExcel({ columns = [], rows = [], name = 'sheet01' }) {
-  let cols = []
-  columns.forEach((col) => {
-    if (!col.static) {
-      let _col = {
-        header: col.label,
-        key: col.prop,
-        style: col.style || {}
-      }
-
-      let width = col.width || col.minWidth || col['min-width'] || 0
-      width = Math.max(width / 8, col.label.length * 2.2 + 2)
-      width > 9 && (_col.width = width)
-
-      if (col.numFmt) {
-        _col.style.numFmt = col.numFmt
-      } else if (col.formatter && typeof col.formatter === 'string') {
-        if (/\|\s?money/.test(col.formatter)) {
-          _col.style.numFmt = '#,##0.00'
-        }
-        if (/\|\s?rate/.test(col.formatter)) {
-          _col.style.numFmt = '0.000000'
-        }
-      }
-
-      cols.push(_col)
-    }
-  })
-
-  let cL = cols.length
-  let rL = rows.length
-
-  const workbook = new ExcelJS.Workbook()
-  const worksheet = workbook.addWorksheet(name)
-
-  worksheet.columns = cols
-  worksheet.addRows(rows)
-
-  worksheet.views = [
-    {
-      state: 'frozen',
-      // xSplit: 1,
-      ySplit: 1
-    }
-  ]
-
-  for (let i = 0; i < cL; i++) {
-    worksheet.getCell(1, i + 1).style = {
-      fill: {
-        type: 'pattern',
-        pattern: 'solid',
-        fgColor: { argb: 'FFE1E1E1' }
-      },
-      alignment: {
-        vertical: 'middle',
-        horizontal: 'center'
-      },
-      font: {
-        bold: true
-      }
-    }
-  }
-
-  for (let i = 0; i < cL; i++) {
-    for (let j = 0; j < rL + 1; j++) {
-      worksheet.getCell(j + 1, i + 1).border = {
-        top: { style: 'thin' },
-        left: { style: 'thin' },
-        bottom: { style: 'thin' },
-        right: { style: 'thin' }
-      }
-    }
-  }
-
-  // worksheet.getColumn(1).numFmt = '#,##0.00"%"'
-  // worksheet.getColumn(1).numFmt = '#,##0.00'
-  // worksheet.getColumn(2).width = 32
-
-  return new Promise((resolve, reject) => {
-    workbook.xlsx
-      .writeBuffer()
-      .then((buffer) => {
-        resolve(buffer)
-      })
-      .catch((err) => {
-        reject(err)
-      })
-  })
-}
-export default toExcel
-
-export function toJson(file, name) {
-  const workbook = new ExcelJS.Workbook()
-  return new Promise((resolve, reject) => {
-    workbook.xlsx
-      .load(file)
-      .then(() => {
-        const worksheet = workbook.getWorksheet(name || 1)
-        let rows = []
-        worksheet.eachRow((r) => {
-          let row = []
-          r.eachCell((c) => {
-            row.push(c.value)
-          })
-          rows.push(row)
-        })
-        resolve(rows)
-      })
-      .catch((err) => {
-        reject(err)
-      })
-  })
-}
+import ExcelJS from 'exceljs'
+
+export default function toExcel({ columns = [], rows = [], name = 'sheet01' }) {
+  // 创建工作簿
+  const workbook = new ExcelJS.Workbook()
+  // 创建工作表
+  const worksheet = workbook.addWorksheet(name)
+  let cols = []
+  columns.forEach((col) => {
+    if (!col.static) {
+      let _col = {
+        header: col.label,
+        key: col.prop,
+        style: col.style || {}
+      }
+
+      let width = col.width || col.minWidth || col['min-width'] || 0
+      width = Math.max(width / 8, col.label.length * 2.2 + 2)
+      width > 9 && (_col.width = width)
+
+      if (col.numFmt) {
+        _col.style.numFmt = col.numFmt
+      } else if (col.formatter && typeof col.formatter === 'string') {
+        if (/\|\s?money/.test(col.formatter)) {
+          _col.style.numFmt = '#,##0.00'
+        }
+        if (/\|\s?rate/.test(col.formatter)) {
+          _col.style.numFmt = '0.000000'
+        }
+      }
+
+      cols.push(_col)
+    }
+  })
+
+  let cL = cols.length
+  let rL = rows.length
+
+  worksheet.columns = cols
+  worksheet.addRows(rows)
+
+  worksheet.views = [
+    {
+      state: 'frozen',
+      // xSplit: 1,
+      ySplit: 1
+    }
+  ]
+
+  for (let i = 0; i < cL; i++) {
+    worksheet.getCell(1, i + 1).style = {
+      fill: {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: 'FFE1E1E1' }
+      },
+      alignment: {
+        vertical: 'middle',
+        horizontal: 'center'
+      },
+      font: {
+        bold: true
+      }
+    }
+  }
+
+  for (let i = 0; i < cL; i++) {
+    for (let j = 0; j < rL + 1; j++) {
+      worksheet.getCell(j + 1, i + 1).border = {
+        top: { style: 'thin' },
+        left: { style: 'thin' },
+        bottom: { style: 'thin' },
+        right: { style: 'thin' }
+      }
+    }
+  }
+
+  // worksheet.getColumn(1).numFmt = '#,##0.00"%"'
+  // worksheet.getColumn(1).numFmt = '#,##0.00'
+  // worksheet.getColumn(2).width = 32
+
+  return new Promise((resolve, reject) => {
+    workbook.xlsx
+      .writeBuffer()
+      .then((buffer) => {
+        resolve(buffer)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
+}
+
+import xlsx2json from './xlsx2json.js'
+export const toJson = xlsx2json

package/src/utils/urlToGo.js

@@ -1,82 +1,82 @@
-function encode(val) {
-  return encodeURIComponent(val)
-    .replace(/%3A/gi, ':')
-    .replace(/%24/g, '$')
-    .replace(/%2C/gi, ',')
-    .replace(/%20/g, '+')
-    .replace(/%5B/gi, '[')
-    .replace(/%5D/gi, ']')
-}
-function isDate(val) {
-  return toString.call(val) === '[object Date]'
-}
-function isObject(val) {
-  return val !== null && typeof val === 'object'
-}
-
-function buildURL(url, params) {
-  if (!params) {
-    return url
-  }
-
-  let parts = []
-  Object.entries(params).forEach(([key, val]) => {
-    if (val === null || typeof val === 'undefined') {
-      return
-    }
-
-    if (Array.isArray(val)) {
-      key = key + '[]'
-    } else {
-      val = [val]
-    }
-
-    val.forEach((v) => {
-      if (isDate(v)) {
-        v = v.toISOString()
-      } else if (isObject(v)) {
-        v = JSON.stringify(v)
-      }
-      parts.push(encode(key) + '=' + encode(v))
-    })
-  })
-
-  let serializedParams = parts.join('&')
-
-  if (serializedParams) {
-    let hashmarkIndex = url.indexOf('#')
-    if (hashmarkIndex !== -1) {
-      url = url.slice(0, hashmarkIndex)
-    }
-
-    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams
-  }
-
-  return url
-}
-
-export function linkPush(url, params = {}) {
-  params._fromNo = Date.now()
-  sessionStorage.setItem(params._fromNo, location.href)
-
-  url = buildURL(url, params)
-  history.pushState(null, null, url)
-}
-
-export function linkGo() {
-  let _fromUrl
-  const search = window.location.search
-  let _fromRe = search.includes('_fromNo=') ? /_fromNo=(\d+)/ : /_fromId=(\d+)/
-  let _fromM = search.match(_fromRe)
-  if (_fromM?.[1]) {
-    _fromUrl = sessionStorage.getItem(_fromM[1])
-  }
-
-  if (_fromUrl) {
-    // window.history.go(-1)
-    // window.history.replaceState(null, null, _fromUrl)
-    history.pushState(null, null, _fromUrl)
-  } else {
-    window.history.go(-1)
-  }
-}
+function encode(val) {
+  return encodeURIComponent(val)
+    .replace(/%3A/gi, ':')
+    .replace(/%24/g, '$')
+    .replace(/%2C/gi, ',')
+    .replace(/%20/g, '+')
+    .replace(/%5B/gi, '[')
+    .replace(/%5D/gi, ']')
+}
+function isDate(val) {
+  return toString.call(val) === '[object Date]'
+}
+function isObject(val) {
+  return val !== null && typeof val === 'object'
+}
+
+function buildURL(url, params) {
+  if (!params) {
+    return url
+  }
+
+  let parts = []
+  Object.entries(params).forEach(([key, val]) => {
+    if (val === null || typeof val === 'undefined') {
+      return
+    }
+
+    if (Array.isArray(val)) {
+      key = key + '[]'
+    } else {
+      val = [val]
+    }
+
+    val.forEach((v) => {
+      if (isDate(v)) {
+        v = v.toISOString()
+      } else if (isObject(v)) {
+        v = JSON.stringify(v)
+      }
+      parts.push(encode(key) + '=' + encode(v))
+    })
+  })
+
+  let serializedParams = parts.join('&')
+
+  if (serializedParams) {
+    let hashmarkIndex = url.indexOf('#')
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex)
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams
+  }
+
+  return url
+}
+
+export function linkPush(url, params = {}) {
+  params._fromNo = Date.now()
+  sessionStorage.setItem(params._fromNo, location.href)
+
+  url = buildURL(url, params)
+  history.pushState(null, null, url)
+}
+
+export function linkGo() {
+  let _fromUrl
+  const search = window.location.search
+  let _fromRe = search.includes('_fromNo=') ? /_fromNo=(\d+)/ : /_fromId=(\d+)/
+  let _fromM = search.match(_fromRe)
+  if (_fromM?.[1]) {
+    _fromUrl = sessionStorage.getItem(_fromM[1])
+  }
+
+  if (_fromUrl) {
+    // window.history.go(-1)
+    // window.history.replaceState(null, null, _fromUrl)
+    history.pushState(null, null, _fromUrl)
+  } else {
+    window.history.go(-1)
+  }
+}