@jiangood/springboot-admin-starter 0.0.1

package/src/framework/system/sys.js

@@ -0,0 +1,60 @@
+import {StorageUtil, UrlUtil} from "../utils";
+
+const SITE_INFO_KEY = "siteInfo"
+const LOGIN_INFO_KEY = "loginInfo"
+const DICT_INFO_KEY = "dictInfo"
+export const SysUtil = {
+
+
+
+    /**
+     * 服务器端的地址， 以 /结尾
+     * @returns {string}
+     */
+    getServerUrl() {
+        return "/"
+    },
+
+    /**
+     * 将服务url加载最前
+     * @param url
+     * @returns {*}
+     */
+    wrapServerUrl(url) {
+        const serverUrl = SysUtil.getServerUrl()
+        return UrlUtil.join(serverUrl, url)
+    },
+
+
+    getHeaders() {
+        const headers = {}
+        return headers;
+    },
+
+    setSiteInfo(data) {
+        return StorageUtil.set(SITE_INFO_KEY, data)
+    },
+
+    getSiteInfo() {
+        return StorageUtil.get(SITE_INFO_KEY) || {}
+    },
+
+    setLoginInfo(data) {
+        return StorageUtil.set(LOGIN_INFO_KEY, data)
+    },
+
+    getLoginInfo() {
+        return StorageUtil.get(LOGIN_INFO_KEY) || {}
+    },
+
+
+    setDictInfo(data) {
+        return StorageUtil.set(DICT_INFO_KEY, data)
+    },
+
+    getDictInfo() {
+        return StorageUtil.get(DICT_INFO_KEY)
+    }
+}
+
+

package/src/framework/system/theme.js

@@ -0,0 +1,17 @@
+export const theme = {
+    "primary-color": "#1961AC",
+    "success-color": "#52c41a",
+    "warning-color": "#faad14",
+    "error-color": "#ff4d4f",
+    "background-color":"#f5f5f5",
+
+
+    "primary-color-hover":"#4990CD",
+    "primary-color-click":"#124B93"
+}
+
+
+
+
+
+

package/src/framework/utils/arr.js

@@ -0,0 +1,118 @@
+export const ArrUtil = {
+
+    contains(arr, item) {
+        return arr.indexOf(item) !== -1;
+    },
+    containsAny(arr, ...items) {
+        for (let item of items) {
+            if (this.contains(item)) {
+                return true
+            }
+        }
+        return false;
+    },
+
+    add(arr, item) {
+        arr.push(item)
+    },
+
+    addAt(arr, index, item) {
+        arr.splice(index, 0, item);
+    },
+
+    /**
+     * 将一个数组追加到尾
+     * @param index
+     * @param item
+     */
+    addAll(arr, items) {
+        for (let i = 0; i < items.length; i++) {
+            arr.push(items[i])
+        }
+    },
+
+    removeAt(arr, index) {
+        arr.splice(index, 1)
+    },
+
+    remove(arr, item) {
+        const index = arr.indexOf(item);
+        if (index !== -1) {
+            this.removeAt(arr, index)
+        }
+    },
+
+    /**
+     * 清空
+     */
+    clear(arr) {
+        arr.length = 0
+    },
+
+    /**
+     * 截取数组
+     * @param fromIndex  low endpoint (inclusive) of the subList toIndex
+     * @param toIndex  high endpoint (exclusive) of the subList
+     */
+    sub(arr, fromIndex, toIndex) {
+        return arr.slice(fromIndex, toIndex);
+    },
+
+    swap(arr, item1, item2) {
+        const index1 = arr.indexOf(item1);
+        const index2 = arr.indexOf(item2);
+
+        arr[index1] = item2;
+        arr[index2] = item1;
+    },
+
+    insert(arr, index, item) {
+        arr.splice(index, 0, item);
+    },
+
+    pushIfNotExist(arr, item) {
+        const index = arr.indexOf(item);
+        if (index == -1) {
+            arr.push(item);
+        }
+    },
+
+    pushAll(arr, newArr) {
+        for (let i = 0; i < newArr.length; i++) {
+            arr.push(newArr[i]);
+        }
+    },
+
+    /**
+     * 获取对象数组中某一属性值最大的对象
+     * @param arr
+     */
+    maxBy(arr, key) {
+        if (arr == null || arr.length === 0) {
+            return undefined;
+        }
+
+        let maxElement;
+        let maxValue = -Infinity;
+
+        for (const element of arr) {
+            const value = element[key];
+            if (value > maxValue) {
+                maxValue = value;
+                maxElement = element;
+            }
+        }
+
+        return maxElement;
+    },
+
+    /**
+     * 数组去重
+     * @param arr
+     * @returns {any[]}
+     */
+    unique(arr) {
+        return [...new Set(arr)]
+    }
+
+}

package/src/framework/utils/browser.js

@@ -0,0 +1,24 @@
+export function isMobileDevice() {
+    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+
+    // Windows Phone must come first because its UA also contains "Android"
+    if (/windows phone/i.test(userAgent)) {
+        return true;
+    }
+
+    // Android devices
+    if (/android/i.test(userAgent)) {
+        return true;
+    }
+
+    // iOS devices
+    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+        return true;
+    }
+    return false;
+}
+
+export function getWebsocketBaseUrl() {
+    const protocol = location.protocol === 'http:' ? 'ws:' : 'wss:'
+    return protocol + "//" + location.host
+}

package/src/framework/utils/color.js

@@ -0,0 +1,269 @@
+/**
+ * forked form https://github.com/quasarframework/quasar
+ */
+
+
+const reRGBA = /^rgb(a)?\((\d{1,3}),(\d{1,3}),(\d{1,3}),?([01]?\.?\d*?)?\)$/
+
+export function rgbToHex ({ r, g, b, a }) {
+    const alpha = a !== void 0
+
+    r = Math.round(r)
+    g = Math.round(g)
+    b = Math.round(b)
+
+    if (
+        r > 255
+        || g > 255
+        || b > 255
+        || (alpha && a > 100)
+    ) {
+        throw new TypeError('Expected 3 numbers below 256 (and optionally one below 100)')
+    }
+
+    a = alpha
+        ? (Math.round(255 * a / 100) | 1 << 8).toString(16).slice(1)
+        : ''
+
+    return '#' + ((b | g << 8 | r << 16) | 1 << 24).toString(16).slice(1) + a
+}
+
+export function rgbToString ({ r, g, b, a }) {
+    return `rgb${ a !== void 0 ? 'a' : '' }(${ r },${ g },${ b }${ a !== void 0 ? ',' + (a / 100) : '' })`
+}
+
+export function hexToRgb (hex) {
+    if (typeof hex !== 'string') {
+        throw new TypeError('Expected a string')
+    }
+
+    hex = hex.replace(/^#/, '')
+
+    if (hex.length === 3) {
+        hex = hex[ 0 ] + hex[ 0 ] + hex[ 1 ] + hex[ 1 ] + hex[ 2 ] + hex[ 2 ]
+    }
+    else if (hex.length === 4) {
+        hex = hex[ 0 ] + hex[ 0 ] + hex[ 1 ] + hex[ 1 ] + hex[ 2 ] + hex[ 2 ] + hex[ 3 ] + hex[ 3 ]
+    }
+
+    const num = parseInt(hex, 16)
+
+    return hex.length > 6
+        ? { r: num >> 24 & 255, g: num >> 16 & 255, b: num >> 8 & 255, a: Math.round((num & 255) / 2.55) }
+        : { r: num >> 16, g: num >> 8 & 255, b: num & 255 }
+}
+
+export function hsvToRgb ({ h, s, v, a }) {
+    let r, g, b
+    s = s / 100
+    v = v / 100
+
+    h = h / 360
+    const
+        i = Math.floor(h * 6),
+        f = h * 6 - i,
+        p = v * (1 - s),
+        q = v * (1 - f * s),
+        t = v * (1 - (1 - f) * s)
+
+    switch (i % 6) {
+        case 0:
+            r = v
+            g = t
+            b = p
+            break
+        case 1:
+            r = q
+            g = v
+            b = p
+            break
+        case 2:
+            r = p
+            g = v
+            b = t
+            break
+        case 3:
+            r = p
+            g = q
+            b = v
+            break
+        case 4:
+            r = t
+            g = p
+            b = v
+            break
+        case 5:
+            r = v
+            g = p
+            b = q
+            break
+    }
+
+    return {
+        r: Math.round(r * 255),
+        g: Math.round(g * 255),
+        b: Math.round(b * 255),
+        a
+    }
+}
+
+export function rgbToHsv ({ r, g, b, a }) {
+    const
+        max = Math.max(r, g, b),
+        min = Math.min(r, g, b),
+        d = max - min,
+        s = (max === 0 ? 0 : d / max),
+        v = max / 255
+    let h
+
+    switch (max) {
+        case min:
+            h = 0
+            break
+        case r:
+            h = (g - b) + d * (g < b ? 6 : 0)
+            h /= 6 * d
+            break
+        case g:
+            h = (b - r) + d * 2
+            h /= 6 * d
+            break
+        case b:
+            h = (r - g) + d * 4
+            h /= 6 * d
+            break
+    }
+
+    return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        v: Math.round(v * 100),
+        a
+    }
+}
+
+export function textToRgb (str) {
+    if (typeof str !== 'string') {
+        throw new TypeError('Expected a string')
+    }
+
+    const color = str.replace(/ /g, '')
+
+    const m = reRGBA.exec(color)
+
+    if (m === null) {
+        return hexToRgb(color)
+    }
+
+    const rgb = {
+        r: Math.min(255, parseInt(m[ 2 ], 10)),
+        g: Math.min(255, parseInt(m[ 3 ], 10)),
+        b: Math.min(255, parseInt(m[ 4 ], 10))
+    }
+
+    if (m[ 1 ]) {
+        const alpha = parseFloat(m[ 5 ])
+        rgb.a = Math.min(1, isNaN(alpha) === true ? 1 : alpha) * 100
+    }
+
+    return rgb
+}
+
+/* works as darken if percent < 0 */
+export function lighten (color, percent) {
+    if (typeof color !== 'string') {
+        throw new TypeError('Expected a string as color')
+    }
+    if (typeof percent !== 'number') {
+        throw new TypeError('Expected a numeric percent')
+    }
+
+    const rgb = textToRgb(color),
+        t = percent < 0 ? 0 : 255,
+        p = Math.abs(percent) / 100,
+        R = rgb.r,
+        G = rgb.g,
+        B = rgb.b
+
+    return '#' + (
+        0x1000000 + (Math.round((t - R) * p) + R) * 0x10000
+        + (Math.round((t - G) * p) + G) * 0x100
+        + (Math.round((t - B) * p) + B)
+    ).toString(16).slice(1)
+}
+
+export function luminosity (color) {
+    if (typeof color !== 'string' && (!color || color.r === void 0)) {
+        throw new TypeError('Expected a string or a {r, g, b} object as color')
+    }
+
+    const
+        rgb = typeof color === 'string' ? textToRgb(color) : color,
+        r = rgb.r / 255,
+        g = rgb.g / 255,
+        b = rgb.b / 255,
+        R = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4),
+        G = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4),
+        B = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4)
+    return 0.2126 * R + 0.7152 * G + 0.0722 * B
+}
+
+export function brightness (color) {
+    if (typeof color !== 'string' && (!color || color.r === void 0)) {
+        throw new TypeError('Expected a string or a {r, g, b} object as color')
+    }
+
+    const rgb = typeof color === 'string'
+        ? textToRgb(color)
+        : color
+
+    return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000
+}
+
+export function blend (fgColor, bgColor) {
+    if (typeof fgColor !== 'string' && (!fgColor || fgColor.r === void 0)) {
+        throw new TypeError('Expected a string or a {r, g, b[, a]} object as fgColor')
+    }
+
+    if (typeof bgColor !== 'string' && (!bgColor || bgColor.r === void 0)) {
+        throw new TypeError('Expected a string or a {r, g, b[, a]} object as bgColor')
+    }
+
+    const
+        rgb1 = typeof fgColor === 'string' ? textToRgb(fgColor) : fgColor,
+        r1 = rgb1.r / 255,
+        g1 = rgb1.g / 255,
+        b1 = rgb1.b / 255,
+        a1 = rgb1.a !== void 0 ? rgb1.a / 100 : 1,
+        rgb2 = typeof bgColor === 'string' ? textToRgb(bgColor) : bgColor,
+        r2 = rgb2.r / 255,
+        g2 = rgb2.g / 255,
+        b2 = rgb2.b / 255,
+        a2 = rgb2.a !== void 0 ? rgb2.a / 100 : 1,
+        a = a1 + a2 * (1 - a1),
+        r = Math.round(((r1 * a1 + r2 * a2 * (1 - a1)) / a) * 255),
+        g = Math.round(((g1 * a1 + g2 * a2 * (1 - a1)) / a) * 255),
+        b = Math.round(((b1 * a1 + b2 * a2 * (1 - a1)) / a) * 255)
+
+    const ret = { r, g, b, a: Math.round(a * 100) }
+    return typeof fgColor === 'string'
+        ? rgbToHex(ret)
+        : ret
+}
+
+export function changeAlpha (color, offset) {
+    if (typeof color !== 'string') {
+        throw new TypeError('Expected a string as color')
+    }
+
+    if (offset === void 0 || offset < -1 || offset > 1) {
+        throw new TypeError('Expected offset to be between -1 and 1')
+    }
+
+    const { r, g, b, a } = textToRgb(color)
+    const alpha = a !== void 0 ? a / 100 : 0
+
+    return rgbToHex({
+        r, g, b, a: Math.round(Math.min(1, Math.max(0, alpha + offset)) * 100)
+    })
+}

package/src/framework/utils/date.js

@@ -0,0 +1,173 @@
+import {StrUtil} from "./str";
+
+
+export const DateUtil = {
+
+     year(date) {
+        return date.getFullYear();
+    },
+
+    /**
+     *  获取月份， 自动补0
+     * @param date
+     * @returns {*}
+     */
+     month(date) {
+        const n = date.getMonth() + 1; // （注意月份从0开始，所以要加1）
+        return StrUtil.pad(n, 2)
+    },
+
+    /**
+     * 获取日期，
+     * @param date
+     */
+     date(date) {
+        return StrUtil.pad(date.getDate(), 2)
+    },
+
+    /**
+     * 小时， 24进制
+     * @param date
+     * @returns {string}
+     */
+     hour(date) {
+        return StrUtil.pad(date.getHours(), 2);
+    },
+
+     minute(date) {
+        return StrUtil.pad(date.getMinutes(), 2);
+    },
+
+     second(date) {
+        return StrUtil.pad(date.getSeconds(), 2);
+    },
+
+     formatDate(d) {
+        return this.year(d) + '-' + this.month(d) + "-" + this.date(d)
+    },
+
+     formatTime(d) {
+        return this.hour(d) + ':' + this.minute(d) + ":" + this.second(d)
+    },
+
+     formatDateTime(d) {
+        return this.formatDate(d) + " " + this.formatTime(d)
+    },
+
+    /**
+     *
+     * @param d
+     * @returns {string} 2020年1月30日
+     */
+     formatDateCn(d) {
+        return this.year(d) + '年' + (d.getMonth() + 1) + '月' + d.getDate() + '日'
+    },
+
+    /***
+     当前时间, 如 2022-01-23 11:59:59
+     */
+     now() {
+        return this.formatDateTime(new Date());
+    },
+
+    /**
+     * 当前日期 ，如 2022-01-23
+     *
+     */
+     today() {
+        return this.formatDate(new Date());
+    },
+
+     thisYear() {
+        return this.year(new Date())
+    },
+
+     thisMonth() {
+        return this.month(new Date())
+    },
+
+
+    /**
+     * 显示友好时间， 如 2小时前， 1周前
+     * @param pastDate 日期, 支持Date， String， Number
+     */
+     friendlyTime(pastDate) {
+        if (pastDate == null) {
+            return
+        }
+        if (!(pastDate instanceof Date)) {
+            pastDate = new Date(pastDate)
+        }
+
+        const currentDate = new Date();
+        let elapsedMilliseconds = currentDate - pastDate;
+        const suffix = elapsedMilliseconds > 0 ? "前" : "后";
+        elapsedMilliseconds = Math.abs(elapsedMilliseconds)
+
+        // 计算年、月、日、小时、分钟和秒的差值
+        const elapsedYears = Math.floor(elapsedMilliseconds / (1000 * 60 * 60 * 24 * 365));
+        const elapsedMonths = Math.floor(elapsedMilliseconds / (1000 * 60 * 60 * 24 * 30));
+        const elapsedDays = Math.floor(elapsedMilliseconds / (1000 * 60 * 60 * 24));
+        const elapsedHours = Math.floor(elapsedMilliseconds / (1000 * 60 * 60));
+        const elapsedMinutes = Math.floor(elapsedMilliseconds / (1000 * 60));
+        const elapsedSeconds = Math.floor(elapsedMilliseconds / 1000);
+
+        // 根据差值选择友好的格式
+        if (elapsedYears >= 1) {
+            return `${elapsedYears} 年${suffix}`;
+        }
+        if (elapsedMonths >= 1) {
+            return `${elapsedMonths} 个月${suffix}`;
+        }
+        if (elapsedDays >= 7) {
+            const weeks = Math.floor(elapsedDays / 7);
+            return `${weeks} 周${suffix}`;
+        }
+        if (elapsedDays >= 1) {
+            const days = elapsedDays;
+            return `${days} 天${suffix}`;
+        }
+        if (elapsedHours >= 1) {
+            return `${elapsedHours} 小时${suffix}`;
+        }
+        if (elapsedMinutes >= 1) {
+            return `${elapsedMinutes} 分钟${suffix}`;
+        }
+        return `${elapsedSeconds} 秒${suffix}`;
+    },
+
+    /**
+     * 总共耗时, 如 3分5秒
+     * @param time 数字 （Date.getTime）
+     * @returns {string|null}
+     */
+     friendlyTotalTime(time) {
+        if (time == null || time === '-') {
+            return null
+        }
+        let seconds = time / 1000;
+
+        seconds = Math.floor(seconds)
+
+        if (seconds < 60) {
+            return seconds + '秒';
+        }
+
+        let min = seconds / 60;
+        seconds = seconds % 60;
+
+        min = Math.floor(min);
+        seconds = Math.floor(seconds)
+
+        return min + '分' + seconds + '秒'
+    },
+
+    beginOfMonth(){
+        const d = new Date();
+        d.setMonth(0)
+        d.setDate(1)
+        return this.formatDate(d)
+    }
+
+
+}

package/src/framework/utils/debounce.js

@@ -0,0 +1,33 @@
+/**
+ * 防抖
+ *
+ * forked form https://github.com/quasarframework/quasar
+ */
+export function debounce(fn, wait = 250, immediate) {
+    let timer = null
+
+    function debounced(/* ...args */) {
+        const args = arguments
+
+        const later = () => {
+            timer = null
+            if (immediate !== true) {
+                fn.apply(this, args)
+            }
+        }
+
+        if (timer !== null) {
+            clearTimeout(timer)
+        } else if (immediate === true) {
+            fn.apply(this, args)
+        }
+
+        timer = setTimeout(later, wait)
+    }
+
+    debounced.cancel = () => {
+        timer !== null && clearTimeout(timer)
+    }
+
+    return debounced
+}

package/src/framework/utils/dom.js

@@ -0,0 +1,16 @@
+export function offset (el) {
+    if (el === window) {
+        return { top: 0, left: 0 }
+    }
+    const { top, left } = el.getBoundingClientRect()
+    return { top, left }
+}
+export function height (el) {
+    return el === window
+        ? window.innerHeight
+        : el.getBoundingClientRect().height
+}export function width (el) {
+    return el === window
+        ? window.innerWidth
+        : el.getBoundingClientRect().width
+}