t-lj-service 1.0.1

package/module/hooks.ts

@@ -0,0 +1,497 @@
+import { ElMessage, ElNotification, ElMessageBox, ElLoading } from 'element-plus'
+import { nextTick, ref } from 'vue'
+import { useRouter, type Router } from 'vue-router';
+import * as Crypto from "crypto-js";
+import axios from 'axios';
+import { zip } from './zip';
+import {actions} from "./qiankun/actions";
+
+
+export namespace HOOK_SPACE {
+    export interface VERIFIED {
+        status: boolean
+        keys: any[]
+    }
+}
+
+/**
+ * 全局 message 方法，用于显示消息提示
+ * @param message 消息内容
+ * @param type 消息类型，默认为 success
+ * @param [options] 消息选项
+ */
+export const message = (
+    message: string,
+    type: 'success' | 'info' | 'warning' | 'error' = 'success',
+    options: any = {}
+) =>
+    ElMessage({
+        message,
+        type,
+        ...options
+    });
+message.error = (message: string,  options: any = {}) => ElMessage({
+    message,
+    type: 'error',
+    ...options
+});
+message.success = (message: string,  options: any = {}) => ElMessage({
+    message,
+    type: 'success',
+    ...options
+});
+message.warning = (message: string,  options: any = {}) => ElMessage({
+    message,
+    type: 'warning',
+    ...options
+});
+message.info = (message: string,  options: any = {}) => ElMessage({
+    message,
+    type: 'info',
+    ...options
+});
+/**
+ * 全局 loading
+ * @param params 加载文案
+ * @param status 开启关闭
+ * @param background 背景颜色
+ */
+const loadingInstance = ref()
+export const loading = (
+    status: boolean = true,
+    params: string = '',
+    background: string = 'rgba(0, 0, 0, 0.3)'
+): void => {
+    if (status) {
+        loadingInstance.value = ElLoading.service({
+            lock: true,
+            text: params,
+            background: background,
+            fullscreen: true
+        })
+    } else {
+        if (loadingInstance.value) {
+            nextTick(() => {
+                loadingInstance.value.close()
+                loadingInstance.value = null;
+            })
+        }
+    }
+}
+
+/**
+ * 全局 confirm 方法，用于显示确认对话框
+ * @param message 对话框内容
+ * @param title 对话框标题，默认为 '提示'
+ * @param [options] 对话框选项
+ * @return Promise<boolean>
+ */
+export const confirm = (message: string, title: string = '提示', options: any = {}) => {
+    if (Object.keys(options).length === 0) {
+        options = {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            center: true,
+            confirmButtonClass: 't-confirm-class',
+            cancelButtonClass: 't-cancel-class'
+        }
+    }
+    return new Promise((resolve) => {
+        ElMessageBox.confirm(message, title, options)
+            .then(() => {
+                resolve(true)
+            })
+            .catch(() => {
+                resolve(false)
+            })
+    })
+}
+
+/**
+ * 全局 notification 方法，用于显示通知
+ * @param message 通知内容
+ * @param title 通知标题，默认为 '提示'
+ * @param [options] 通知选项
+ */
+export const notification = (message: string, title: string = '提示', options: any = {}): void => {
+    ElNotification({
+        title,
+        message,
+        ...options
+    })
+}
+
+/**
+ * 获取静态资源
+ * @param url 静态资源assets内文件路径
+ */
+export const getAssetsImage = (url: string): any => {
+    return new URL(`../assets/${url}`, import.meta.url).href
+}
+
+/**
+ * 导航菜单active
+ * @param label 主菜单名称
+ * @param level 子菜单名称
+ */
+// export const asideActive = (label: string, level: string): void => {
+//   menuList.some((menu) => {
+//     if (menu.label === label) {
+//       const children = menu.children || []
+//       children.some((child) => {
+//         if (child.label === level) {
+//           setSession('menu_id', child.id)
+//           setSession('active_url', child.path)
+//           setSession('menu_parent_id', child.parentId)
+//           return true
+//         }
+//       })
+//       return true
+//     }
+//   })
+// }
+
+/**
+ * 缓存
+ * @param key 缓存名称
+ * @param value 缓存数据
+ */
+export const setSession = (key: string, value: any): void => {
+    sessionStorage.setItem(key, JSON.stringify(value))
+}
+export const getSession = (key: string): any => {
+    return JSON.parse(sessionStorage.getItem(key) || JSON.stringify(''));
+}
+export const delSession = (key: string): void => {
+    sessionStorage.deleteItem(key)
+}
+export const clearSession = (): void => {
+    sessionStorage.clear()
+}
+export const setLocal = (key: string, value: any): void => {
+    if(typeof value === 'string') {
+        localStorage.setItem(key, value)
+    } else {
+        localStorage.setItem(key, JSON.stringify(value))
+    }
+}
+export const getLocal = (key: string): any => {
+    if(typeof localStorage.getItem(key) === 'string') {
+        return localStorage.getItem(key);
+    } else {
+        return JSON.parse(localStorage.getItem(key) || JSON.stringify(''));
+    }
+}
+export const delLocal = (key: string): void => {
+    localStorage.deleteItem(key)
+}
+export const clearLocal = (): void => {
+    localStorage.clear()
+}
+
+/**
+ * 校验
+ * @param info object
+ * @param outKeys any[]  不校验字段
+ */
+export const verified = (info: any, outKeys: any[] = []): HOOK_SPACE.VERIFIED => {
+    let status: boolean = true
+    let keys: any[] = []
+    let infos = { ...info }
+    outKeys.forEach((item: any) => {
+        delete infos[item]
+    })
+    if (infos) {
+        Object.keys(infos).forEach((key: any): void => {
+            if (infos[key] == '') {
+                status = false
+                keys.push(key)
+            }
+        })
+    }
+    return {
+        status,
+        keys
+    }
+}
+
+/**
+ * 校验提示信息
+ * @param keys any[]  校验key
+ * @param info any[]  必填提示信息
+ * @param key string  必填字段key
+ * @param tips string 提示信息key
+ */
+export const verifiedTips = (
+    keys: any[],
+    info: any[],
+    key: string = 'key',
+    tips: string = 'tips'
+): void => {
+    info.forEach((_info: any) => {
+        const idx = keys.indexOf(_info[key])
+        if (idx !== -1) {
+            message(_info[tips], 'warning')
+        }
+    })
+}
+
+/**
+ * 消息传递
+ * @param message string  临时缓存消息/发送消息
+ * @param target string  目标地址
+ * @param sessionName string  临时缓存名称
+ */
+export const postMessage = (
+    message: string = window.location.href,
+    target: string = '*',
+    sessionName: string = 'currentHref'
+): void => {
+    setSession(sessionName, message)
+    window.parent.postMessage(message, target)
+}
+
+/**
+ * 空状态
+ * @param params any  参数
+ */
+export const emptyStatus = (params: any): boolean => {
+    if (
+        params?.toString() !== '' &&
+        params?.toString() !== 'undefined' &&
+        params != undefined &&
+        params?.toString() !== 'NaN' &&
+        params?.toString() !== 'null'
+    ) {
+        return true
+    }
+    return false
+}
+
+/**
+ * 跳转
+ * @param path string  地址
+ * @param way string  方式
+ * @param query any  参数
+ * @param $router any  路由
+ * @param token any  token
+ * @param args any  参数
+ */
+export const goTo = (
+    path: string = '',
+    r: Router = useRouter(),
+    query: Record<string, any> = {},
+    way: 'push' | 'replace' = 'push' as 'push' | 'replace',
+) => {
+    if (path !== '' && r) {
+        r[way]({ path, query });
+    }
+    // if(path !== '' && r !== null){
+    //     if (way === 'replace') {
+    //         r.replace({path, query});
+    //     } else {
+    //         r.push({path, query});
+    //     }
+    // }
+}
+export const qiankunGoTo = (path: string = '', {
+    token = '',
+    args = {}
+}) => {
+    if(path !== ''){
+        actions.setGlobalState({
+            token,
+            ...args,
+        });
+        window.history.replaceState({}, '', path)
+    }
+}
+// export const iframeGoTo = (dom: HTMLElement, path: string = '', {
+//   token = '',
+//   args = {}
+// }) => {
+//   if(path !== ''){
+//     // dom.src = path;
+// }
+
+
+
+/**
+ * 加密
+ * @param content any  内容
+ * @param key any
+ * @param iv any
+ */
+export const crypto = (content: any, key: any, iv: any) => {
+    const _c: any = Crypto.enc.Utf8.parse(content)
+    const _k: any = Crypto.enc.Utf8.parse(key)
+    const _i: any = Crypto.enc.Utf8.parse(iv)
+    const query: any = Crypto.AES.encrypt(_c, _k, { iv: _i, mode: Crypto.mode.CBC }).toString();
+    return query;
+}
+export const decrypt = async (content: string, key: any, iv: any) : Promise<string> => {
+    const _k: any = Crypto.enc.Utf8.parse(key);
+    const _i: any = Crypto.enc.Utf8.parse(iv);
+    const decrypt: any = Crypto.AES.decrypt(content, _k, { iv: _i, mode: Crypto.mode.CBC });
+    return Crypto.enc.Utf8.stringify(decrypt);
+}
+
+/**
+ * 获取query
+ * @returns query string
+ */
+export const getQuery = (): string => {
+    return window.location.search.substring(1) || '';
+}
+
+
+
+
+/**
+ * 获取随机整数
+ * @param min number
+ * @param max number
+ * @param range string, max:包含最大数;min:包含最小数; both:都包含;neither:都不包含
+ */
+export const randomInt = (min: number = 0, max: number = 1, range: 'both' | 'min' | 'max' | 'neither' = 'min'): number => {
+    let _max: number = max, _min: number = min;
+    if (range === 'min') {
+        _max = max - 1;
+    } else if (range === 'max') {
+        _min = min + 1;
+    } else if (range === 'neither') {
+        _min = min + 1;
+        _max = max - 1;
+    }
+    if (_min > _max) {
+        [_min, _max] = [max, _max];
+    }
+    return Math.floor(Math.random() * (_max - _min + 1)) + _min;
+}
+
+
+
+export const formats = (url: string): string => {
+    const parts = url.split('?')[0].split('.');
+    return parts[parts.length - 1];
+}
+
+/**
+ * 下载
+ * @param url string
+ * @param name string
+ * @param format string
+ * @param type string
+ */
+export const download = async ({
+                                   url= "",
+                                   name= "",
+                                   format= "",
+                                   type = 'network',
+                               }:{
+    url?: string;
+    name?: string;
+    format?: string;
+    type?: string;
+} = {}): Promise<void> => {
+    let _format: string = format;
+    if(type === 'network'){
+        _format = formats(url);
+    }
+    const response: any = await axios({
+        url,
+        method: 'GET',
+        responseType: 'blob'
+    })
+    const blob: Blob = new Blob([response.data], {
+        type: response.headers['content-type']
+    });
+    const blobUrl: string = window.URL.createObjectURL(blob)
+    const a: any = document.createElement('a')
+    a.href = blobUrl;
+    a.download = `${name}.${_format}`;
+    a.style.display = 'none'
+    document.body.appendChild(a)
+    a.click()
+    document.body.removeChild(a)
+    window.URL.revokeObjectURL(blobUrl)
+}
+
+
+
+
+export const padStart = (num: string | number, fixed: number = 2) => String(Number(num)).padStart(fixed, '0');
+
+/**
+ * 时间格式拆分（毫秒）
+ * @param time string
+ */
+export const formatTimeArray = (time: string): any => {
+    const regex = /^\d{2}:\d{2}:\d{2}.\d{2}$/;
+    if (!regex.test(time)) {
+        message('请输入有效的时间！', 'error');
+        return '';
+    }
+    const [hours, minutes, second] = time.split(':').map(Number);
+    const [seconds, milliseconds] = String(second).split('.').map(Number);
+    return {
+        hours: padStart(hours),
+        minutes: padStart(minutes),
+        seconds: padStart(seconds),
+        milliseconds: padStart(milliseconds || 0),
+    }
+}
+export const formatTime = (seconds: number, show: boolean = false): string => {
+    const h = String(Math.floor(seconds / 3600)).padStart(2, '0');
+    const m = String(Math.floor(seconds % 3600 / 60)).padStart(2, '0');
+    const num = seconds % 60;
+    const s = String(Math.floor(num)).padStart(2, '0');
+    const mil = num.toFixed(2).split('.')[1];
+    if(show){
+        return `${h}:${m}:${s}.${mil}`;
+    } else {
+        return `${h}:${m}:${s}`;
+    }
+}
+
+/**
+ * 导出 hook 方法对象，包含所有 hook 方法
+ */
+export { zip }
+export default {
+    message,
+    confirm,
+    getAssetsImage,
+    notification,
+    // asideActive,
+    setSession,
+    getSession,
+    delSession,
+    clearSession,
+    setLocal,
+    getLocal,
+    delLocal,
+    clearLocal,
+    verified,
+    verifiedTips,
+    postMessage,
+    emptyStatus,
+    loading,
+    goTo,
+    randomInt,
+    decrypt,
+    qiankunGoTo,
+    crypto,
+    getQuery,
+    download,
+    zip,
+    padStart,
+    formatTime,
+    formatTimeArray,
+}
+
+
+
+
+