yqyc-system/snowy-admin-web/src/utils/device.js

/**
 *  Copyright [2022] [https://www.xiaonuo.vip]
 *	Snowy采用APACHE LICENSE 2.0开源协议，您在使用过程中，需要注意以下几点：
 *	1.请不要删除和修改根目录下的LICENSE文件。
 *	2.请不要删除和修改Snowy源码头部的版权声明。
 *	3.本项目代码可免费商业使用，商业使用请保留源码和相关描述文件的项目出处，作者声明等。
 *	4.分发源码时候，请注明软件出处 https://www.xiaonuo.vip
 *	5.不可二次分发开源参与同类竞品，如有想法可联系团队xiaonuobase@qq.com商议合作。
 *	6.若您的项目无法满足以上几点，需要更多功能代码，获取Snowy商业授权许可，请在官网购买授权，地址为 https://www.xiaonuo.vip
 */
import enquireJs from 'enquire.js'

export const DEVICE_TYPE = {
	DESKTOP: 'desktop',
	TABLET: 'tablet',
	MOBILE: 'mobile'
}

export const deviceEnquire = function (callback) {
	const matchDesktop = {
		match: () => {
			callback && callback(DEVICE_TYPE.DESKTOP)
		}
	}

	const matchTablet = {
		match: () => {
			callback && callback(DEVICE_TYPE.TABLET)
		}
	}

	const matchMobile = {
		match: () => {
			callback && callback(DEVICE_TYPE.MOBILE)
		}
	}

	// screen and (max-width: 1087.99px)
	enquireJs
		.register('screen and (max-width: 576px)', matchMobile)
		.register('screen and (min-width: 576px) and (max-width: 1199px)', matchTablet)
		.register('screen and (min-width: 1200px)', matchDesktop)
}