123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- // import type { Plugin } from 'vue'
- /**
- *
- * @param component 需要注册的组件
- * @param alias 组件别名
- * @returns any
- */
- export const withInstall = <T>(component: T, alias?: string) => {
- const comp = component as any
- comp.install = (app: any) => {
- app.component(comp.name || comp.displayName, component)
- if (alias) {
- app.config.globalProperties[alias] = component
- }
- }
- return component as T & Plugin
- }
- /**
- * @param str 需要转下划线的驼峰字符串
- * @returns 字符串下划线
- */
- export const humpToUnderline = (str: string): string => {
- return str.replace(/([A-Z])/g, '-$1').toLowerCase()
- }
- /**
- * @param str 需要转驼峰的下划线字符串
- * @returns 字符串驼峰
- */
- export const underlineToHump = (str: string): string => {
- if (!str) return ''
- return str.replace(/\-(\w)/g, (_, letter: string) => {
- return letter.toUpperCase()
- })
- }
- export const setCssVar = (prop: string, val: any, dom = document.documentElement) => {
- dom.style.setProperty(prop, val)
- }
- /**
- * 查找数组对象的某个下标
- * @param {Array} ary 查找的数组
- * @param {Functon} fn 判断的方法
- */
- // eslint-disable-next-line
- export const findIndex = <T = Recordable>(ary: Array<T>, fn: Fn): number => {
- if (ary.findIndex) {
- return ary.findIndex(fn)
- }
- let index = -1
- ary.some((item: T, i: number, ary: Array<T>) => {
- const ret: T = fn(item, i, ary)
- if (ret) {
- index = i
- return ret
- }
- })
- return index
- }
- export const trim = (str: string) => {
- return str.replace(/(^\s*)|(\s*$)/g, '')
- }
- /**
- * @param {Date | number | string} time 需要转换的时间
- * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
- */
- export const formatTime = (time: Date | number | string, fmt: string) => {
- if (!time) return ''
- else {
- const date = new Date(time)
- const o = {
- 'M+': date.getMonth() + 1,
- 'd+': date.getDate(),
- 'H+': date.getHours(),
- 'm+': date.getMinutes(),
- 's+': date.getSeconds(),
- 'q+': Math.floor((date.getMonth() + 3) / 3),
- S: date.getMilliseconds()
- }
- if (/(y+)/.test(fmt)) {
- fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
- }
- for (const k in o) {
- if (new RegExp('(' + k + ')').test(fmt)) {
- fmt = fmt.replace(
- RegExp.$1,
- RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
- )
- }
- }
- return fmt
- }
- }
- /**
- * 生成随机字符串
- */
- export const toAnyString = () => {
- const str: string = 'xxxxx-xxxxx-4xxxx-yxxxx-xxxxx'.replace(/[xy]/g, (c: string) => {
- const r: number = (Math.random() * 16) | 0
- const v: number = c === 'x' ? r : (r & 0x3) | 0x8
- return v.toString()
- })
- return str
- }
- export const generateUUID = () => {
- if (typeof crypto === 'object') {
- if (typeof crypto.randomUUID === 'function') {
- return crypto.randomUUID()
- }
- if (typeof crypto.getRandomValues === 'function' && typeof Uint8Array === 'function') {
- const callback = (c: any) => {
- const num = Number(c)
- return (num ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (num / 4)))).toString(
- 16
- )
- }
- return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, callback)
- }
- }
- let timestamp = new Date().getTime()
- let performanceNow =
- (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0
- return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
- let random = Math.random() * 16
- if (timestamp > 0) {
- random = (timestamp + random) % 16 | 0
- timestamp = Math.floor(timestamp / 16)
- } else {
- random = (performanceNow + random) % 16 | 0
- performanceNow = Math.floor(performanceNow / 16)
- }
- return (c === 'x' ? random : (random & 0x3) | 0x8).toString(16)
- })
- }
|