aizuda-web-vue3/src/utils/index.ts

// 工具函数集合
import { ElMessage } from 'element-plus'
// vue Storage 使用
export { ls } from './vueStorage'
import { get, set } from 'lodash-unified'
export type Arrayable<T> = T | T[]
export const getPropValue = <T = any>(obj: Record<string, any>, path: Arrayable<string>, defaultValue?: any): { value: T } => {
	return {
		get value() {
			return get(obj, path, defaultValue)
		},
		set value(val: any) {
			set(obj, path, val)
		}
	}
}

/**
 * 提取深层数据的值 (防止中间项 不存在导致的报错)
 * @param obj 【检测对象】
 * @param keyArr 【需要获取该对象内部数据key数组】
 * @returns {*}
 */
export function getDeepValue(obj: object | string[] | any, keyArr: (string | number)[]) {
	return keyArr.reduce((acc, key) => acc && acc[key], obj)
}

/**
 * 针对本地开发 console.log 添加颜色打印
 */
export const $log = (function () {
	const isDEV = import.meta.env.DEV // 开发环境
	if (!isDEV) {
		// eslint-disable-next-line
		// @ts-ignore
		return (content: any = 'content', title = 'title', background = '#007bfc') => {}
	}
	return (content: any = 'content', title = 'title', background = '#007bfc') => {
		content = typeof content === 'object' ? JSON.stringify(content) : content
		console.log.apply(null, [
			`%c ${title}： %c ${content} `,
			'padding: 1px; border-radius: 10px; color: #fff; background: #9159B2;',
			`padding: 1px; border-radius: 10px; color: #fff; background: ${background};`
		])
	}
})()

/**
 * @desc 函数防抖
 * @param func 函数
 * @param wait 延迟毫秒数
 * @param immediate true/false (是/否)即执行
 */
export function debounce(func: () => any, wait: number, immediate?: boolean) {
	let timeout: any

	return function () {
		/* eslint-disable */
		// @ts-ignore
		const context = this
		const args: any = arguments
		/* eslint-enable */
		if (timeout) clearTimeout(timeout)
		if (immediate) {
			const callNow = !timeout
			timeout = setTimeout(() => {
				timeout = null
			}, wait)
			if (callNow) func.apply(context, args)
		} else {
			timeout = setTimeout(function () {
				func.apply(context, args)
			}, wait)
		}
	}
}

/**
 * 深层数据的集合进行有机合并
 * @param objs 需要合并的 对象集合 （后面的覆盖前面的参数）
 * @returns {{}}
 */
export const objDeepMerge = (...objs: any[]) => {
	const res: any = {}
	const combine = (opt: any) => {
		for (const prop in opt) {
			// eslint-disable-next-line
			if (opt.hasOwnProperty(prop)) {
				if (Object.prototype.toString.call(opt[prop]) === '[object Object]') {
					res[prop] = objDeepMerge(res[prop], opt[prop])
				} else {
					res[prop] = opt[prop]
				}
			}
		}
	}
	objs.map(opts => {
		combine(opts)
	})
	return res
}

/**
 * 复制文字
 * @param val
 * @param sucTxt
 * @returns {boolean}
 */
export function copyText(val: string, sucTxt = '复制成功~') {
	const textarea: any = document.createElement('textarea')
	// 将该 textarea 设为 readonly 防止 iOS 下自动唤起键盘，同时将 textarea 移出可视区域
	textarea.readOnly = 'readonly'
	textarea.style.position = 'absolute'
	textarea.style.left = '-9999px'
	textarea.value = val
	document.body.appendChild(textarea)
	textarea.select()
	const res = document.execCommand('copy')
	document.body.removeChild(textarea)
	// console.log(res, 'res 测试............')
	if (res) {
		ElMessage.success(sucTxt)
	}
	return res
}

/**
 * 异步操作避免重复触发加锁
 * @param syncFn
 * @returns {(function(...[*]): Promise<void>)|*}
 */
export function asyncHandlerLockWrap(syncFn: () => any) {
	let is_lock = false
	/* eslint-disable */
	// @ts-ignore
	return async function (...args) {
		// @ts-ignore
		const context = this
		if (!is_lock) {
			is_lock = true
			Promise.resolve()
				// @ts-ignore
				.then(syncFn.bind(context, ...args))
				.finally(() => {
					is_lock = false
				})
		}
	}
	/* eslint-enable */
}

/**
 * 转化成带逗号的number格式
 * @param num
 * @param minimumFractionDigits 保留小数位
 * @returns {string}
 */
export function formatNumber(num: number | string, minimumFractionDigits = 0) {
	// return xeUtils.commafy(+num, { digits: minimumFractionDigits }) || '-'
	return (+num || 0).toLocaleString('zh', { minimumFractionDigits })
}
/*
const sortColumnChildren = (localColumn: LeTableColumnProps[], targetColumn: LeTableColumnProps[], localField = 'prop', targetField = 'prop') => {
	const cur_children = localColumn.children
	if (Array.isArray(cur_children) && Array.isArray(targetColumn.children)) {
		// console.error(JSON.stringify(cur_children), 'cur_children   targetColumn_children', JSON.stringify(targetColumn.children))
		// children 排序
		localColumn.children = targetColumn.children
			.map(_column => {
				const findColumn = cur_children.find(l_column => l_column[localField] === _column[targetField])
				if (findColumn) {
					if (Array.isArray(findColumn.children)) {
						return sortColumnChildren(findColumn, _column, localField)
					}
					return findColumn
				}
				return false
			})
			.filter(Boolean)
	}
	return localColumn
}
export function updateNewColumns(localColumns: LeTableColumnProps[], targetColumn: LeTableColumnProps[], localField = 'prop', targetField = 'prop') {
	return localColumns
		.map(v => {
			const cur = targetColumn.find((column) => column[localField] === v[targetField])
			if (cur) {
				// children 内嵌处理
				return sortColumnChildren(cur, v)
			}
		})
		.filter(Boolean)
}
*/

// 获取assets静态资源(暂->已不再使用)
export function getAssetsFile(url: string) {
	return new URL(`../assets/flow/${url}`, import.meta.url).href
}

export const flowIconPrefix = 'icon-flow-'

export const format_milliseconds = (milliseconds: number) => {
	let timeString = ''
	if (milliseconds) {
		const hours = Math.floor(milliseconds / 3600000)
		const minutes = Math.floor((milliseconds % 3600000) / 60000)
		const seconds = Math.floor((milliseconds % 60000) / 1000)
		if (hours > 0) {
			timeString += hours + '小时 '
		}
		if (minutes > 0) {
			timeString += minutes + '分钟 '
		}
		if (seconds > 0) {
			timeString += seconds + '秒'
		}
	}
	return timeString
}