hd-idevvue3 3.0.0 → 3.0.1

package/src/idev.common.js

@@ -0,0 +1,72 @@
+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) {
+    }
+
+    //滚动去掉高亮事件，提升虚拟滚动条性能
+    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: ''
+    }
+    //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) { // 消息默认值
+      if (!options.duration) {
+        if(options.type=="error") {
+          options.duration = 3000
+        } else {
+          options.duration = 5000
+        }
+      }
+      if (!options.showClose) {
+        options.showClose = true
+      }
+      inElement.Message(options)
+    }
+    Vue.prototype.$message.closeAll = inElement.Message.closeAll
+    Vue.prototype.$message.close = inElement.Message.close
+  }
+}
+

package/src/index.js

@@ -0,0 +1,13 @@
+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)
+  }
+}
+

package/src/utils/HdQuery.js

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

package/src/utils/comutils.js

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

package/src/utils/utils.js

@@ -0,0 +1,105 @@
+Date.prototype.format = function (format) {
+  var args = {
+    'M+': this.getMonth() + 1,
+    'd+': this.getDate(),
+    'H+': this.getHours(),
+    'm+': this.getMinutes(),
+    's+': this.getSeconds(),
+    'q+': Math.floor((this.getMonth() + 3) / 3), // quarter
+    'S': this.getMilliseconds()
+  }
+  if (/(y+)/.test(format)) {
+    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))
+    }
+  }
+  return format
+}
+
+String.prototype.formatStr = function (format) {
+  var date = this
+  if (!format) format = 'yyyy-MM-dd'
+  switch (typeof date) {
+    case 'string':
+      date = new Date(date.replace(/-/, '/'))
+      break
+    case 'number':
+      date = new Date(date)
+      break
+    default:
+      date = new Date(date.toString().replace(/-/, '/'))
+      break
+  }
+  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)
+  }
+  return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g, function () {
+    return dict[arguments[0]]
+  })
+}
+String.prototype.replaceAll = function (oldStr, newStr) {
+  return this.replace(new RegExp(oldStr, 'gm'), 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
+    if (!hasLast) {
+      inx = i
+    } else {
+      inx = len - 1
+    }
+    if (isType.call(item) == '[object Array]') {
+      for (var ii = 0, iimax = item.length; ii < iimax; ii++) {
+        if (this[inx] === item[ii]) {
+          isPass = false
+          break
+        }
+      }
+    } else if (this[inx] === item) {
+      isPass = false
+    }
+    if (!isPass) {
+      result = true
+      this.splice(inx, 1)
+      if (all) {
+        break
+      }
+    } else if (!hasLast) {
+      len = this.length
+      i++
+    } else {
+      len--
+    }
+  }
+  return result ? this : void 0
+}
+// 删除一个并返回当前位置,匹配不到返回-1
+Array.prototype.removeone = function (item) {
+  for (let i = 0; i < this.length; i++) {
+    if (this[i] === item) {
+      this.splice(i, 1)
+      return i
+    }
+  }
+  return -1
+}
+

package/src/vendor/Blob.js

@@ -0,0 +1,179 @@
+/* eslint-disable */
+/* Blob.js
+ * A Blob implementation.
+ * 2014-05-27
+ *
+ * By Eli Grey, http://eligrey.com
+ * By Devin Samarin, https://github.com/eboyjr
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self, unescape */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+ plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
+
+(function (view) {
+    "use strict";
+
+    view.URL = view.URL || view.webkitURL;
+
+    if (view.Blob && view.URL) {
+        try {
+            new Blob;
+            return;
+        } catch (e) {}
+    }
+
+    // Internally we use a BlobBuilder implementation to base Blob off of
+    // in order to support older browsers that only have BlobBuilder
+    var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) {
+            var
+                get_class = function(object) {
+                    return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
+                }
+                , FakeBlobBuilder = function BlobBuilder() {
+                    this.data = [];
+                }
+                , FakeBlob = function Blob(data, type, encoding) {
+                    this.data = data;
+                    this.size = data.length;
+                    this.type = type;
+                    this.encoding = encoding;
+                }
+                , FBB_proto = FakeBlobBuilder.prototype
+                , FB_proto = FakeBlob.prototype
+                , FileReaderSync = view.FileReaderSync
+                , FileException = function(type) {
+                    this.code = this[this.name = type];
+                }
+                , file_ex_codes = (
+                    "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+                    + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
+                ).split(" ")
+                , file_ex_code = file_ex_codes.length
+                , real_URL = view.URL || view.webkitURL || view
+                , real_create_object_URL = real_URL.createObjectURL
+                , real_revoke_object_URL = real_URL.revokeObjectURL
+                , URL = real_URL
+                , btoa = view.btoa
+                , atob = view.atob
+
+                , ArrayBuffer = view.ArrayBuffer
+                , Uint8Array = view.Uint8Array
+                ;
+            FakeBlob.fake = FB_proto.fake = true;
+            while (file_ex_code--) {
+                FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
+            }
+            if (!real_URL.createObjectURL) {
+                URL = view.URL = {};
+            }
+            URL.createObjectURL = function(blob) {
+                var
+                    type = blob.type
+                    , data_URI_header
+                    ;
+                if (type === null) {
+                    type = "application/octet-stream";
+                }
+                if (blob instanceof FakeBlob) {
+                    data_URI_header = "data:" + type;
+                    if (blob.encoding === "base64") {
+                        return data_URI_header + ";base64," + blob.data;
+                    } else if (blob.encoding === "URI") {
+                        return data_URI_header + "," + decodeURIComponent(blob.data);
+                    } if (btoa) {
+                        return data_URI_header + ";base64," + btoa(blob.data);
+                    } else {
+                        return data_URI_header + "," + encodeURIComponent(blob.data);
+                    }
+                } else if (real_create_object_URL) {
+                    return real_create_object_URL.call(real_URL, blob);
+                }
+            };
+            URL.revokeObjectURL = function(object_URL) {
+                if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
+                    real_revoke_object_URL.call(real_URL, object_URL);
+                }
+            };
+            FBB_proto.append = function(data/*, endings*/) {
+                var bb = this.data;
+                // decode data to a binary string
+                if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
+                    var
+                        str = ""
+                        , buf = new Uint8Array(data)
+                        , i = 0
+                        , buf_len = buf.length
+                        ;
+                    for (; i < buf_len; i++) {
+                        str += String.fromCharCode(buf[i]);
+                    }
+                    bb.push(str);
+                } else if (get_class(data) === "Blob" || get_class(data) === "File") {
+                    if (FileReaderSync) {
+                        var fr = new FileReaderSync;
+                        bb.push(fr.readAsBinaryString(data));
+                    } else {
+                        // async FileReader won't work as BlobBuilder is sync
+                        throw new FileException("NOT_READABLE_ERR");
+                    }
+                } else if (data instanceof FakeBlob) {
+                    if (data.encoding === "base64" && atob) {
+                        bb.push(atob(data.data));
+                    } else if (data.encoding === "URI") {
+                        bb.push(decodeURIComponent(data.data));
+                    } else if (data.encoding === "raw") {
+                        bb.push(data.data);
+                    }
+                } else {
+                    if (typeof data !== "string") {
+                        data += ""; // convert unsupported types to strings
+                    }
+                    // decode UTF-16 to binary string
+                    bb.push(unescape(encodeURIComponent(data)));
+                }
+            };
+            FBB_proto.getBlob = function(type) {
+                if (!arguments.length) {
+                    type = null;
+                }
+                return new FakeBlob(this.data.join(""), type, "raw");
+            };
+            FBB_proto.toString = function() {
+                return "[object BlobBuilder]";
+            };
+            FB_proto.slice = function(start, end, type) {
+                var args = arguments.length;
+                if (args < 3) {
+                    type = null;
+                }
+                return new FakeBlob(
+                    this.data.slice(start, args > 1 ? end : this.data.length)
+                    , type
+                    , this.encoding
+                );
+            };
+            FB_proto.toString = function() {
+                return "[object Blob]";
+            };
+            FB_proto.close = function() {
+                this.size = this.data.length = 0;
+            };
+            return FakeBlobBuilder;
+        }(view));
+
+    view.Blob = function Blob(blobParts, options) {
+        var type = options ? (options.type || "") : "";
+        var builder = new BlobBuilder();
+        if (blobParts) {
+            for (var i = 0, len = blobParts.length; i < len; i++) {
+                builder.append(blobParts[i]);
+            }
+        }
+        return builder.getBlob(type);
+    };
+}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));