t20-common-lib 0.9.14 → 0.10.0

package/src/utils/i18n/index.js

@@ -1,69 +1,69 @@
-import locale from 'element-ui/lib/locale'
-import langEn from 'element-ui/lib/locale/lang/en'
-import langTh from 'element-ui/lib/locale/lang/th'
-import langVi from 'element-ui/lib/locale/lang/vi'
-import langTw from 'element-ui/lib/locale/lang/zh-TW'
-
-import i18n_map_local from '../../i18n.json'
-import zhHk from './cn2hk.json' // 简体繁体映射
-// 语言枚举
-// const langEm = { 中文: 'zh', 中文简体: 'zh-cn', 中文繁体: 'zh-hk', 英文: 'en', 德文: 'de', 法文: 'fr' }
-
-let pageLang = window.localStorage.getItem('pageLang') // 当前页面的语言
-let $i18n_map_root = {} // 全局的国际化
-
-export function $l(zh, map = {}, arg) {
-  let val = ''
-  if (!pageLang || pageLang === 'zh-cn') {
-    val = zh
-  } else if (pageLang === 'zh-hk') {
-    val = cn2hk(zh)
-  } else {
-    let key = pageLang
-    let valMap = map[zh] || $i18n_map_root[zh] || {}
-    val = valMap[key] !== undefined ? valMap[key] : zh
-  }
-  if (arg && val) {
-    for (let k in arg) {
-      val = val.replace(k, arg[k])
-    }
-  }
-  return val
-}
-function cn2hk(zh = '') {
-  let _zh = ''
-  for (let i = 0; i < zh.length; i++) {
-    let v = zh[i]
-    let v_hk = zhHk[v]
-    v_hk ? (_zh += v_hk) : (_zh += v)
-  }
-  return _zh
-}
-
-export function $lc(zh, map) {
-  return $l(zh, map || i18n_map_local)
-}
-
-const directive = {}
-directive.install = (Vue, map = {}) => {
-  if (pageLang === 'en') {
-    locale.use(langEn)
-  } else if (pageLang === 'zh-hk') {
-    locale.use(langTw)
-  } else if (pageLang === 'th') {
-    locale.use(langTh)
-  } else if (pageLang === 'vi') {
-    locale.use(langVi)
-  }
-
-  $i18n_map_root = map
-
-  Vue.prototype._lang = !pageLang || pageLang === 'zh-cn' || pageLang === 'zh-hk' ? 'zh' : pageLang
-  Vue.prototype.$l = $l
-  Vue.filter('$l', $l)
-
-  Vue.prototype.$lc = $lc
-  Vue.filter('$lc', $lc)
-}
-
-export default directive
+import locale from 'element-ui/lib/locale'
+import langEn from 'element-ui/lib/locale/lang/en'
+import langTh from 'element-ui/lib/locale/lang/th'
+import langVi from 'element-ui/lib/locale/lang/vi'
+import langTw from 'element-ui/lib/locale/lang/zh-TW'
+
+import i18n_map_local from '../../i18n.json'
+import zhHk from './cn2hk.json' // 简体繁体映射
+// 语言枚举
+// const langEm = { 中文: 'zh', 中文简体: 'zh-cn', 中文繁体: 'zh-hk', 英文: 'en', 德文: 'de', 法文: 'fr' }
+
+let pageLang = window.localStorage.getItem('pageLang') // 当前页面的语言
+let $i18n_map_root = {} // 全局的国际化
+
+export function $l(zh, map = {}, arg) {
+  let val = ''
+  if (!pageLang || pageLang === 'zh-cn') {
+    val = zh
+  } else if (pageLang === 'zh-hk') {
+    val = cn2hk(zh)
+  } else {
+    let key = pageLang
+    let valMap = map[zh] || $i18n_map_root[zh] || {}
+    val = valMap[key] !== undefined ? valMap[key] : zh
+  }
+  if (arg && val) {
+    for (let k in arg) {
+      val = val.replace(k, arg[k])
+    }
+  }
+  return val
+}
+function cn2hk(zh = '') {
+  let _zh = ''
+  for (let i = 0; i < zh.length; i++) {
+    let v = zh[i]
+    let v_hk = zhHk[v]
+    v_hk ? (_zh += v_hk) : (_zh += v)
+  }
+  return _zh
+}
+
+export function $lc(zh, map) {
+  return $l(zh, map || i18n_map_local)
+}
+
+const directive = {}
+directive.install = (Vue, map = {}) => {
+  if (pageLang === 'en') {
+    locale.use(langEn)
+  } else if (pageLang === 'zh-hk') {
+    locale.use(langTw)
+  } else if (pageLang === 'th') {
+    locale.use(langTh)
+  } else if (pageLang === 'vi') {
+    locale.use(langVi)
+  }
+
+  $i18n_map_root = map
+
+  Vue.prototype._lang = !pageLang || pageLang === 'zh-cn' || pageLang === 'zh-hk' ? 'zh' : pageLang
+  Vue.prototype.$l = $l
+  Vue.filter('$l', $l)
+
+  Vue.prototype.$lc = $lc
+  Vue.filter('$lc', $lc)
+}
+
+export default directive

package/src/utils/repairElementUI.js

@@ -1,141 +1,141 @@
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-
-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]
-  })
-}
-
-setPropsDefault(ElementUI.TableColumn, {
-  filterPlacement: {
-    default: 'bottom'
-  }
-})
-
-setPropsDefault(ElementUI.Dropdown, {
-  placement: {
-    default: 'bottom'
-  }
-})
-
-setPropsDefault(ElementUI.Dialog, {
-  appendToBody: {
-    default: true
-  }
-})
-
-import getWidth from './asciiWidth'
-
-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 labelW = getWidth(column.label)
-
-        let sortable = column.sortable ? 24 : 0
-        let filters = column.filters ? 16 : 0
-        column.minWidth = Math.max(80, labelW + 22 + sortable + filters)
-      } else {
-        column.minWidth = 80
-      }
-    }
-    column.realWidth = column.width === undefined ? column.minWidth : column.width
-    return column
-  }
-})
-
-// 美化表头搜索
-import FilterPanel from './tableheaderFilterpanel.vue'
-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
-  }
-}
-if (ElementUI.Table.components.TableHeader) {
-  setMethodsDefault(ElementUI.Table.components.TableHeader, {
-    handleFilterClick(event, column) {
-      event.stopPropagation()
-      const target = event.target
-      let cell = target.tagName === 'TH' ? target : target.parentNode
-      if (hasClass(cell, 'noclick')) return
-      cell = cell.querySelector('.el-table__column-filter-trigger') || cell
-      const table = this.$parent
-
-      let filterPanel = this.filterPanels[column.id]
-
-      if (filterPanel && column.filterOpened) {
-        filterPanel.showPopper = false
-        return
-      }
-
-      if (!filterPanel) {
-        filterPanel = new Vue(FilterPanel)
-        this.filterPanels[column.id] = filterPanel
-        if (column.filterPlacement) {
-          filterPanel.placement = column.filterPlacement
-        }
-        filterPanel.table = table
-        filterPanel.cell = cell
-        filterPanel.column = column
-        !this.$isServer && filterPanel.$mount(document.createElement('div'))
-      }
-
-      setTimeout(() => {
-        filterPanel.showPopper = true
-      }, 16)
-    }
-  })
-}
-
-/* 对ElementUI硬优化 */
-import Popper from 'element-ui/lib/utils/popper.js'
-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 () {
-  repairPopper()
-}
+import Vue from 'vue'
+import ElementUI from 'element-ui'
+
+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]
+  })
+}
+
+setPropsDefault(ElementUI.TableColumn, {
+  filterPlacement: {
+    default: 'bottom'
+  }
+})
+
+setPropsDefault(ElementUI.Dropdown, {
+  placement: {
+    default: 'bottom'
+  }
+})
+
+setPropsDefault(ElementUI.Dialog, {
+  appendToBody: {
+    default: true
+  }
+})
+
+import getWidth from './asciiWidth'
+
+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 labelW = getWidth(column.label)
+
+        let sortable = column.sortable ? 24 : 0
+        let filters = column.filters ? 16 : 0
+        column.minWidth = Math.max(80, labelW + 22 + sortable + filters)
+      } else {
+        column.minWidth = 80
+      }
+    }
+    column.realWidth = column.width === undefined ? column.minWidth : column.width
+    return column
+  }
+})
+
+// 美化表头搜索
+import FilterPanel from './tableheaderFilterpanel.vue'
+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
+  }
+}
+if (ElementUI.Table.components.TableHeader) {
+  setMethodsDefault(ElementUI.Table.components.TableHeader, {
+    handleFilterClick(event, column) {
+      event.stopPropagation()
+      const target = event.target
+      let cell = target.tagName === 'TH' ? target : target.parentNode
+      if (hasClass(cell, 'noclick')) return
+      cell = cell.querySelector('.el-table__column-filter-trigger') || cell
+      const table = this.$parent
+
+      let filterPanel = this.filterPanels[column.id]
+
+      if (filterPanel && column.filterOpened) {
+        filterPanel.showPopper = false
+        return
+      }
+
+      if (!filterPanel) {
+        filterPanel = new Vue(FilterPanel)
+        this.filterPanels[column.id] = filterPanel
+        if (column.filterPlacement) {
+          filterPanel.placement = column.filterPlacement
+        }
+        filterPanel.table = table
+        filterPanel.cell = cell
+        filterPanel.column = column
+        !this.$isServer && filterPanel.$mount(document.createElement('div'))
+      }
+
+      setTimeout(() => {
+        filterPanel.showPopper = true
+      }, 16)
+    }
+  })
+}
+
+/* 对ElementUI硬优化 */
+import Popper from 'element-ui/lib/utils/popper.js'
+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 () {
+  repairPopper()
+}

package/src/utils/tableCellUtils.js

@@ -1,54 +1,54 @@
-const COLUMN_WIDTH = {
-  SEQ: 62, //  序号
-  UNIT_NAME: 240, //  单位名称
-  ACCOUNT_NO: 190, //  账号
-  ACCOUNT_NAME: 240, //  账户名称
-  BANK_NAME: 142, //  银行名称
-  BRANCH_BANK_NAME: 268, //  支行名称
-  CURRENCY_NAME: 114, //  币种名称
-  CURRENCY_NO: 114, //  币种编号
-  BILL_NO: 240, //  票据编号
-  PERSONAL_NAME: 100, //  个人名称
-  MONEY: 190, //  金额 
-  DATE: 130, //  日期
-  DATE_TIME: 180, //  日期时间
-  DATE_RANGE: 220, //  日期范围
-  ADDRESS: 268, //  地址
-  RATE: 110, //  汇率
-  CONTRACT_NO: 230, //  合同编号
-  OPERATE: 180, //  操作
-  DEFAULT: 170 //  默认
-}
-/**
- * 获取对应字段的宽度
- * @param {String} field 字段名
- * @param {String} fieldType 字段类型
- */
-export function getColumnWidth(field, fieldType = 'DEFAULT') {
-  // 返回对应字段的宽度，如果没有则返回默认宽度
-  return COLUMN_WIDTH[fieldType] || COLUMN_WIDTH.DEFAULT;
-  
-}
-
-const COLUMN_ALIGN = {
-  SEQ: 'center', //  序号
-  UNIT_NAME: 'left',  //  单位名称
-  BRANCH_BANK_NAME: 'left', //  支行名称
-  ACCOUNT_NAME: 'left', //  账户名称
-  BILL_NO: 'left', //  票据编号
-  MONEY: 'right', //  金额
-  ADDRESS: 'left', //  地址
-  RATE: 'right', //  汇率
-  REMARK: 'left', //  备注
-  DEFAULT: 'center' //  默认
-}
-
-/**
- * 获取对应字段对齐方式
- * @param {String} field 字段名
- * @param {String} fieldType 字段类型
- */
-export function getCellAlign(field, fieldType = 'DEFAULT') {
-  // 返回对应字段的宽度，如果没有则返回默认宽度
-  return COLUMN_ALIGN[fieldType] || COLUMN_ALIGN.DEFAULT;
-}
+const COLUMN_WIDTH = {
+  SEQ: 62, //  序号
+  UNIT_NAME: 240, //  单位名称
+  ACCOUNT_NO: 190, //  账号
+  ACCOUNT_NAME: 240, //  账户名称
+  BANK_NAME: 142, //  银行名称
+  BRANCH_BANK_NAME: 268, //  支行名称
+  CURRENCY_NAME: 114, //  币种名称
+  CURRENCY_NO: 114, //  币种编号
+  BILL_NO: 240, //  票据编号
+  PERSONAL_NAME: 100, //  个人名称
+  MONEY: 190, //  金额 
+  DATE: 130, //  日期
+  DATE_TIME: 180, //  日期时间
+  DATE_RANGE: 220, //  日期范围
+  ADDRESS: 268, //  地址
+  RATE: 110, //  汇率
+  CONTRACT_NO: 230, //  合同编号
+  OPERATE: 180, //  操作
+  DEFAULT: 170 //  默认
+}
+/**
+ * 获取对应字段的宽度
+ * @param {String} field 字段名
+ * @param {String} fieldType 字段类型
+ */
+export function getColumnWidth(field, fieldType = 'DEFAULT') {
+  // 返回对应字段的宽度，如果没有则返回默认宽度
+  return COLUMN_WIDTH[fieldType] || COLUMN_WIDTH.DEFAULT;
+  
+}
+
+const COLUMN_ALIGN = {
+  SEQ: 'center', //  序号
+  UNIT_NAME: 'left',  //  单位名称
+  BRANCH_BANK_NAME: 'left', //  支行名称
+  ACCOUNT_NAME: 'left', //  账户名称
+  BILL_NO: 'left', //  票据编号
+  MONEY: 'right', //  金额
+  ADDRESS: 'left', //  地址
+  RATE: 'right', //  汇率
+  REMARK: 'left', //  备注
+  DEFAULT: 'center' //  默认
+}
+
+/**
+ * 获取对应字段对齐方式
+ * @param {String} field 字段名
+ * @param {String} fieldType 字段类型
+ */
+export function getCellAlign(field, fieldType = 'DEFAULT') {
+  // 返回对应字段的宽度，如果没有则返回默认宽度
+  return COLUMN_ALIGN[fieldType] || COLUMN_ALIGN.DEFAULT;
+}