hd-idevvue3 3.0.2 → 3.0.4

package/src/idev.common.js

@@ -2,59 +2,65 @@ import hdcom from './hdcom'
 import comutils from './utils/comutils'
 
 export default {
-
   install(Vue, options, inElement) {
-
     try {
       let ver = require('../package.json').version
       console.info('您现在使用的是hd-idevvue2:' + ver)
-    } catch (e) {
-    }
+    } catch (e) {}
 
     //滚动去掉高亮事件，提升虚拟滚动条性能
-    inElement.Table.components.TableBody.methods.handleMouseEnter = function handleMouseEnter(index) {//去掉eltable的hover事件
-      if(this.store.states.hoverRow != 'locked') {
-        this.store.commit('setHoverRow', index);
-      }
-    },
-    inElement.Table.components.TableBody.methods.handleMouseLeave = function handleMouseLeave(index) {//去掉eltable的hover事件
-      if(this.store.states.hoverRow != 'locked') {
-        this.store.commit('setHoverRow', null);
-      }
-    },
-    inElement.Table.components.TableBody.methods.getColspanRealWidth = function getColspanRealWidth(columns, colspan, index) {
-      if (colspan < 1) {
-          return columns[index].realWidth;
-       }
-       const widthArr = columns.map(({ realWidth }) => realWidth).slice(index, index + colspan);
-      return widthArr.reduce((acc, width) => acc + width, 0);
-    },
-
-    inElement.Input.props.clearable = {// clearable默认生效
-      type: Boolean,
-      default: true
-    }
-    inElement.Input.props.value = {// 不写会出现undefined
+    ;(inElement.Table.components.TableBody.methods.handleMouseEnter =
+      function handleMouseEnter(index) {
+        //去掉eltable的hover事件
+        if (this.store.states.hoverRow != 'locked') {
+          this.store.commit('setHoverRow', index)
+        }
+      }),
+      (inElement.Table.components.TableBody.methods.handleMouseLeave =
+        function handleMouseLeave(index) {
+          //去掉eltable的hover事件
+          if (this.store.states.hoverRow != 'locked') {
+            this.store.commit('setHoverRow', null)
+          }
+        }),
+      (inElement.Table.components.TableBody.methods.getColspanRealWidth =
+        function getColspanRealWidth(columns, colspan, index) {
+          if (colspan < 1) {
+            return columns[index].realWidth
+          }
+          const widthArr = columns
+            .map(({ realWidth }) => realWidth)
+            .slice(index, index + colspan)
+          return widthArr.reduce((acc, width) => acc + width, 0)
+        }),
+      (inElement.Input.props.clearable = {
+        // clearable默认生效
+        type: Boolean,
+        default: true,
+      })
+    inElement.Input.props.value = {
+      // 不写会出现undefined
       type: [String, Number],
-      default: ''
+      default: '',
     }
     //element ui自身组件进行了扩展,如果使用纯原生的可以使用Ex***,或者自己import
-    Vue.component('ExFooter', inElement.Footer)
-    Vue.component('ExMain', inElement.Main)
-    Vue.component('ExAside', inElement.Aside)
-    Vue.component('ExHeader', inElement.Header)
-    Vue.component('ExDialog', inElement.Dialog) //这里引入,然后HdDialog调用,保证了一个vue对象,zIndex才能正常
-    Vue.component('ExFormItem', inElement.FormItem)
-    Vue.component('ExFormItem', inElement.FormItem)
-    Vue.component('ExButton', inElement.Button)
-    Vue.component('ExTableColumn', inElement.TableColumn)
-    Vue.component('ExDatePicker', inElement.DatePicker)
-    Vue.use(inElement, options)
-    Vue.use(comutils)
-    Vue.use(hdcom)
-    Vue.prototype.$message = function (options) { // 消息默认值
+    window.$vueApp.component('ExFooter', inElement.Footer)
+    window.$vueApp.component('ExMain', inElement.Main)
+    window.$vueApp.component('ExAside', inElement.Aside)
+    window.$vueApp.component('ExHeader', inElement.Header)
+    window.$vueApp.component('ExDialog', inElement.Dialog) //这里引入,然后HdDialog调用,保证了一个vue对象,zIndex才能正常
+    window.$vueApp.component('ExFormItem', inElement.FormItem)
+    window.$vueApp.component('ExFormItem', inElement.FormItem)
+    window.$vueApp.component('ExButton', inElement.Button)
+    window.$vueApp.component('ExTableColumn', inElement.TableColumn)
+    window.$vueApp.component('ExDatePicker', inElement.DatePicker)
+    window.$vueApp.use(inElement, options)
+    window.$vueApp.use(comutils)
+    window.$vueApp.use(hdcom)
+    window.$vueApp.config.globalProperties.$message = function (options) {
+      // 消息默认值
       if (!options.duration) {
-        if(options.type=="error") {
+        if (options.type == 'error') {
           options.duration = 3000
         } else {
           options.duration = 5000
@@ -65,8 +71,9 @@ export default {
       }
       inElement.Message(options)
     }
-    Vue.prototype.$message.closeAll = inElement.Message.closeAll
-    Vue.prototype.$message.close = inElement.Message.close
-  }
+    window.$vueApp.config.globalProperties.$message.closeAll =
+      inElement.Message.closeAll
+    window.$vueApp.config.globalProperties.$message.close =
+      inElement.Message.close
+  },
 }
-

package/src/index.js

@@ -1,14 +1,11 @@
-
 import common from './idev.common'
 import privilege from './views/privilege'
 import layout from './views/layout'
 
 export default {
-
   install(Vue, options, inElement) {
     common.install(Vue, options, inElement)
-    Vue.use(privilege)
-    Vue.use(layout)
-  }
+    window.$vueApp.use(privilege)
+    window.$vueApp.use(layout)
+  },
 }
-

package/src/utils/HdQuery.js

@@ -1,4 +1,5 @@
-export default (st, pageRows, queryMethod) => {//st页面this对象,pageRows,每页显示行数,queryMethod如果默认查询不是doQuery需要指定字符串
+export default (st, pageRows, queryMethod) => {
+  //st页面this对象,pageRows,每页显示行数,queryMethod如果默认查询不是doQuery需要指定字符串
   let _thisst = st
   let query = {}
   let page = 1
@@ -9,27 +10,37 @@ export default (st, pageRows, queryMethod) => {//st页面this对象,pageRows,每
   let q = ''
   let sort = ''
   let order = 'desc'
-  let selObj = []//checkbox勾选的对象
-  let doQueryMethod = queryMethod ? '_thisst.' + queryMethod + '()' : '_thisst.doQuery()'
+  let selObj = [] //checkbox勾选的对象
+  let doQueryMethod = queryMethod
+    ? '_thisst.' + queryMethod + '()'
+    : '_thisst.doQuery()'
 
   let outObj = {
+    query,
+    page,
+    rows,
+    q,
+    sort,
+    order,
+    selObj,
+    doQueryMethod,
 
-    query, page, rows, q, sort, order, selObj, doQueryMethod,
-
-    add:
-      (key, value) => {//没啥用
-        query[key] = value
-      },
+    add: (key, value) => {
+      //没啥用
+      query[key] = value
+    },
     setThis(st) {
       _thisst = st
     },
-    doSizeChg(val) {//显示行数切换
+    doSizeChg(val) {
+      //显示行数切换
       outObj.rows = val
       return eval(doQueryMethod)
 
       //st.doQuery()
     },
-    doCurPageChange(val) {//页码切换
+    doCurPageChange(val) {
+      //页码切换
       outObj.page = val
 
       return eval(doQueryMethod)
@@ -44,11 +55,11 @@ export default (st, pageRows, queryMethod) => {//st页面this对象,pageRows,每
         outObj.sort = ''
         outObj.order = ''
       }
-      if (!noQuery) {//true 不查询,适合列表一加载时
+      if (!noQuery) {
+        //true 不查询,适合列表一加载时
         return eval(doQueryMethod)
       }
-    }
+    },
   }
   return outObj
 }
-

package/src/utils/comutils.js

@@ -1,40 +1,64 @@
-function genRules(isRequired, minLength, maxLength, type = 'string', decimalNum) { // decimalNum=0是整数
+function genRules(
+  isRequired,
+  minLength,
+  maxLength,
+  type = 'string',
+  decimalNum
+) {
+  // decimalNum=0是整数
   const result = []
   if (isRequired) {
-    const msg = {message: this.$t('此处必填'), required: true}
+    const msg = { message: this.$t('此处必填'), required: true }
     result.push(msg)
   }
   if (type == 'string') {
     if (minLength) {
-      result.push({min: minLength, message: this.$t('字符长度不能小于x个字符', [minLength])})
+      result.push({
+        min: minLength,
+        message: this.$t('字符长度不能小于x个字符', [minLength]),
+      })
     }
     if (maxLength) {
-      result.push({max: maxLength, message: this.$t('字符长度不能大于x个字符', [maxLength])})
+      result.push({
+        max: maxLength,
+        message: this.$t('字符长度不能大于x个字符', [maxLength]),
+      })
     }
   } else if (type == 'number') {
-    result.push({type: 'number', message: this.$t('必须为数字')})
+    result.push({ type: 'number', message: this.$t('必须为数字') })
     if (minLength != null) {
-      result.push({type: 'number', min: minLength, message: this.$t('数字不能小于') + minLength})
+      result.push({
+        type: 'number',
+        min: minLength,
+        message: this.$t('数字不能小于') + minLength,
+      })
     }
     if (maxLength) {
-      result.push({type: 'number', max: maxLength, message: this.$t('数字不能大于') + maxLength})
+      result.push({
+        type: 'number',
+        max: maxLength,
+        message: this.$t('数字不能大于') + maxLength,
+      })
     }
-    if (decimalNum) { // 非0时,有小数
+    if (decimalNum) {
+      // 非0时,有小数
       const reg = new RegExp('^(\\-|\\+?)\\d+(\\.\\d{0,' + decimalNum + '})?$')
-      result.push({pattern: reg, message: this.$t('小数最多x位', [decimalNum])}
-      )
+      result.push({
+        pattern: reg,
+        message: this.$t('小数最多x位', [decimalNum]),
+      })
     }
     if (decimalNum === 0) {
       const reg = new RegExp('(^-?\\d+$)')
-      result.push({pattern: reg, message: this.$t('请输入整数')}
-      )
+      result.push({ pattern: reg, message: this.$t('请输入整数') })
     }
   }
 
   return result
 }
 
-function ckFt(value) { // checkbox展示用
+function ckFt(value) {
+  // checkbox展示用
   if (value == '1') {
     return '√'
   } else {
@@ -42,57 +66,55 @@ function ckFt(value) { // checkbox展示用
   }
 }
 
-
 function date() {
   return
 }
 
 export default {
-
   install(Vue) {
-    Vue.prototype.$r = genRules
-    Vue.prototype.$ckFt = ckFt
-    Vue.prototype.$date = {
+    window.$vueApp.config.globalProperties.$r = genRules
+    window.$vueApp.config.globalProperties.$ckFt = ckFt
+    window.$vueApp.config.globalProperties.$date = {
       type: 'date',
       placeholder: '选择日期',
       format: 'yyyy-MM-dd',
       valueFormat: 'yyyy-MM-dd',
-      style: {width: '100%'}
+      style: { width: '100%' },
     }
-    Vue.prototype.$time = {
+    window.$vueApp.config.globalProperties.$time = {
       type: 'datetime',
       placeholder: '选择时间',
       format: 'yyyy-MM-dd HH:mm',
       valueFormat: 'yyyy-MM-dd HH:mm',
-      style: {width: '100%'}
+      style: { width: '100%' },
     }
-    Vue.prototype.$simdate = {
+    window.$vueApp.config.globalProperties.$simdate = {
       type: 'date',
       placeholder: '选择日期',
       format: 'yy-MM-dd',
       valueFormat: 'yyyy-MM-dd',
-      style: {width: '100%'}
+      style: { width: '100%' },
     }
-    Vue.prototype.$simtime = {
+    window.$vueApp.config.globalProperties.$simtime = {
       type: 'datetime',
       placeholder: '选择时间',
       format: 'yy-MM-dd HH:mm',
       valueFormat: 'yyyy-MM-dd HH:mm',
-      style: {width: '100%'}
+      style: { width: '100%' },
     }
-    Vue.prototype.$simdateshow = (v) => {
+    window.$vueApp.config.globalProperties.$simdateshow = (v) => {
       if (v) {
         return v.substring(2, 10)
       } else {
         return ''
       }
     }
-    Vue.prototype.$simtimeshow = (v) => {
+    window.$vueApp.config.globalProperties.$simtimeshow = (v) => {
       if (v) {
         return v.substring(2)
       } else {
         return ''
       }
     }
-  }
+  },
 }

package/src/utils/gogocodeTransfer.js

@@ -0,0 +1,59 @@
+const eventRegistryMap = new WeakMap()
+function getRegistry(instance) {
+  let events = eventRegistryMap.get(instance)
+  if (!events) {
+    eventRegistryMap.set(instance, (events = Object.create(null)))
+  }
+  return events
+}
+export function $on(instance, event, fn) {
+  if (Array.isArray(event)) {
+    event.forEach((e) => $on(instance, e, fn))
+  } else {
+    const events = getRegistry(instance)
+    ;(events[event] || (events[event] = [])).push(fn)
+  }
+  return instance
+}
+export function $once(instance, event, fn) {
+  const wrapped = (...args) => {
+    $off(instance, event, wrapped)
+    fn.call(instance, ...args)
+  }
+  wrapped.fn = fn
+  $on(instance, event, wrapped)
+  return instance
+}
+export function $off(instance, event, fn) {
+  const vm = instance
+  // all
+  if (!event) {
+    eventRegistryMap.set(instance, Object.create(null))
+    return vm
+  }
+  // array of events
+  if (Array.isArray(event)) {
+    event.forEach((e) => $off(instance, e, fn))
+    return vm
+  }
+  // specific event
+  const events = getRegistry(instance)
+  const cbs = events[event]
+  if (!cbs) {
+    return vm
+  }
+  if (!fn) {
+    events[event] = undefined
+    return vm
+  }
+  events[event] = cbs.filter((cb) => !(cb === fn || cb.fn === fn))
+  return vm
+}
+export function $emit(instance, event, ...args) {
+  instance && instance.$emit && instance.$emit(event, ...args)
+  const cbs = getRegistry(instance)[event]
+  if (cbs) {
+    cbs.map((cb) => cb.apply(instance, args))
+  }
+  return instance
+}

package/src/utils/utils.js

@@ -6,15 +6,21 @@ Date.prototype.format = function (format) {
     'm+': this.getMinutes(),
     's+': this.getSeconds(),
     'q+': Math.floor((this.getMonth() + 3) / 3), // quarter
-    'S': this.getMilliseconds()
+    S: this.getMilliseconds(),
   }
   if (/(y+)/.test(format)) {
-    format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
+    format = format.replace(
+      RegExp.$1,
+      (this.getFullYear() + '').substr(4 - RegExp.$1.length)
+    )
   }
   for (var i in args) {
     var n = args[i]
     if (new RegExp('(' + i + ')').test(format)) {
-      format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? n : ('00' + n).substr(('' + n).length))
+      format = format.replace(
+        RegExp.$1,
+        RegExp.$1.length == 1 ? n : ('00' + n).substr(('' + n).length)
+      )
     }
   }
   return format
@@ -36,17 +42,17 @@ String.prototype.formatStr = function (format) {
   }
   if (!date instanceof Date) return
   var dict = {
-    'yyyy': date.getFullYear(),
-    'M': date.getMonth() + 1,
-    'd': date.getDate(),
-    'H': date.getHours(),
-    'm': date.getMinutes(),
-    's': date.getSeconds(),
-    'MM': ('' + (date.getMonth() + 101)).substr(1),
-    'dd': ('' + (date.getDate() + 100)).substr(1),
-    'HH': ('' + (date.getHours() + 100)).substr(1),
-    'mm': ('' + (date.getMinutes() + 100)).substr(1),
-    'ss': ('' + (date.getSeconds() + 100)).substr(1)
+    yyyy: date.getFullYear(),
+    M: date.getMonth() + 1,
+    d: date.getDate(),
+    H: date.getHours(),
+    m: date.getMinutes(),
+    s: date.getSeconds(),
+    MM: ('' + (date.getMonth() + 101)).substr(1),
+    dd: ('' + (date.getDate() + 100)).substr(1),
+    HH: ('' + (date.getHours() + 100)).substr(1),
+    mm: ('' + (date.getMinutes() + 100)).substr(1),
+    ss: ('' + (date.getSeconds() + 100)).substr(1),
   }
   return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g, function () {
     return dict[arguments[0]]
@@ -58,10 +64,16 @@ String.prototype.replaceAll = function (oldStr, newStr) {
 // 遍历整个数组，移除匹配item的元素，使用强比较===，给第二个参数的话就从头开始找到第一个匹配item元素移除后返回；
 // 如有找到元素返回处理后的数组自身，如果没有找到过就返回undefined;
 Array.prototype.remove = function (item, all) {
-  let result, isType = Object.prototype.toString, i, len, start, hasLast = arguments[2]
-  start = 0, len = this.length
-  for (i = start; i < len;) {
-    var isPass = true, inx
+  let result,
+    isType = Object.prototype.toString,
+    i,
+    len,
+    start,
+    hasLast = arguments[2]
+  ;(start = 0), (len = this.length)
+  for (i = start; i < len; ) {
+    var isPass = true,
+      inx
     if (!hasLast) {
       inx = i
     } else {
@@ -102,4 +114,3 @@ Array.prototype.removeone = function (item) {
   }
   return -1
 }
-