hs-admin-ui 1.0.0 → 1.0.2

package/src/utils/formatTime.ts

@@ -1,137 +0,0 @@
-/**
- * 时间日期转换
- * @param date 当前时间，new Date() 格式
- * @param format 需要转换的时间格式字符串
- * @description format 字符串随意，如 `YYYY-mm、YYYY-mm-dd`
- * @description format 季度："YYYY-mm-dd HH:MM:SS QQQQ"
- * @description format 星期："YYYY-mm-dd HH:MM:SS WWW"
- * @description format 几周："YYYY-mm-dd HH:MM:SS ZZZ"
- * @description format 季度 + 星期 + 几周："YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ"
- * @returns 返回拼接后的时间字符串
- */
-export function formatDate(date: Date, format: string): string {
-	let we = date.getDay(); // 星期
-	let z = getWeek(date); // 周
-	let qut = Math.floor((date.getMonth() + 3) / 3).toString(); // 季度
-	const opt: { [key: string]: string } = {
-		'Y+': date.getFullYear().toString(), // 年
-		'm+': (date.getMonth() + 1).toString(), // 月(月份从0开始，要+1)
-		'd+': date.getDate().toString(), // 日
-		'H+': date.getHours().toString(), // 时
-		'M+': date.getMinutes().toString(), // 分
-		'S+': date.getSeconds().toString(), // 秒
-		'q+': qut, // 季度
-	};
-	// 中文数字 (星期)
-	const week: { [key: string]: string } = {
-		'0': '日',
-		'1': '一',
-		'2': '二',
-		'3': '三',
-		'4': '四',
-		'5': '五',
-		'6': '六',
-	};
-	// 中文数字（季度）
-	const quarter: { [key: string]: string } = {
-		'1': '一',
-		'2': '二',
-		'3': '三',
-		'4': '四',
-	};
-	if (/(W+)/.test(format))
-		format = format.replace(RegExp.$1, RegExp.$1.length > 1 ? (RegExp.$1.length > 2 ? '星期' + week[we] : '周' + week[we]) : week[we]);
-	if (/(Q+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 4 ? '第' + quarter[qut] + '季度' : quarter[qut]);
-	if (/(Z+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 3 ? '第' + z + '周' : z + '');
-	for (let k in opt) {
-		let r = new RegExp('(' + k + ')').exec(format);
-		// 若输入的长度不为1，则前面补零
-		if (r) format = format.replace(r[1], RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, '0'));
-	}
-	return format;
-}
-
-/**
- * 获取当前日期是第几周
- * @param dateTime 当前传入的日期值
- * @returns 返回第几周数字值
- */
-export function getWeek(dateTime: Date): number {
-	let temptTime = new Date(dateTime.getTime());
-	// 周几
-	let weekday = temptTime.getDay() || 7;
-	// 周1+5天=周六
-	temptTime.setDate(temptTime.getDate() - weekday + 1 + 5);
-	let firstDay = new Date(temptTime.getFullYear(), 0, 1);
-	let dayOfWeek = firstDay.getDay();
-	let spendDay = 1;
-	if (dayOfWeek != 0) spendDay = 7 - dayOfWeek + 1;
-	firstDay = new Date(temptTime.getFullYear(), 0, 1 + spendDay);
-	let d = Math.ceil((temptTime.valueOf() - firstDay.valueOf()) / 86400000);
-	let result = Math.ceil(d / 7);
-	return result;
-}
-
-/**
- * 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`
- * @param param 当前时间，new Date() 格式或者字符串时间格式
- * @param format 需要转换的时间格式字符串
- * @description param 10秒：  10 * 1000
- * @description param 1分：   60 * 1000
- * @description param 1小时： 60 * 60 * 1000
- * @description param 24小时：60 * 60 * 24 * 1000
- * @description param 3天：   60 * 60* 24 * 1000 * 3
- * @returns 返回拼接后的时间字符串
- */
-export function formatPast(param: string | Date, format: string = 'YYYY-mm-dd'): string {
-	// 传入格式处理、存储转换值
-	let t: any, s: number;
-	// 获取js 时间戳
-	let time: number = new Date().getTime();
-	// 是否是对象
-	typeof param === 'string' || 'object' ? (t = new Date(param).getTime()) : (t = param);
-	// 当前时间戳 - 传入时间戳
-	time = Number.parseInt(`${time - t}`);
-	if (time < 10000) {
-		// 10秒内
-		return '刚刚';
-	} else if (time < 60000 && time >= 10000) {
-		// 超过10秒少于1分钟内
-		s = Math.floor(time / 1000);
-		return `${s}秒前`;
-	} else if (time < 3600000 && time >= 60000) {
-		// 超过1分钟少于1小时
-		s = Math.floor(time / 60000);
-		return `${s}分钟前`;
-	} else if (time < 86400000 && time >= 3600000) {
-		// 超过1小时少于24小时
-		s = Math.floor(time / 3600000);
-		return `${s}小时前`;
-	} else if (time < 259200000 && time >= 86400000) {
-		// 超过1天少于3天内
-		s = Math.floor(time / 86400000);
-		return `${s}天前`;
-	} else {
-		// 超过3天
-		let date = typeof param === 'string' || 'object' ? new Date(param) : param;
-		return formatDate(date, format);
-	}
-}
-
-/**
- * 时间问候语
- * @param param 当前时间，new Date() 格式
- * @description param 调用 `formatAxis(new Date())` 输出 `上午好`
- * @returns 返回拼接后的时间字符串
- */
-export function formatAxis(param: Date): string {
-	let hour: number = new Date(param).getHours();
-	if (hour < 6) return '凌晨好';
-	else if (hour < 9) return '早上好';
-	else if (hour < 12) return '上午好';
-	else if (hour < 14) return '中午好';
-	else if (hour < 17) return '下午好';
-	else if (hour < 19) return '傍晚好';
-	else if (hour < 22) return '晚上好';
-	else return '夜里好';
-}

package/src/utils/getDataType.ts

@@ -1,136 +0,0 @@
-import IFormData from '/@/types/form';
-import ICustomData from '/@/types/customData';
-import _ from 'lodash';
-
-type Data = Record<string, any>;
-export function getDataType(data: Data) {
-	const isObject = (value: Data) => {
-		return value !== null && typeof value === 'object' && Array.isArray(value) === false;
-	};
-	const setDataType = (data: Data) => {
-		if (Array.isArray(data)) {
-			const arr = [
-				...new Set(
-					data.map((item) => {
-						if (typeof item === 'object') {
-							return item;
-						} else {
-							return typeof item;
-						}
-					})
-				),
-			];
-			const hasObj = arr.some((i) => isObject(i));
-			if (hasObj) {
-				const [arr1] = arr.filter((i) => isObject(i));
-				let result = 'Array<{';
-				Object.entries(setDataType(arr1)).forEach(([k, v]) => {
-					result += `${k}:${JSON.stringify(v)};`;
-				});
-				result += '}>';
-				return result;
-			} else {
-				return `Array<${arr.join('|')}>`;
-			}
-		} else if (isObject(data)) {
-			const result: Data = {};
-			for (const key in data) {
-				if (data.hasOwnProperty(key)) {
-					result[key] = setDataType(data[key]);
-				}
-			}
-			return result;
-		} else {
-			return typeof data;
-		}
-	};
-
-	const resultType = JSON.stringify(setDataType(data)).replaceAll(',', ';').replaceAll('"', '').replaceAll('\\', '');
-	return 'export interface DATA_TYPE' + resultType;
-}
-
-/** form表单类型声明 */
-export function getFormDataType(data: IFormData.Form) {
-	const result = _.cloneDeep(data) as IFormData.Form;
-	const formType: ICustomData.Data = {};
-	result.form.forEach((i) => getFormField(i, i.fieldID));
-	setDataType(result.data);
-	const formKeys = Object.keys(formType)
-		.map((i) => i.split('.')[1])
-		.join('|');
-	const typeData = JSON.stringify(result.data)
-		.replace(new RegExp(formKeys, 'gi'), function ($0) {
-			const [key] = Object.keys(result.data)
-				.map((i) => formType[`${i}.${$0}`])
-				.filter(Boolean);
-			return `\n\t${key.label}\n\t${$0}`;
-		})
-		.replaceAll(',', ';')
-		.replaceAll('"', '')
-		.replaceAll('\\', '');
-
-	/** 获取form表单类型声明文件,存储与 【formType】变量中 */
-	function getFormField(data: IFormData.Data, fieldID: string) {
-		for (let i in data) {
-			if (data[i].hasOwnProperty('baseData')) {
-				const { baseData } = data[i];
-				formType[`${fieldID}.${baseData.prop}`] = {
-					type: baseData.complexType ? `${baseData.complexType}<${baseData.baseType}>` : baseData.baseType,
-					label: `/** ${baseData.label} */`,
-					fieldID,
-				};
-			}
-
-			// 递归属性查找
-			if (_.isObject(data[i]) && !_.isEmpty(data[i])) {
-				getFormField(data[i], fieldID);
-			}
-		}
-	}
-
-	/** 设置data数据类型 */
-	function setDataType(data: ICustomData.Data, pid = '') {
-		for (let i in data) {
-			if (pid && formType.hasOwnProperty(`${pid}.${i}`)) {
-				data[i] = formType[`${pid}.${i}`].type;
-			}
-
-			// 递归属性查找
-			if (_.isObject(data[i]) && !_.isEmpty(data[i])) {
-				setDataType(data[i], pid ? `${pid}.${i}` : i);
-			}
-		}
-	}
-
-	return `export interface ${result.config_name} ${typeData}`;
-}
-
-/** table表格数据类型声明 */
-
-export function getTableDataType(tables: ICustomData.Table[]) {
-	const result = _.cloneDeep(tables) as ICustomData.Table[];
-	let tableInterface = '';
-
-	result.forEach((i) => {
-		const tableType: ICustomData.Data = {};
-		const tableField: ICustomData.Data = {};
-		i.tableConfig.forEach((i) => {
-			if (!i.data.type) {
-				tableField[i.data.field!] = i.data.returnValueType;
-				tableType[i.data.field!] = `/** ${i.data.title} */`;
-			}
-		});
-		const reg = new RegExp(Object.keys(tableField).join('|'), 'gi');
-		const typeData = JSON.stringify(tableField)
-			.replace(reg, function ($0) {
-				return `\n\t${tableType[$0]}\n\t${$0}`;
-			})
-			.replaceAll(',', ';')
-			.replaceAll('"', '')
-			.replaceAll('\\', '');
-
-		tableInterface += `\n\texport interface ${i.baseData.tableName} ${typeData}\n`;
-	});
-
-	console.debug(tableInterface);
-}

package/src/utils/getStyleSheets.ts

@@ -1,101 +0,0 @@
-import { nextTick } from 'vue';
-import * as svg from '@element-plus/icons-vue';
-
-// 获取阿里字体图标
-const getAlicdnIconfont = () => {
-	return new Promise((resolve, reject) => {
-		nextTick(() => {
-			const styles: any = document.styleSheets;
-			let sheetsList = [];
-			let sheetsIconList = [];
-			for (let i = 0; i < styles.length; i++) {
-				if (styles[i].href && styles[i].href.indexOf('at.alicdn.com') > -1) {
-					sheetsList.push(styles[i]);
-				}
-			}
-			for (let i = 0; i < sheetsList.length; i++) {
-				for (let j = 0; j < sheetsList[i].cssRules.length; j++) {
-					if (sheetsList[i].cssRules[j].selectorText && sheetsList[i].cssRules[j].selectorText.indexOf('.icon-') > -1) {
-						sheetsIconList.push(
-							`${sheetsList[i].cssRules[j].selectorText.substring(1, sheetsList[i].cssRules[j].selectorText.length).replace(/\:\:before/gi, '')}`
-						);
-					}
-				}
-			}
-			if (sheetsIconList.length > 0) resolve(sheetsIconList);
-			else reject('未获取到值，请刷新重试');
-		});
-	});
-};
-
-// 初始化获取 css 样式，获取 element plus 自带 svg 图标，增加了 ele- 前缀，使用时：ele-Aim
-const getElementPlusIconfont = () => {
-	return new Promise((resolve, reject) => {
-		nextTick(() => {
-			const icons = svg as any;
-			const sheetsIconList = [];
-			for (const i in icons) {
-				sheetsIconList.push(`ele-${icons[i].name}`);
-			}
-			if (sheetsIconList.length > 0) resolve(sheetsIconList);
-			else reject('未获取到值，请刷新重试');
-		});
-	});
-};
-
-// 初始化获取 css 样式，这里使用 fontawesome 的图标
-const getAwesomeIconfont = () => {
-	return new Promise((resolve, reject) => {
-		nextTick(() => {
-			const styles: any = document.styleSheets;
-			let sheetsList = [];
-			let sheetsIconList = [];
-			for (let i = 0; i < styles.length; i++) {
-				if (styles[i].href && styles[i].href.indexOf('netdna.bootstrapcdn.com') > -1) {
-					sheetsList.push(styles[i]);
-				}
-			}
-			for (let i = 0; i < sheetsList.length; i++) {
-				for (let j = 0; j < sheetsList[i].cssRules.length; j++) {
-					if (
-						sheetsList[i].cssRules[j].selectorText &&
-						sheetsList[i].cssRules[j].selectorText.indexOf('.fa-') === 0 &&
-						sheetsList[i].cssRules[j].selectorText.indexOf(',') === -1
-					) {
-						if (/::before/.test(sheetsList[i].cssRules[j].selectorText)) {
-							sheetsIconList.push(
-								`${sheetsList[i].cssRules[j].selectorText.substring(1, sheetsList[i].cssRules[j].selectorText.length).replace(/\:\:before/gi, '')}`
-							);
-						}
-					}
-				}
-			}
-			if (sheetsIconList.length > 0) resolve(sheetsIconList.reverse());
-			else reject('未获取到值，请刷新重试');
-		});
-	});
-};
-
-/**
- * 获取字体图标 `document.styleSheets`
- * @method ali 获取阿里字体图标 `<i class="iconfont 图标类名"></i>`
- * @method ele 获取 element plus 自带图标 `<i class="图标类名"></i>`
- * @method ali 获取 fontawesome 的图标 `<i class="fa 图标类名"></i>`
- */
-const initIconfont = {
-	// iconfont
-	ali: () => {
-		return getAlicdnIconfont();
-	},
-	// element plus
-	ele: () => {
-		return getElementPlusIconfont();
-	},
-	// fontawesome
-	awe: () => {
-		return getAwesomeIconfont();
-	},
-};
-
-// 导出方法
-export default initIconfont;

package/src/utils/loading.ts

@@ -1,44 +0,0 @@
-import { nextTick } from 'vue';
-import '/@/theme/loading.scss';
-
-/**
- * 页面全局 Loading
- * @method start 创建 loading
- * @method done 移除 loading
- */
-export const NextLoading = {
-	// 创建 loading
-	start: () => {
-		const bodys: Element = document.body;
-		const div = <HTMLElement>document.createElement('div');
-		div.setAttribute('class', 'loading-next');
-		const htmls = `
-			<div class="loading-next-box">
-				<div class="loading-next-box-warp">
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-				</div>
-			</div>
-		`;
-		div.innerHTML = htmls;
-		bodys.insertBefore(div, bodys.childNodes[0]);
-		window.nextLoading = true;
-	},
-	// 移除 loading
-	done: (time: number = 0) => {
-		nextTick(() => {
-			setTimeout(() => {
-				window.nextLoading = false;
-				const el = <HTMLElement>document.querySelector('.loading-next');
-				el?.parentNode?.removeChild(el);
-			}, time);
-		});
-	},
-};

package/src/utils/mitt.ts

@@ -1,8 +0,0 @@
-// https://www.npmjs.com/package/mitt
-import mitt, { Emitter } from 'mitt';
-
-// 类型
-const emitter: Emitter<MittType> = mitt<MittType>();
-
-// 导出
-export default emitter;

package/src/utils/other.ts

@@ -1,214 +0,0 @@
-import { nextTick, defineAsyncComponent } from 'vue';
-import type { App } from 'vue';
-import * as svg from '@element-plus/icons-vue';
-import router from '/@/router/index';
-import pinia from '/@/stores/index';
-import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { systemStore } from '/@/utils/storage';
-import { verifyUrl } from '/@/utils/toolsValidate';
-
-// 引入组件
-const SvgIcon = defineAsyncComponent(() => import('/@/components/svgIcon/index.vue'));
-
-/**
- * 导出全局注册 element plus svg 图标
- * @param app vue 实例
- * @description 使用：https://element-plus.gitee.io/zh-CN/component/icon.html
- */
-export function elSvg(app: App) {
-	const icons = svg as any;
-	for (const i in icons) {
-		app.component(`ele-${icons[i].name}`, icons[i]);
-	}
-	app.component('SvgIcon', SvgIcon);
-}
-
-/**
- * 设置浏览器标题国际化
- * @method const title = useTitle(); ==> title()
- */
-export function useTitle() {
-	const stores = useThemeConfig(pinia);
-	const { themeConfig } = storeToRefs(stores);
-	nextTick(() => {
-		let webTitle = '';
-		let globalTitle: string = themeConfig.value.globalTitle;
-		const { path, meta } = router.currentRoute.value;
-		if (path === '/login') {
-			webTitle = <string>meta.title;
-		} else {
-			webTitle = setTagsViewNameI18n(router.currentRoute.value);
-		}
-		document.title = `${webTitle} - ${globalTitle}` || globalTitle;
-	});
-}
-
-/**
- * 设置 自定义 tagsView 名称
- * @param params 路由 query、params 中的 tagsViewName
- * @returns 返回当前 tagsViewName 名称
- */
-export function setTagsViewNameI18n(item: any) {
-	let tagsViewName: string = '';
-	const { query, params, meta } = item;
-	if (query?.tagsViewName || params?.tagsViewName) {
-		// 非国际化
-		tagsViewName = query?.tagsViewName || params?.tagsViewName;
-	} else {
-		// 非自定义 tagsView 名称
-		tagsViewName = meta.title;
-	}
-	return tagsViewName;
-}
-
-/**
- * 图片懒加载
- * @param el dom 目标元素
- * @param arr 列表数据
- * @description data-xxx 属性用于存储页面或应用程序的私有自定义数据
- */
-export const lazyImg = (el: string, arr: EmptyArrayType) => {
-	const io = new IntersectionObserver((res) => {
-		res.forEach((v: any) => {
-			if (v.isIntersecting) {
-				const { img, key } = v.target.dataset;
-				v.target.src = img;
-				v.target.onload = () => {
-					io.unobserve(v.target);
-					arr[key]['loading'] = false;
-				};
-			}
-		});
-	});
-	nextTick(() => {
-		document.querySelectorAll(el).forEach((img) => io.observe(img));
-	});
-};
-
-/**
- * 全局组件大小
- * @returns 返回 `window.localStorage` 中读取的缓存值 `globalComponentSize`
- */
-let themeConfigStore: any;
-(async () => {
-	themeConfigStore = await systemStore.get('themeConfig');
-})();
-export const globalComponentSize = (): string => {
-	const stores = useThemeConfig(pinia);
-	const { themeConfig } = storeToRefs(stores);
-	return themeConfigStore?.globalComponentSize || themeConfig.value?.globalComponentSize;
-};
-
-/**
- * 对象深克隆
- * @param obj 源对象
- * @returns 克隆后的对象
- */
-export function deepClone(obj: EmptyObjectType) {
-	let newObj: EmptyObjectType;
-	try {
-		newObj = obj.push ? [] : {};
-	} catch (error) {
-		newObj = {};
-	}
-	for (let attr in obj) {
-		if (obj[attr] && typeof obj[attr] === 'object') {
-			newObj[attr] = deepClone(obj[attr]);
-		} else {
-			newObj[attr] = obj[attr];
-		}
-	}
-	return newObj;
-}
-
-/**
- * 判断是否是移动端
- */
-export function isMobile() {
-	if (
-		navigator.userAgent.match(
-			/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i
-		)
-	) {
-		return true;
-	} else {
-		return false;
-	}
-}
-
-/**
- * 判断数组对象中所有属性是否为空，为空则删除当前行对象
- * @description @感谢大黄
- * @param list 数组对象
- * @returns 删除空值后的数组对象
- */
-export function handleEmpty(list: EmptyArrayType) {
-	const arr = [];
-	for (const i in list) {
-		const d = [];
-		for (const j in list[i]) {
-			d.push(list[i][j]);
-		}
-		const leng = d.filter((item) => item === '').length;
-		if (leng !== d.length) {
-			arr.push(list[i]);
-		}
-	}
-	return arr;
-}
-
-/**
- * 打开外部链接
- * @param val 当前点击项菜单
- */
-export function handleOpenLink(val: RouteItem) {
-	const { origin, pathname } = window.location;
-	router.push(val.path);
-	if (verifyUrl(<string>val.meta?.isLink)) window.open(val.meta?.isLink);
-	else window.open(`${origin}${pathname}#${val.meta?.isLink}`);
-}
-
-/**
- * 统一批量导出
- * @method elSvg 导出全局注册 element plus svg 图标
- * @method useTitle 设置浏览器标题国际化
- * @method setTagsViewNameI18n 设置 自定义 tagsView 名称、 自定义 tagsView 名称国际化
- * @method lazyImg 图片懒加载
- * @method globalComponentSize() element plus 全局组件大小
- * @method deepClone 对象深克隆
- * @method isMobile 判断是否是移动端
- * @method handleEmpty 判断数组对象中所有属性是否为空，为空则删除当前行对象
- */
-const other = {
-	elSvg: (app: App) => {
-		elSvg(app);
-	},
-	useTitle: () => {
-		useTitle();
-	},
-	setTagsViewNameI18n(route: RouteToFrom) {
-		return setTagsViewNameI18n(route);
-	},
-	lazyImg: (el: string, arr: EmptyArrayType) => {
-		lazyImg(el, arr);
-	},
-	globalComponentSize: () => {
-		return globalComponentSize();
-	},
-	deepClone: (obj: EmptyObjectType) => {
-		return deepClone(obj);
-	},
-	isMobile: () => {
-		return isMobile();
-	},
-	handleEmpty: (list: EmptyArrayType) => {
-		return handleEmpty(list);
-	},
-	handleOpenLink: (val: RouteItem) => {
-		handleOpenLink(val);
-	},
-};
-
-// 统一批量导出
-export default other;