@kengic/vue 0.30.1-beta.82 → 0.30.1-beta.85

package/project/src/utils/encryption/signMd5Utils.ts

@@ -0,0 +1,122 @@
+import md5 from 'md5';
+
+//签名密钥串(前后端要一致，正式发布请自行修改)
+const signatureSecret = 'dd05f1c54d63749eda95f9fa6d49v442a';
+
+export class signMd5Utils {
+    /**
+     * json参数升序
+     * @param jsonObj 发送参数
+     */
+
+    static sortAsc(jsonObj: any) {
+        let arr = new Array();
+        let num = 0;
+        for (let i in jsonObj) {
+            arr[num] = i;
+            num++;
+        }
+        let sortArr = arr.sort();
+        let sortObj = {};
+        for (let i in sortArr) {
+            (sortObj as any)[sortArr[i]] = jsonObj[sortArr[i]];
+        }
+        return sortObj;
+    }
+
+    /**
+     * @param url 请求的url,应该包含请求参数(url的?后面的参数)
+     * @param requestParams 请求参数(POST的JSON参数)
+     * @returns {string} 获取签名
+     */
+    static getSign(url: any, requestParams: any) {
+        let urlParams = this.parseQueryString(url);
+        let jsonObj = this.mergeObject(urlParams, requestParams);
+        let requestBody = this.sortAsc(jsonObj);
+        delete (requestBody as any)._t;
+        return md5(JSON.stringify(requestBody) + signatureSecret).toUpperCase();
+    }
+
+    /**
+     * @param url 请求的url
+     * @returns {{}} 将url中请求参数组装成json对象(url的?后面的参数)
+     */
+    static parseQueryString(url: any) {
+        let urlReg = /^[^\?]+\?([\w\W]+)$/,
+            paramReg = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
+            urlArray = urlReg.exec(url),
+            result = {};
+
+        // 获取URL上最后带逗号的参数变量 sys/dict/getDictItems/sys_user,realname,username
+        //【这边条件没有encode】带条件参数例子：/sys/dict/getDictItems/sys_user,realname,id,username!='admin'%20order%20by%20create_time
+        let lastpathVariable = url.substring(url.lastIndexOf('/') + 1);
+        if (lastpathVariable.includes(',')) {
+            if (lastpathVariable.includes('?')) {
+                lastpathVariable = lastpathVariable.substring(0, lastpathVariable.indexOf('?'));
+            }
+            //update-begin---author:wangshuai ---date:20221103  for：[issues/183]下拉搜索，使用动态字典，在线页面不报错，生成的代码报错 ------------
+            //解决Sign 签名校验失败 #2728
+            //decodeURI对特殊字符没有没有编码和解码的能力，需要使用decodeURIComponent
+            (result as any)['x-path-variable'] = decodeURIComponent(lastpathVariable);
+            //update-end---author:wangshuai ---date:20221103  for：[issues/183]下拉搜索，使用动态字典，在线页面不报错，生成的代码报错 ------------
+        }
+        if (urlArray && urlArray[1]) {
+            let paramString = urlArray[1],
+                paramResult;
+            while ((paramResult = paramReg.exec(paramString)) != null) {
+                //数字值转为string类型，前后端加密规则保持一致
+                if (this.myIsNaN(paramResult[2])) {
+                    paramResult[2] = paramResult[2].toString();
+                }
+                (result as any)[paramResult[1]] = paramResult[2];
+            }
+        }
+        return result;
+    }
+
+    /**
+     * @returns {*} 将两个对象合并成一个
+     */
+    static mergeObject(objectOne: any, objectTwo: any) {
+        if (objectTwo && Object.keys(objectTwo).length > 0) {
+            for (let key in objectTwo) {
+                if (objectTwo.hasOwnProperty(key) === true) {
+                    //数字值转为string类型，前后端加密规则保持一致
+                    if (this.myIsNaN(objectTwo[key])) {
+                        objectTwo[key] = objectTwo[key].toString();
+                    }
+                    objectOne[key] = objectTwo[key];
+                }
+            }
+        }
+        return objectOne;
+    }
+
+    static urlEncode(param: any, key: any, encode: any) {
+        if (param == null) return '';
+        let paramStr = '';
+        let t = typeof param;
+        if (t == 'string' || t == 'number' || t == 'boolean') {
+            paramStr += '&' + key + '=' + (encode == null || encode ? encodeURIComponent(param) : param);
+        } else {
+            for (let i in param) {
+                let k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);
+                paramStr += this.urlEncode(param[i], k, encode);
+            }
+        }
+        return paramStr;
+    }
+
+    /**
+     * 接口签名用 生成header中的时间戳
+     * @returns {number}
+     */
+    static getTimestamp() {
+        return new Date().getTime();
+    }
+
+    // true:数值型的，false：非数值型
+    static myIsNaN(value: any) {
+        return typeof value === 'number' && !isNaN(value);
+    }
+}

package/project/src/utils/env.ts

@@ -0,0 +1,40 @@
+import { getConfigFileName } from '../../build';
+import { GlobEnvConfig } from '../../types';
+
+export function getCommonStoragePrefix() {
+    const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig();
+    return `${VITE_GLOB_APP_SHORT_NAME}__${__ENV__.MODE}`.toUpperCase();
+}
+
+// Generate cache key according to version
+export function getStorageShortName() {
+    return `${getCommonStoragePrefix()}__`.toUpperCase();
+}
+
+export function getAppEnvConfig() {
+    const ENV_NAME = getConfigFileName(__ENV__);
+    const ENV = ((__ENV__.DEV ? __ENV__ : window[ENV_NAME as any]) ?? {}) as unknown as GlobEnvConfig;
+    const { VITE_GLOB_APP_TITLE, VITE_GLOB_API_URL, VITE_GLOB_APP_SHORT_NAME, VITE_GLOB_API_URL_PREFIX, VITE_GLOB_APP_OPEN_SSO, VITE_GLOB_APP_CAS_BASE_URL, VITE_GLOB_DOMAIN_URL, VITE_GLOB_ONLINE_VIEW_URL } = ENV;
+
+    return {
+        VITE_GLOB_API_URL,
+        VITE_GLOB_API_URL_PREFIX,
+        VITE_GLOB_APP_CAS_BASE_URL,
+        VITE_GLOB_APP_OPEN_SSO,
+        VITE_GLOB_APP_SHORT_NAME,
+        VITE_GLOB_APP_TITLE,
+        VITE_GLOB_DOMAIN_URL,
+        VITE_GLOB_ONLINE_VIEW_URL,
+    };
+}
+
+export const devMode = 'development';
+export const prodMode = 'production';
+
+export function isDevMode(): boolean {
+    return __ENV__.DEV;
+}
+
+export function isProdMode(): boolean {
+    return __ENV__.PROD;
+}

package/project/src/utils/event/index.ts

@@ -0,0 +1,39 @@
+import ResizeObserver from 'resize-observer-polyfill';
+
+/* istanbul ignore next */
+function resizeHandler(entries: any[]) {
+    for (const entry of entries) {
+        const listeners = entry.target.__resizeListeners__ || [];
+        if (listeners.length) {
+            listeners.forEach((fn: () => any) => {
+                fn();
+            });
+        }
+    }
+}
+
+/* istanbul ignore next */
+export function addResizeListener(element: any, fn: () => any) {
+    if (!element.__resizeListeners__) {
+        element.__resizeListeners__ = [];
+        element.__ro__ = new ResizeObserver(resizeHandler);
+        element.__ro__.observe(element);
+    }
+    element.__resizeListeners__.push(fn);
+}
+
+/* istanbul ignore next */
+export function removeResizeListener(element: any, fn: () => any) {
+    if (!element || !element.__resizeListeners__) return;
+    element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+    if (!element.__resizeListeners__.length) {
+        element.__ro__.disconnect();
+    }
+}
+
+export function triggerWindowResize() {
+    const event = document.createEvent('HTMLEvents');
+    event.initEvent('resize', true, true);
+    (event as any).eventType = 'message';
+    window.dispatchEvent(event);
+}

package/project/src/utils/factory/createAsyncComponent.tsx

@@ -0,0 +1,50 @@
+import { Spin } from 'ant-design-vue';
+import { defineAsyncComponent } from 'vue';
+
+interface Options {
+    size?: 'default' | 'small' | 'large';
+    delay?: number;
+    timeout?: number;
+    loading?: boolean;
+    retry?: boolean;
+}
+
+export function createAsyncComponent(loader: Fn, options: Options = {}) {
+    const { size = 'small', delay = 100, timeout = 30000, loading = false, retry = true } = options;
+    return defineAsyncComponent({
+        loader,
+        loadingComponent: loading ? (
+            <Spin
+                spinning={true}
+                size={size}
+            />
+        ) : undefined,
+        // The error component will be displayed if a timeout is
+        // provided and exceeded. Default: Infinity.
+        // TODO
+        timeout,
+        // errorComponent
+        // Defining if component is suspensible. Default: true.
+        // suspensible: false,
+        delay,
+        /**
+         *
+         * @param {*} error Error message object
+         * @param {*} retry A function that indicating whether the async component should retry when the loader promise rejects
+         * @param {*} fail  End of failure
+         * @param {*} attempts Maximum allowed retries number
+         */
+        onError: !retry
+            ? () => {}
+            : (error, retry, fail, attempts) => {
+                  if (error.message.match(/fetch/) && attempts <= 3) {
+                      // retry on fetch errors, 3 max attempts
+                      retry();
+                  } else {
+                      // Note that retry/fail are like resolve/reject of a promise:
+                      // one of them must be called for the error handling to continue.
+                      fail();
+                  }
+              },
+    });
+}

package/project/src/utils/file/base64Conver.ts

@@ -0,0 +1,15 @@
+/**
+ * @description: base64 to blob
+ */
+export function dataURLtoBlob(base64Buf: string): Blob {
+    const arr = base64Buf.split(',');
+    const typeItem = arr[0];
+    const mime = typeItem.match(/:(.*?);/)![1];
+    const bstr = atob(arr[1]);
+    let n = bstr.length;
+    const u8arr = new Uint8Array(n);
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+    }
+    return new Blob([u8arr], { type: mime });
+}

package/project/src/utils/file/download.ts

@@ -0,0 +1,37 @@
+import { openWindow } from '../index.index';
+
+/**
+ * Download file according to file address
+ * @param {*} sUrl
+ */
+export function downloadByUrl({ url, target = '_blank', fileName }: { url: string; target?: TargetContext; fileName?: string }): boolean {
+    const isChrome = window.navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
+    const isSafari = window.navigator.userAgent.toLowerCase().indexOf('safari') > -1;
+
+    if (/(iP)/g.test(window.navigator.userAgent)) {
+        console.error('Your browser does not support download!');
+        return false;
+    }
+    if (isChrome || isSafari) {
+        const link = document.createElement('a');
+        link.href = url;
+        link.target = target;
+
+        if (link.download !== undefined) {
+            link.download = fileName || url.substring(url.lastIndexOf('/') + 1, url.length);
+        }
+
+        if (document.createEvent) {
+            const e = document.createEvent('MouseEvents');
+            e.initEvent('click', true, true);
+            link.dispatchEvent(e);
+            return true;
+        }
+    }
+    if (url.indexOf('?') === -1) {
+        url += '?download';
+    }
+
+    openWindow(url, { target });
+    return true;
+}

package/project/src/utils/helper/treeHelper.ts

@@ -0,0 +1,145 @@
+interface TreeHelperConfig {
+    id: string;
+    children: string;
+    pid: string;
+}
+
+// 默认配置
+const DEFAULT_CONFIG: TreeHelperConfig = {
+    id: 'id',
+    children: 'children',
+    pid: 'pid',
+};
+
+// 获取配置。  Object.assign 从一个或多个源对象复制到目标对象
+const getConfig = (config: Partial<TreeHelperConfig>) => Object.assign({}, DEFAULT_CONFIG, config);
+
+export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig> = {}): T {
+    config = getConfig(config);
+    const { children } = config;
+    const result: any = [...tree];
+    for (let i = 0; i < result.length; i++) {
+        if (!result[i][children!]) continue;
+        result.splice(i + 1, 0, ...result[i][children!]);
+    }
+    return result;
+}
+
+export function findNodeAll<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T[] {
+    config = getConfig(config);
+    const { children } = config;
+    const list = [...tree];
+    const result: T[] = [];
+    for (const node of list) {
+        func(node) && result.push(node);
+        node[children!] && list.push(...node[children!]);
+    }
+    return result;
+}
+
+export function findPath<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | T[] | null {
+    config = getConfig(config);
+    const path: T[] = [];
+    const list = [...tree].filter((i) => i.hideMenu !== true);
+    const visitedSet = new Set();
+    const { children } = config;
+    while (list.length) {
+        const node = list[0];
+        if (visitedSet.has(node)) {
+            path.pop();
+            list.shift();
+        } else {
+            visitedSet.add(node);
+            node[children!] && list.unshift(...node[children!].filter((i: any) => i.hideMenu !== true));
+            path.push(node);
+            if (func(node)) {
+                return path;
+            }
+        }
+    }
+    return null;
+}
+
+export function filter<T = any>(
+    tree: T[],
+    func: (n: T) => boolean,
+    // Partial 将 T 中的所有属性设为可选
+    config: Partial<TreeHelperConfig> = {},
+): T[] {
+    // 获取配置
+    config = getConfig(config);
+    const children = config.children as string;
+
+    function listFilter(list: T[]) {
+        return list
+            .map((node: any) => ({ ...node }))
+            .filter((node) => {
+                // 递归调用 对含有children项  进行再次调用自身函数 listFilter
+                node[children] = node[children] && listFilter(node[children]);
+                // 执行传入的回调 func 进行过滤
+                return func(node) || (node[children] && node[children].length);
+            });
+    }
+
+    return listFilter(tree);
+}
+
+export function forEach<T = any>(tree: T[], func: (n: T) => any, config: Partial<TreeHelperConfig> = {}): void {
+    config = getConfig(config);
+    const list: any[] = [...tree];
+    const { children } = config;
+    for (let i = 0; i < list.length; i++) {
+        //func 返回true就终止遍历，避免大量节点场景下无意义循环，引起浏览器卡顿
+        if (func(list[i])) {
+            return;
+        }
+        children && list[i][children] && list.splice(i + 1, 0, ...list[i][children]);
+    }
+}
+
+/**
+ * @description: Extract tree specified structure
+ * @description: 提取树指定结构
+ */
+export function treeMap<T = any>(treeData: T[], opt: { children?: string; conversion: Fn }): T[] {
+    return treeData.map((item) => treeMapEach(item, opt));
+}
+
+/**
+ * @description: Extract tree specified structure
+ * @description: 提取树指定结构
+ */
+export function treeMapEach(data: any, { children = 'children', conversion }: { children?: string; conversion: Fn }) {
+    const haveChildren = Array.isArray(data[children]) && data[children].length > 0;
+    const conversionData = conversion(data) || {};
+    if (haveChildren) {
+        return {
+            ...conversionData,
+            [children]: data[children].map((i: number) =>
+                treeMapEach(i, {
+                    children,
+                    conversion,
+                }),
+            ),
+        };
+    } else {
+        return {
+            ...conversionData,
+        };
+    }
+}
+
+/**
+ * 递归遍历树结构
+ * @param treeDatas 树
+ * @param callBack 回调
+ * @param parentNode 父节点
+ */
+export function eachTree(treeDatas: any[], callBack: Fn, parentNode = {}) {
+    treeDatas.forEach((element) => {
+        const newNode = callBack(element, parentNode) || element;
+        if (element.children) {
+            eachTree(element.children, callBack, newNode);
+        }
+    });
+}

package/project/src/utils/helper/tsxHelper.ts

@@ -0,0 +1,35 @@
+import { Slots } from 'vue';
+import { isFunction } from '../is';
+
+/**
+ * @description:  Get slot to prevent empty error
+ */
+export function getSlot(slots: Slots, slot = 'default', data?: any) {
+    if (!slots || !Reflect.has(slots, slot)) {
+        return null;
+    }
+    if (!isFunction(slots[slot])) {
+        console.error(`${slot} is not a function!`);
+        return null;
+    }
+    const slotFn = slots[slot];
+    if (!slotFn) return null;
+    return slotFn(data);
+}
+
+/**
+ * extends slots
+ * @param slots
+ * @param excludeKeys
+ */
+export function extendSlots(slots: Slots, excludeKeys: string[] = []) {
+    const slotKeys = Object.keys(slots);
+    const ret: any = {};
+    slotKeys.map((key) => {
+        if (excludeKeys.includes(key)) {
+            return null;
+        }
+        ret[key] = () => getSlot(slots, key);
+    });
+    return ret;
+}

package/project/src/utils/index.index.ts

@@ -0,0 +1,158 @@
+import type { App, Plugin } from 'vue';
+import { unref } from 'vue';
+import type { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router';
+import { isObject } from './is';
+
+// update-begin--author:sunjianlei---date:20220408---for: 【VUEN-656】配置外部网址打不开，原因是带了#号，需要替换一下
+export const URL_HASH_TAB = `__AGWE4H__HASH__TAG__PWHRG__`;
+// update-end--author:sunjianlei---date:20220408---for: 【VUEN-656】配置外部网址打不开，原因是带了#号，需要替换一下
+
+export const noop = () => {};
+
+/**
+ * @description:  Set ui mount node
+ */
+export function getPopupContainer(node?: HTMLElement): HTMLElement {
+    return (node?.parentNode as HTMLElement) ?? document.body;
+}
+
+/**
+ * Add the object as a parameter to the URL
+ * @param baseUrl url
+ * @param obj
+ * @returns {string}
+ * eg:
+ *  let obj = {a: '3', b: '4'}
+ *  setObjToUrlParams('www.baidu.com', obj)
+ *  ==>www.baidu.com?a=3&b=4
+ */
+export function setObjToUrlParams(baseUrl: string, obj: any): string {
+    let parameters = '';
+    for (const key in obj) {
+        // null 和 undefined 不能拼接到 url 中, 否则后端接收到的是字符串的 "null" 和 "undefined",
+        if (obj[key] === null || obj[key] === undefined) {
+            continue;
+        }
+        parameters += key + '=' + encodeURIComponent(obj[key]) + '&';
+    }
+    parameters = parameters.replace(/&$/, '');
+    return /\?$/.test(baseUrl) ? baseUrl + parameters : baseUrl.replace(/\/?$/, '?') + parameters;
+}
+
+export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
+    let key: string;
+    for (key in target) {
+        src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
+    }
+    return src;
+}
+
+export function openWindow(
+    url: string,
+    opt?: {
+        target?: TargetContext | string;
+        noopener?: boolean;
+        noreferrer?: boolean;
+    },
+) {
+    const { target = '__blank', noopener = true, noreferrer = true } = opt || {};
+    const feature: string[] = [];
+
+    noopener && feature.push('noopener=yes');
+    noreferrer && feature.push('noreferrer=yes');
+
+    window.open(url, target, feature.join(','));
+}
+
+// dynamic use hook props
+export function getDynamicProps<T, U>(props: T): Partial<U> {
+    const ret: Recordable = {};
+
+    Object.keys(props as any).map((key) => {
+        ret[key] = unref((props as Recordable)[key]);
+    });
+
+    return ret as Partial<U>;
+}
+
+/**
+ * 获取表单字段值数据类型
+ * @param props
+ * @param field
+ * @updateBy:zyf
+ */
+export function getValueType(props: any, field: any) {
+    let formSchema = unref(unref(props)?.schemas);
+    let valueType = 'string';
+    if (formSchema) {
+        let schema = formSchema.filter((item: any) => item.field === field)[0];
+        valueType = schema.componentProps && schema.componentProps.valueType ? schema.componentProps.valueType : valueType;
+    }
+    return valueType;
+}
+
+export function getRawRoute(route: RouteLocationNormalized): RouteLocationNormalized {
+    if (!route) return route;
+    const { matched, ...opt } = route;
+    return {
+        ...opt,
+        matched: (matched
+            ? matched.map((item) => ({
+                  meta: item.meta,
+                  name: item.name,
+                  path: item.path,
+              }))
+            : undefined) as RouteRecordNormalized[],
+    };
+}
+
+/**
+ * 深度克隆对象、数组
+ * @param obj 被克隆的对象
+ * @return 克隆后的对象
+ */
+export function cloneObject(obj: any) {
+    return JSON.parse(JSON.stringify(obj));
+}
+
+export const withInstall = <T>(component: T, alias?: string) => {
+    const comp = component as any;
+    comp.install = (app: App) => {
+        app.component(comp.name || comp.displayName, component as any);
+        if (alias) {
+            app.config.globalProperties[alias] = component;
+        }
+    };
+    return component as T & Plugin;
+};
+
+//update-begin-author:taoyan date:2022-6-8 for:解决老的vue2动态导入文件语法 vite不支持的问题
+const allModules = import.meta.glob('../views/**/*.vue');
+
+export function importViewsFile(path: any): Promise<any> {
+    if (path.startsWith('/')) {
+        path = path.substring(1);
+    }
+    let page = '';
+    if (path.endsWith('.vue')) {
+        page = `../views/${path}`;
+    } else {
+        page = `../views/${path}.vue`;
+    }
+    return new Promise((resolve, reject) => {
+        let flag = true;
+        for (const path in allModules) {
+            if (path == page) {
+                flag = false;
+                allModules[path]().then((mod) => {
+                    resolve(mod);
+                });
+            }
+        }
+        if (flag) {
+            reject('该文件不存在:' + page);
+        }
+    });
+}
+
+//update-end-author:taoyan date:2022-6-8 for:解决老的vue2动态导入文件语法 vite不支持的问题