twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-15 14:03:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: adjust the layout

Browse Source
This commit is contained in:
xiaoxian521
2021-04-26 19:16:33 +08:00
parent 8fe2b78c87
commit 14728b3ed6
11 changed files with 460 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,30 +1,38 @@
export const hasClass = (ele: Element, cls: string): any => {
return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}
return !!ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
};
export const addClass = (ele: Element, cls: string, extracls?: string): any => {
if (!hasClass(ele, cls)) ele.className += (' ' + cls)
if (!hasClass(ele, cls)) ele.className += " " + cls;
if (extracls) {
if (!hasClass(ele, extracls)) ele.className += ' ' + 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()
const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
ele.className = ele.className.replace(reg, " ").trim();
}
if (extracls) {
if (hasClass(ele, extracls)) {
const regs = new RegExp('(\\s|^)' + extracls + '(\\s|$)')
ele.className = ele.className.replace(regs, ' ').trim()
const regs = new RegExp("(\\s|^)" + extracls + "(\\s|$)");
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
}
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;
};