vue-vben-admin/src/utils/index.ts

94 lines
2.5 KiB
TypeScript
Raw Normal View History

2020-11-01 18:34:35 +08:00
export const timestamp = () => +Date.now();
2020-12-28 22:04:05 +08:00
import { unref } from 'vue';
2020-11-28 14:27:26 +08:00
import { isObject } from '/@/utils/is';
2020-11-01 18:34:35 +08:00
export const clamp = (n: number, min: number, max: number) => Math.min(max, Math.max(min, n));
export const noop = () => {};
export const now = () => Date.now();
2021-02-25 20:17:08 +08:00
2020-09-28 20:19:10 +08:00
/**
* @description: Set ui mount node
*/
export function getPopupContainer(node?: HTMLElement): HTMLElement {
2020-12-29 23:37:40 +08:00
return (node?.parentNode as HTMLElement) ?? document.body;
2020-09-28 20:19:10 +08:00
}
2020-11-23 23:24:13 +08:00
2020-09-28 20:19:10 +08:00
/**
* 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) {
parameters += key + '=' + encodeURIComponent(obj[key]) + '&';
}
parameters = parameters.replace(/&$/, '');
return /\?$/.test(baseUrl) ? baseUrl + parameters : baseUrl.replace(/\/?$/, '?') + parameters;
2020-09-28 20:19:10 +08:00
}
2020-12-25 01:09:44 +08:00
export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
2020-09-28 20:19:10 +08:00
let key: string;
for (key in target) {
2020-11-28 14:27:26 +08:00
src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
2020-09-28 20:19:10 +08:00
}
return src;
}
2020-11-23 23:24:13 +08:00
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(','));
}
2020-12-28 22:04:05 +08:00
// dynamic use hook props
export function getDynamicProps<T, U>(props: T): Partial<U> {
const ret: Recordable = {};
Object.keys(props).map((key) => {
ret[key] = unref((props as Recordable)[key]);
});
return ret as Partial<U>;
}
2021-01-06 00:08:45 +08:00
2021-02-10 00:53:47 +08:00
/**
* set page Title
* @param {*} title :page Title
*/
function setDocumentTitle(title: string) {
document.title = title;
const ua = navigator.userAgent;
const regex = /\bMicroMessenger\/([\d.]+)/;
// 兼容
if (regex.test(ua) && /ip(hone|od|ad)/i.test(ua)) {
const i = document.createElement('iframe');
i.src = '/favicon.ico';
i.style.display = 'none';
i.onload = function () {
setTimeout(function () {
i.remove();
}, 9);
};
document.body.appendChild(i);
}
}
export function setTitle(title: string, appTitle?: string) {
if (title) {
2021-02-13 09:18:50 +08:00
const _title = title ? ` ${title} - ${appTitle} ` : `${appTitle}`;
2021-02-10 00:53:47 +08:00
setDocumentTitle(_title);
}
}