twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-09 13:53:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve the selector component

Browse Source
This commit is contained in:
xiaoxian521
2021-04-13 00:57:15 +08:00
parent 7bd09e9899
commit 8a4a39de3a
4 changed files with 117 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/utils/operate/index.ts
View File

@@ -1,12 +1,15 @@
export const hasClass = (ele: Element, cls:string) :any => {
export const hasClass = (ele: Element, cls: string): any => {
return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}
export const addClass = (ele: Element, cls:string) :any => {
export const addClass = (ele: Element, cls: string, extracls?: string): any => {
if (!hasClass(ele, cls)) ele.className += ' ' + cls
if (extracls) {
if (!hasClass(ele, extracls)) ele.className += ' ' + extracls
}
}
export const removeClass =(ele: Element, cls:string, extracls?: string) :any => {
export const removeClass = (ele: Element, cls: string, extracls?: string): any => {
if (hasClass(ele, cls)) {
const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
ele.className = ele.className.replace(reg, ' ').trim()
@@ -17,4 +20,11 @@ export const removeClass =(ele: Element, cls:string, extracls?: string) :any =>
ele.className = ele.className.replace(regs, ' ').trim()
}
}
}
}
export const toggleClass = (flag: boolean, clsName: string, target?: HTMLElement): any => {
const targetEl = target || document.body
let { className } = targetEl
className = className.replace(clsName, "")
targetEl.className = flag ? `${className} ${clsName} ` : className
}