gis-common 2.1.2 → 2.2.3

package/src/utils/Cookie.js

@@ -0,0 +1,23 @@
+export default {
+    set: function (name, value, Days = 30) {
+        var exp = new Date()
+        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000)
+        document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString()
+    },
+    remove: function (name) {
+        var exp = new Date()
+        exp.setTime(exp.getTime() - 1)
+        var cval = this.get(name)
+        if (cval != null) {
+            document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString()
+        }
+    },
+    get: function (name) {
+        var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'))
+        if (arr != null) {
+            return arr[2]
+        } else {
+            return ''
+        }
+    },
+}

package/src/utils/CoordsUtils.js

@@ -0,0 +1,139 @@
+export default {
+    PI: 3.14159265358979324,
+    XPI: (3.14159265358979324 * 3000.0) / 180.0,
+    delta(lat, lng) {
+        const a = 6378245.0 //  a: 卫星椭球坐标投影到平面地图坐标系的投影因子。
+        const ee = 0.00669342162296594323 //  ee: 椭球的偏心率。
+        let dLat = this.transformLat(lng - 105.0, lat - 35.0)
+        let dLon = this.transformLon(lng - 105.0, lat - 35.0)
+        const radLat = (lat / 180.0) * this.PI
+        let magic = Math.sin(radLat)
+        magic = 1 - ee * magic * magic
+        const sqrtMagic = Math.sqrt(magic)
+        dLat = (dLat * 180.0) / (((a * (1 - ee)) / (magic * sqrtMagic)) * this.PI)
+        dLon = (dLon * 180.0) / ((a / sqrtMagic) * Math.cos(radLat) * this.PI)
+        return { lat: dLat, lng: dLon }
+    },
+    // WGS-84 to GCJ-02
+    gcjEncrypt(wgsLat, wgsLon) {
+        if (this.outOfChina(wgsLat, wgsLon)) {
+            return { lat: wgsLat, lng: wgsLon }
+        }
+
+        const d = this.delta(wgsLat, wgsLon)
+        return { lat: wgsLat + d.lat, lng: wgsLon + d.lng }
+    },
+    // GCJ-02 to WGS-84
+    gcjDecrypt(gcjLat, gcjLon) {
+        if (this.outOfChina(gcjLat, gcjLon)) {
+            return { lat: gcjLat, lng: gcjLon }
+        }
+
+        const d = this.delta(gcjLat, gcjLon)
+        return { lat: gcjLat - d.lat, lng: gcjLon - d.lng }
+    },
+    // GCJ-02 to WGS-84 exactly
+    gcjDecryptExact(gcjLat, gcjLon) {
+        const initDelta = 0.01
+        const threshold = 0.000000001
+        let dLat = initDelta
+        let dLon = initDelta
+        let mLat = gcjLat - dLat
+        let mLon = gcjLon - dLon
+        let pLat = gcjLat + dLat
+        let pLon = gcjLon + dLon
+        let wgsLat
+        let wgsLon
+        let i = 0
+        while (1) {
+            wgsLat = (mLat + pLat) / 2
+            wgsLon = (mLon + pLon) / 2
+            const tmp = this.gcj_encrypt(wgsLat, wgsLon)
+            dLat = tmp.lat - gcjLat
+            dLon = tmp.lng - gcjLon
+            if (Math.abs(dLat) < threshold && Math.abs(dLon) < threshold) {
+                break
+            }
+
+            if (dLat > 0) pLat = wgsLat
+            else mLat = wgsLat
+            if (dLon > 0) pLon = wgsLon
+            else mLon = wgsLon
+
+            if (++i > 10000) break
+        }
+        // console.log(i);
+        return { lat: wgsLat, lng: wgsLon }
+    },
+    // GCJ-02 to BD-09
+    bdEncrypt(gcjLat, gcjLon) {
+        const x = gcjLon
+        const y = gcjLat
+        const z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.XPI)
+        const theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.XPI)
+        const bdLon = z * Math.cos(theta) + 0.0065
+        const bdLat = z * Math.sin(theta) + 0.006
+        return { lat: bdLat, lng: bdLon }
+    },
+    // BD-09 to GCJ-02
+    bdDecrypt(bdLat, bdLon) {
+        const x = bdLon - 0.0065
+        const y = bdLat - 0.006
+        const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.XPI)
+        const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * this.XPI)
+        const gcjLon = z * Math.cos(theta)
+        const gcjLat = z * Math.sin(theta)
+        return { lat: gcjLat, lng: gcjLon }
+    },
+    // WGS-84 to Web mercator
+    // mercatorLat -> y mercatorLon -> x
+    mercatorEncrypt(wgsLat, wgsLon) {
+        const x = (wgsLon * 20037508.34) / 180.0
+        let y = Math.log(Math.tan(((90.0 + wgsLat) * this.PI) / 360.0)) / (this.PI / 180.0)
+        y = (y * 20037508.34) / 180.0
+        return { lat: y, lng: x }
+    },
+    // Web mercator to WGS-84
+    // mercatorLat -> y mercatorLon -> x
+    mercatorDecrypt(mercatorLat, mercatorLon) {
+        const x = (mercatorLon / 20037508.34) * 180.0
+        let y = (mercatorLat / 20037508.34) * 180.0
+        y = (180 / this.PI) * (2 * Math.atan(Math.exp((y * this.PI) / 180.0)) - this.PI / 2)
+        return { lat: y, lng: x }
+    },
+    // two point's distance
+    distance(latA, lngA, latB, lngB) {
+        const earthR = 6371000.0
+        const x = Math.cos((latA * this.PI) / 180.0) * Math.cos((latB * this.PI) / 180.0) * Math.cos(((lngA - lngB) * this.PI) / 180)
+        const y = Math.sin((latA * this.PI) / 180.0) * Math.sin((latB * this.PI) / 180.0)
+        let s = x + y
+        if (s > 1) s = 1
+        if (s < -1) s = -1
+        const alpha = Math.acos(s)
+        const distance = alpha * earthR
+        return distance
+    },
+    outOfChina(lat, lng) {
+        if (lng < 72.004 || lng > 137.8347) {
+            return true
+        }
+        if (lat < 0.8293 || lat > 55.8271) {
+            return true
+        }
+        return false
+    },
+    transformLat(x, y) {
+        let ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x))
+        ret += ((20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0) / 3.0
+        ret += ((20.0 * Math.sin(y * this.PI) + 40.0 * Math.sin((y / 3.0) * this.PI)) * 2.0) / 3.0
+        ret += ((160.0 * Math.sin((y / 12.0) * this.PI) + 320 * Math.sin((y * this.PI) / 30.0)) * 2.0) / 3.0
+        return ret
+    },
+    transformLon(x, y) {
+        let ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x))
+        ret += ((20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0) / 3.0
+        ret += ((20.0 * Math.sin(x * this.PI) + 40.0 * Math.sin((x / 3.0) * this.PI)) * 2.0) / 3.0
+        ret += ((150.0 * Math.sin((x / 12.0) * this.PI) + 300.0 * Math.sin((x / 30.0) * this.PI)) * 2.0) / 3.0
+        return ret
+    },
+}

package/src/utils/DateUtils.js

@@ -0,0 +1,130 @@
+Date.prototype.format = function (fmt) {
+    const o = {
+        'M+': this.getMonth() + 1, // 月份
+        'd+': this.getDate(), // 日
+        'h+': this.getHours(), // 小时
+        'm+': this.getMinutes(), // 分
+        's+': this.getSeconds(), // 秒
+        'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
+        S: this.getMilliseconds(), // 毫秒
+    }
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
+    for (const k in o) {
+        if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
+    }
+    return fmt
+}
+/**
+ * 实现的时间增减功能
+ *
+ * @param {*} interval 字符串表达式，表示要添加的时间间隔类型
+ * @param {*} number 数值表达式，表示要添加的时间间隔的个数
+ */
+Date.prototype.addDate = function (interval, number) {
+    const date = new Date(this)
+    switch (interval) {
+        case 'y':
+            date.setFullYear(this.getFullYear() + number)
+            break
+        case 'q':
+            date.setMonth(this.getMonth() + number * 3)
+            break
+        case 'M':
+            date.setMonth(this.getMonth() + number)
+            break
+        case 'w':
+            date.setDate(this.getDate() + number * 7)
+            break
+        case 'd':
+            date.setDate(this.getDate() + number)
+            break
+        case 'h':
+            date.setHours(this.getHours() + number)
+            break
+        case 'm':
+            date.setMinutes(this.getMinutes() + number)
+            break
+        case 's':
+            date.setSeconds(this.getSeconds() + number)
+            break
+        default:
+            date.setDate(this.getDate() + number)
+            break
+    }
+    return date
+}
+export default {
+    lastMonthDate: new Date(new Date().getFullYear(), new Date().getMonth() - 1, 1),
+    thisMonthDate: new Date(new Date().getFullYear(), new Date().getMonth(), 1),
+    nextMonthDate: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1),
+    lastDayDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 1),
+    thisDayDate: new Date(new Date().setHours(0, 0, 0, 0)),
+    nextDayDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() + 1),
+    parseDate(str) {
+        if (typeof str == 'string') {
+            var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/)
+            if (results && results.length > 3) return new Date(parseInt(results[1]), parseInt(results[2]) - 1, parseInt(results[3]))
+            results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/)
+            if (results && results.length > 6)
+                return new Date(
+                    parseInt(results[1]),
+                    parseInt(results[2]) - 1,
+                    parseInt(results[3]),
+                    parseInt(results[4]),
+                    parseInt(results[5]),
+                    parseInt(results[6])
+                )
+            results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/)
+            if (results && results.length > 7)
+                return new Date(
+                    parseInt(results[1]),
+                    parseInt(results[2]) - 1,
+                    parseInt(results[3]),
+                    parseInt(results[4]),
+                    parseInt(results[5]),
+                    parseInt(results[6]),
+                    parseInt(results[7])
+                )
+        }
+        return null
+    },
+    /**
+     * 将时间间隔转换成中国话
+     *
+     * @param {*} startTime
+     * @param {*} endTime
+     * @returns {*}
+     */
+    formatDateInterval(startTime, endTime) {
+        const dateCreateTime = new Date(startTime)
+        const dateFinishTime = new Date(endTime)
+        const dateInterval = dateFinishTime.getTime() - dateCreateTime.getTime()
+        const days = Math.floor(dateInterval / (24 * 3600 * 1000))
+        const leave1 = dateInterval % (24 * 3600 * 1000)
+        const hours = Math.floor(leave1 / (3600 * 1000))
+        const leave2 = leave1 % (3600 * 1000)
+        const minutes = Math.floor(leave2 / (60 * 1000))
+        const leave3 = leave2 % (60 * 1000)
+        const seconds = Math.round(leave3 / 1000)
+        let intervalDes = ''
+        if (days > 0) {
+            intervalDes += days + '天'
+        }
+        if (hours > 0) {
+            intervalDes += hours + '时'
+        }
+        if (minutes > 0) {
+            intervalDes += minutes + '分'
+        }
+        if (seconds > 0) {
+            intervalDes += seconds + '秒'
+        }
+        if (days === 0 && hours === 0 && minutes === 0 && seconds === 0) {
+            intervalDes = '少于1秒'
+        }
+        return intervalDes
+    },
+    sleep(d) {
+        for (let t = Date.now(); Date.now() - t <= d; );
+    },
+}

package/src/utils/DomUtils.js

@@ -0,0 +1,94 @@
+function trim(str) {
+    return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, '')
+}
+function splitWords(str) {
+    return trim(str).split(/\s+/)
+}
+export default {
+    getStyle(el, style) {
+        let value = el.style[style] || (el.currentStyle && el.currentStyle[style])
+
+        if ((!value || value === 'auto') && document.defaultView) {
+            const css = document.defaultView.getComputedStyle(el, null)
+            value = css ? css[style] : null
+        }
+        return value === 'auto' ? null : value
+    },
+    create(tagName, className, container) {
+        const el = document.createElement(tagName)
+        el.className = className || ''
+
+        if (container) {
+            container.appendChild(el)
+        }
+        return el
+    },
+    remove(el) {
+        const parent = el.parentNode
+        if (parent) {
+            parent.removeChild(el)
+        }
+    },
+    empty(el) {
+        while (el.firstChild) {
+            el.removeChild(el.firstChild)
+        }
+    },
+    toFront(el) {
+        const parent = el.parentNode
+        if (parent && parent.lastChild !== el) {
+            parent.appendChild(el)
+        }
+    },
+    toBack(el) {
+        const parent = el.parentNode
+        if (parent && parent.firstChild !== el) {
+            parent.insertBefore(el, parent.firstChild)
+        }
+    },
+    getClass(el) {
+        if (el.correspondingElement) {
+            el = el.correspondingElement
+        }
+        return el.className.baseVal === undefined ? el.className : el.className.baseVal
+    },
+    hasClass(el, name) {
+        if (el.classList !== undefined) {
+            return el.classList.contains(name)
+        }
+        const className = this.getClass(el)
+        return className.length > 0 && new RegExp('(^|\\s)' + name + '(\\s|$)').test(className)
+    },
+    addClass(el, name) {
+        if (el.classList !== undefined) {
+            const classes = splitWords(name)
+            for (let i = 0, len = classes.length; i < len; i++) {
+                el.classList.add(classes[i])
+            }
+        } else if (!this.hasClass(el, name)) {
+            const className = this.getClass(el)
+            this.setClass(el, (className ? className + ' ' : '') + name)
+        }
+    },
+    removeClass(el, name) {
+        if (el.classList !== undefined) {
+            const classes = splitWords(name)
+            classes.forEach((name) => el.classList.remove(name))
+        } else {
+            this.setClass(el, trim((' ' + this.getClass(el) + ' ').replace(' ' + name + ' ', ' ')))
+        }
+    },
+    setClass(el, name) {
+        if (el.className.baseVal === undefined) {
+            el.className = name
+        } else {
+            // in case of SVG element
+            el.className.baseVal = name
+        }
+    },
+    parseFromString(str) {
+        const parser = new DOMParser()
+        const doc = parser.parseFromString(str, 'text/xml')
+        return doc.children[0]
+    },
+}

package/src/utils/FileUtils.js

@@ -0,0 +1,105 @@
+export default {
+    /**
+     * 将base64类型编码的图片转换成blob类型
+     *
+     * @param {*} data
+     * @returns {*}
+     */
+    convertBase64ToBlob(data) {
+        var mimeString = data.split(',')[0].split(':')[1].split(';')[0]
+        var byteString = window.atob(data.split(',')[1])
+        var ab = new ArrayBuffer(byteString.length)
+        var ia = new Uint8Array(ab)
+
+        for (var i = 0; i < byteString.length; i++) {
+            ia[i] = byteString.charCodeAt(i)
+        }
+        var bb = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder
+
+        if (bb) {
+            bb = new (window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder)()
+            bb.append(ab)
+            return bb.getBlob(mimeString)
+        } else {
+            bb = new Blob([ab], {
+                type: mimeString,
+            })
+            return bb
+        }
+    },
+    /**
+     * 将url图片转换成base64编码的图片,也可用于图片压缩
+     *
+     * @param {*} url 需要转换的图片url
+     * @param {*} width 指定宽高,如未指定则使用默认宽度
+     * @param {*} height
+     * @returns {*}
+     */
+    convertUrlToBase64(url, width, height) {
+        return new Promise(function (resolve, reject) {
+            var img = new Image()
+            img.crossOrigin = 'Anonymous'
+            img.src = url
+            img.onload = function () {
+                var canvas = document.createElement('canvas')
+                canvas.width = width || img.width
+                canvas.height = height || img.height
+                var ctx = canvas.getContext('2d')
+                ctx.drawImage(img, 0, 0, img.width, img.height)
+                var ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase()
+                var dataURL = canvas.toDataURL('image/' + ext)
+                var base64 = {
+                    dataURL: dataURL,
+                    type: 'image/' + ext,
+                    ext: ext,
+                }
+                resolve(base64)
+            }
+        })
+    },
+    /**
+     * 将base64类型编码的图片转换成file类型
+     *
+     * @param {*} dataurl
+     * @param {*} filename
+     * @returns {*}
+     */
+    convertBase64ToFile(dataurl, filename) {
+        var arr = dataurl.split(','),
+            mime = arr[0].match(/:(.*?);/)[1],
+            bstr = atob(arr[1]),
+            n = bstr.length,
+            u8arr = new Uint8Array(n)
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n)
+        }
+        let file = new File([u8arr], filename, { type: mime })
+        return file
+    },
+    /**
+     * 直接下载文件,支持blob类型和url类型
+     *
+     * @param {*} data
+     * @param {*} saveName
+     */
+    downloadFromFile(data, saveName) {
+        let url
+        if (typeof data == 'object') {
+            if (data instanceof Blob) {
+                url = URL.createObjectURL(data) // 创建blob地址
+            } else {
+                const str = JSON.stringify(data)
+                const blob = new Blob([str], { type: 'text/json' }) // json对象
+                url = window.URL.createObjectURL(blob)
+            }
+        } else if (typeof data == 'string') {
+            const blob = new Blob([data], { type: 'text/json' }) //json文本
+            url = window.URL.createObjectURL(blob)
+        }
+        var link = document.createElement('a')
+        link.href = url
+        link.download = saveName || '' // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
+        link.click()
+        window.URL.revokeObjectURL(link.href)
+    },
+}