@kengic/vue 0.30.1-beta.96 → 0.31.0

package/project/src/utils/cipher.ts

@@ -1,54 +0,0 @@
-import { decrypt, encrypt } from 'crypto-js/aes';
-import Base64 from 'crypto-js/enc-base64';
-import UTF8, { parse } from 'crypto-js/enc-utf8';
-import md5 from 'crypto-js/md5';
-import ECB from 'crypto-js/mode-ecb';
-import pkcs7 from 'crypto-js/pad-pkcs7';
-
-export interface EncryptionParams {
-    key: string;
-    iv: string;
-}
-
-export class AesEncryption {
-    private key: CryptoJS.lib.WordArray | undefined;
-    private iv: CryptoJS.lib.WordArray | undefined;
-
-    constructor(opt: Partial<EncryptionParams> = {}) {
-        const { key, iv } = opt;
-        if (key) {
-            this.key = parse(key);
-        }
-        if (iv) {
-            this.iv = parse(iv);
-        }
-    }
-
-    get getOptions(): { mode: any; padding: any; iv: any } {
-        return {
-            mode: ECB,
-            padding: pkcs7,
-            iv: this.iv,
-        };
-    }
-
-    encryptByAES(cipherText: string) {
-        return encrypt(cipherText, this.key ?? '', this.getOptions).toString();
-    }
-
-    decryptByAES(cipherText: string) {
-        return decrypt(cipherText, this.key ?? '', this.getOptions).toString(UTF8);
-    }
-}
-
-export function encryptByBase64(cipherText: string) {
-    return UTF8.parse(cipherText).toString(Base64);
-}
-
-export function decodeByBase64(cipherText: string) {
-    return Base64.parse(cipherText).toString(UTF8);
-}
-
-export function encryptByMd5(password: string) {
-    return md5(password).toString();
-}

package/project/src/utils/color.ts

@@ -1,93 +0,0 @@
-/**
- * 判断是否 十六进制颜色值.
- * 输入形式可为 #fff000 #f00
- *
- * @param   String  color   十六进制颜色值
- * @return  Boolean
- */
-export function isHexColor(color: string) {
-    const reg = /^#([0-9a-fA-F]{3}|[0-9a-fA-f]{6})$/;
-    return reg.test(color);
-}
-
-/**
- * Transform a HEX color to its RGB representation
- * @param {string} hex The color to transform
- * @returns The RGB representation of the passed color
- */
-export function hexToRGB(hex: string) {
-    let sHex = hex.toLowerCase();
-    if (isHexColor(hex)) {
-        if (sHex.length === 4) {
-            let sColorNew = '#';
-            for (let i = 1; i < 4; i += 1) {
-                sColorNew += sHex.slice(i, i + 1).concat(sHex.slice(i, i + 1));
-            }
-            sHex = sColorNew;
-        }
-        const sColorChange: number[] = [];
-        for (let i = 1; i < 7; i += 2) {
-            sColorChange.push(parseInt('0x' + sHex.slice(i, i + 2)));
-        }
-        return 'RGB(' + sColorChange.join(',') + ')';
-    }
-    return sHex;
-}
-
-export function colorIsDark(color: string) {
-    if (!isHexColor(color)) return;
-    const [r, g, b] = hexToRGB(color)
-        .replace(/(?:\(|\)|rgb|RGB)*/g, '')
-        .split(',')
-        .map((item) => Number(item));
-    return r * 0.299 + g * 0.578 + b * 0.114 < 192;
-}
-
-/**
- * Darkens a HEX color given the passed percentage
- * @param {string} color The color to process
- * @param {number} amount The amount to change the color by
- * @returns {string} The HEX representation of the processed color
- */
-export function darken(color: string, amount: number) {
-    color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
-    amount = Math.trunc((255 * amount) / 100);
-    return `#${subtractLight(color.substring(0, 2), amount)}${subtractLight(color.substring(2, 4), amount)}${subtractLight(color.substring(4, 6), amount)}`;
-}
-
-/**
- * Lightens a 6 char HEX color according to the passed percentage
- * @param {string} color The color to change
- * @param {number} amount The amount to change the color by
- * @returns {string} The processed color represented as HEX
- */
-export function lighten(color: string, amount: number) {
-    color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
-    amount = Math.trunc((255 * amount) / 100);
-    return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(color.substring(4, 6), amount)}`;
-}
-
-/* Suma el porcentaje indicado a un color (RR, GG o BB) hexadecimal para aclararlo */
-/**
- * Sums the passed percentage to the R, G or B of a HEX color
- * @param {string} color The color to change
- * @param {number} amount The amount to change the color by
- * @returns {string} The processed part of the color
- */
-function addLight(color: string, amount: number) {
-    const cc = parseInt(color, 16) + amount;
-    const c = cc > 255 ? 255 : cc;
-    return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
-}
-
-/**
- * Subtracts the indicated percentage to the R, G or B of a HEX color
- * @param {string} color The color to change
- * @param {number} amount The amount to change the color by
- * @returns {string} The processed part of the color
- */
-function subtractLight(color: string, amount: number) {
-    const cc = parseInt(color, 16) - amount;
-    const c = cc < 0 ? 0 : cc;
-    return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
-}

package/project/src/utils/common/compUtils.ts

@@ -1,292 +0,0 @@
-import { random } from 'lodash-es';
-import { useGlobSetting } from '../../hooks/setting/index';
-import { isArray } from '../is';
-
-const globSetting = useGlobSetting();
-const baseApiUrl = globSetting.domainUrl;
-/**
- *  获取文件服务访问路径
- * @param fileUrl 文件路径
- * @param prefix (默认http)  文件路径前缀 http/https
- */
-export const getFileAccessHttpUrl = (fileUrl: any, prefix = 'http') => {
-    let result = fileUrl;
-    try {
-        if (fileUrl && fileUrl.length > 0 && !fileUrl.startsWith(prefix)) {
-            //判断是否是数组格式
-            let isArray = fileUrl.indexOf('[') != -1;
-            if (!isArray) {
-                let prefix = `${baseApiUrl}/sys/common/static/`;
-                // 判断是否已包含前缀
-                if (!fileUrl.startsWith(prefix)) {
-                    result = `${prefix}${fileUrl}`;
-                }
-            }
-        }
-    } catch (err) {}
-    return result;
-};
-
-/**
- * 触发 window.resize
- */
-export function triggerWindowResizeEvent() {
-    let event: any = document.createEvent('HTMLEvents');
-    event.initEvent('resize', true, true);
-    event.eventType = 'message';
-    window.dispatchEvent(event);
-}
-
-/**
- * 获取随机数
- *  @param length 数字位数
- */
-export const getRandom = (length: number = 1) => {
-    return '-' + parseInt(String(Math.random() * 10000 + 1), length);
-};
-
-/**
- * 随机生成字符串
- * @param length 字符串的长度
- * @param chats 可选字符串区间（只会生成传入的字符串中的字符）
- * @return string 生成的字符串
- */
-export function randomString(length: number, chats?: string) {
-    if (!length) length = 1;
-    if (!chats) {
-        // noinspection SpellCheckingInspection
-        chats = '0123456789qwertyuioplkjhgfdsazxcvbnm';
-    }
-    let str = '';
-    for (let i = 0; i < length; i++) {
-        let num = random(0, chats.length - 1);
-        str += chats[num];
-    }
-    return str;
-}
-
-/**
- * 将普通列表数据转化为tree结构
- * @param array tree数据
- * @param opt  配置参数
- * @param startPid 父节点
- */
-export const listToTree = (array: any, opt: any, startPid: any) => {
-    const obj = {
-        primaryKey: opt.primaryKey || 'key',
-        parentKey: opt.parentKey || 'parentId',
-        titleKey: opt.titleKey || 'title',
-        startPid: opt.startPid || '',
-        currentDept: opt.currentDept || 0,
-        maxDept: opt.maxDept || 100,
-        childKey: opt.childKey || 'children',
-    };
-    if (startPid) {
-        obj.startPid = startPid;
-    }
-    return toTree(array, obj.startPid, obj.currentDept, obj);
-};
-/**
- *  递归构建tree
- * @param array
- * @param startPid
- * @param currentDept
- * @param opt
- * @returns {Array}
- */
-export const toTree = (array: any, startPid: any, currentDept: any, opt: any) => {
-    if (opt.maxDept < currentDept) {
-        return [];
-    }
-    let child = [];
-    if (array && array.length > 0) {
-        child = array
-            .map((item: any) => {
-                // 筛查符合条件的数据（主键 = startPid）
-                if (typeof item[opt.parentKey] !== 'undefined' && item[opt.parentKey] === startPid) {
-                    // 满足条件则递归
-                    const nextChild = toTree(array, item[opt.primaryKey], currentDept + 1, opt);
-                    // 节点信息保存
-                    if (nextChild.length > 0) {
-                        item['isLeaf'] = false;
-                        item[opt.childKey] = nextChild;
-                    } else {
-                        item['isLeaf'] = true;
-                    }
-                    item['title'] = item[opt.titleKey];
-                    item['label'] = item[opt.titleKey];
-                    item['key'] = item[opt.primaryKey];
-                    item['value'] = item[opt.primaryKey];
-                    return item;
-                }
-            })
-            .filter((item: any) => {
-                return item !== undefined;
-            });
-    }
-    return child;
-};
-
-/**
- * 简单实现防抖方法
- *
- * 防抖(debounce)函数在第一次触发给定的函数时，不立即执行函数，而是给出一个期限值(delay)，比如100ms。
- * 如果100ms内再次执行函数，就重新开始计时，直到计时结束后再真正执行函数。
- * 这样做的好处是如果短时间内大量触发同一事件，只会执行一次函数。
- *
- * @param fn 要防抖的函数
- * @param delay 防抖的毫秒数
- * @returns {Function}
- */
-export function simpleDebounce(fn: any, delay = 100) {
-    let timer: any | null = null;
-    return function () {
-        let args = arguments;
-        if (timer) {
-            clearTimeout(timer);
-        }
-        timer = window.setTimeout(() => {
-            // @ts-ignore
-            fn.apply(this, args);
-        }, delay);
-    };
-}
-
-/**
- * 日期格式化
- * @param date 日期
- * @param block 格式化字符串
- */
-export function dateFormat(date: any, block: any) {
-    if (!date) {
-        return '';
-    }
-    let format = block || 'yyyy-MM-dd';
-    date = new Date(date);
-    const map = {
-        M: date.getMonth() + 1, // 月份
-        d: date.getDate(), // 日
-        h: date.getHours(), // 小时
-        m: date.getMinutes(), // 分
-        s: date.getSeconds(), // 秒
-        q: Math.floor((date.getMonth() + 3) / 3), // 季度
-        S: date.getMilliseconds(), // 毫秒
-    };
-    format = format.replace(/([yMdhmsqS])+/g, (all: any, t: any) => {
-        let v = (map as any)[t];
-        if (v !== undefined) {
-            if (all.length > 1) {
-                v = `0${v}`;
-                v = v.substr(v.length - 2);
-            }
-            return v;
-        } else if (t === 'y') {
-            return date
-                .getFullYear()
-                .toString()
-                .substr(4 - all.length);
-        }
-        return all;
-    });
-    return format;
-}
-
-/**
- * 如果值不存在就 push 进数组，反之不处理
- * @param array 要操作的数据
- * @param value 要添加的值
- * @param key 可空，如果比较的是对象，可能存在地址不一样但值实际上是一样的情况，可以传此字段判断对象中唯一的字段，例如 id。不传则直接比较实际值
- * @returns {boolean} 成功 push 返回 true，不处理返回 false
- */
-export function pushIfNotExist(array: any, value: any, key?: any) {
-    for (let item of array) {
-        if (key && item[key] === value[key]) {
-            return false;
-        } else if (item === value) {
-            return false;
-        }
-    }
-    array.push(value);
-    return true;
-}
-
-/**
- * 过滤对象中为空的属性
- * @param obj
- * @returns {*}
- */
-export function filterObj(obj: any) {
-    if (!(typeof obj == 'object')) {
-        return;
-    }
-
-    for (let key in obj) {
-        if (obj.hasOwnProperty(key) && (obj[key] == null || obj[key] == undefined || obj[key] === '')) {
-            delete obj[key];
-        }
-    }
-    return obj;
-}
-
-/**
- * 查找树结构
- * @param treeList
- * @param fn 查找方法
- * @param childrenKey
- */
-export function findTree(treeList: any[], fn: Fn, childrenKey = 'children'): any {
-    for (let i = 0; i < treeList.length; i++) {
-        let item = treeList[i];
-        if (fn(item, i, treeList)) {
-            return item;
-        }
-        let children = item[childrenKey];
-        if (isArray(children)) {
-            let findResult = findTree(children, fn, childrenKey);
-            if (findResult) {
-                return findResult;
-            }
-        }
-    }
-    return null;
-}
-
-/**
- * 【组件多了可能存在性能问题】获取弹窗div，将下拉框、日期等组件挂载到modal上，解决弹窗遮盖问题
- * @param node
- */
-export function getAutoScrollContainer(node: HTMLElement) {
-    let element: Nullable<HTMLElement> = node;
-    while (element != null) {
-        if (element.classList.contains('scrollbar__view')) {
-            // 判断是否有滚动条
-            if (element.clientHeight < element.scrollHeight) {
-                // 有滚动条时，挂载到父级，解决滚动问题
-                return node.parentElement;
-            } else {
-                // 无滚动条时，挂载到body上，解决下拉框遮盖问题
-                return document.body;
-            }
-        } else {
-            element = element.parentElement;
-        }
-    }
-    // 不在弹窗内，走默认逻辑
-    return node.parentElement;
-}
-
-/**
- * 判断子菜单是否全部隐藏
- * @param menuTreeItem
- */
-export function checkChildrenHidden(menuTreeItem: any): any {
-    //是否是聚合路由
-    let alwaysShow = menuTreeItem.alwaysShow;
-    if (alwaysShow) {
-        return false;
-    }
-    if (!menuTreeItem.children) {
-        return false;
-    }
-    return menuTreeItem.children?.find((item: any) => item.hideMenu == false) != null;
-}

package/project/src/utils/common/functionUtils.ts

@@ -1,14 +0,0 @@
-/**
- *
- * 执行命令
- * @param code
- */
-export function executeCode(code: any) {
-    try {
-        // 使用Function构造函数执行替换后的JavaScript代码
-        const executeFunction = new Function(code);
-        executeFunction();
-    } catch (error) {
-        console.error('Error executing code:', error);
-    }
-}

package/project/src/utils/dateUtil.ts

@@ -1,14 +0,0 @@
-import dayjs from 'dayjs';
-
-const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
-const DATE_FORMAT = 'YYYY-MM-DD';
-
-export function formatToDateTime(date: dayjs.Dayjs | undefined = undefined, format = DATE_TIME_FORMAT): string {
-    return dayjs(date).format(format);
-}
-
-export function formatToDate(date: dayjs.Dayjs | undefined = undefined, format = DATE_FORMAT): string {
-    return dayjs(date).format(format);
-}
-
-export const dateUtil = dayjs;

package/project/src/utils/domUtils.ts

@@ -1,158 +0,0 @@
-import { upperFirst } from 'lodash-es';
-
-export interface ViewportOffsetResult {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-    rightIncludeBody: number;
-    bottomIncludeBody: number;
-}
-
-export function getBoundingClientRect(element: Element): DOMRect | number {
-    if (!element || !element.getBoundingClientRect) {
-        return 0;
-    }
-    return element.getBoundingClientRect();
-}
-
-function trim(string: string) {
-    return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
-}
-
-/* istanbul ignore next */
-export function hasClass(el: Element, cls: string) {
-    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;
-    }
-}
-
-/* istanbul ignore next */
-export function addClass(el: Element, cls: string) {
-    if (!el) return;
-    let curClass = el.className;
-    const classes = (cls || '').split(' ');
-
-    for (let i = 0, j = classes.length; i < j; i++) {
-        const clsName = classes[i];
-        if (!clsName) continue;
-
-        if (el.classList) {
-            el.classList.add(clsName);
-        } else if (!hasClass(el, clsName)) {
-            curClass += ' ' + clsName;
-        }
-    }
-    if (!el.classList) {
-        el.className = curClass;
-    }
-}
-
-/* istanbul ignore next */
-export function removeClass(el: Element, cls: string) {
-    if (!el || !cls) return;
-    const classes = cls.split(' ');
-    let curClass = ' ' + el.className + ' ';
-
-    for (let i = 0, j = classes.length; i < j; i++) {
-        const clsName = classes[i];
-        if (!clsName) continue;
-
-        if (el.classList) {
-            el.classList.remove(clsName);
-        } else if (hasClass(el, clsName)) {
-            curClass = curClass.replace(' ' + clsName + ' ', ' ');
-        }
-    }
-    if (!el.classList) {
-        el.className = trim(curClass);
-    }
-}
-
-/**
- * Get the left and top offset of the current element
- * left: the distance between the leftmost element and the left side of the document
- * top: the distance from the top of the element to the top of the document
- * right: the distance from the far right of the element to the right of the document
- * bottom: the distance from the bottom of the element to the bottom of the document
- * rightIncludeBody: the distance between the leftmost element and the right side of the document
- * bottomIncludeBody: the distance from the bottom of the element to the bottom of the document
- *
- * @description:
- */
-export function getViewportOffset(element: Element): ViewportOffsetResult {
-    const doc = document.documentElement;
-
-    const docScrollLeft = doc.scrollLeft;
-    const docScrollTop = doc.scrollTop;
-    const docClientLeft = doc.clientLeft;
-    const docClientTop = doc.clientTop;
-
-    const pageXOffset = window.pageXOffset;
-    const pageYOffset = window.pageYOffset;
-
-    const box = getBoundingClientRect(element);
-
-    const { left: retLeft, top: rectTop, width: rectWidth, height: rectHeight } = box as DOMRect;
-
-    const scrollLeft = (pageXOffset || docScrollLeft) - (docClientLeft || 0);
-    const scrollTop = (pageYOffset || docScrollTop) - (docClientTop || 0);
-    const offsetLeft = retLeft + pageXOffset;
-    const offsetTop = rectTop + pageYOffset;
-
-    const left = offsetLeft - scrollLeft;
-    const top = offsetTop - scrollTop;
-
-    const clientWidth = window.document.documentElement.clientWidth;
-    const clientHeight = window.document.documentElement.clientHeight;
-    return {
-        left: left,
-        top: top,
-        right: clientWidth - rectWidth - left,
-        bottom: clientHeight - rectHeight - top,
-        rightIncludeBody: clientWidth - left,
-        bottomIncludeBody: clientHeight - top,
-    };
-}
-
-export function hackCss(attr: string, value: string) {
-    const prefix: string[] = ['webkit', 'Moz', 'ms', 'OT'];
-
-    const styleObj: any = {};
-    prefix.forEach((item) => {
-        styleObj[`${item}${upperFirst(attr)}`] = value;
-    });
-    return {
-        ...styleObj,
-        [attr]: value,
-    };
-}
-
-/* istanbul ignore next */
-export function on(element: Element | HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject): void {
-    if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-    }
-}
-
-/* istanbul ignore next */
-export function off(element: Element | HTMLElement | Document | Window, event: string, handler: Fn): void {
-    if (element && event && handler) {
-        element.removeEventListener(event, handler, false);
-    }
-}
-
-/* istanbul ignore next */
-export function once(el: HTMLElement, event: string, fn: EventListener): void {
-    const listener = function (this: any, ...args: any[]) {
-        if (fn) {
-            fn.apply(this, args as any);
-        }
-        off(el, event, listener);
-    };
-    on(el, event, listener);
-}