n20-common-lib 1.3.27 → 1.3.30

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/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)
+  }
+}