From 8edf0fc193df875b6e05d77be428e9134438857b Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Tue, 16 Aug 2022 19:32:54 +0800
Subject: [PATCH] Default Changelist
---
src/utils/getStyleSheets.ts | 142 ++++++++++++++++++++++-------------------------
1 files changed, 67 insertions(+), 75 deletions(-)
diff --git a/src/utils/getStyleSheets.ts b/src/utils/getStyleSheets.ts
index 90252c3..81c80e0 100644
--- a/src/utils/getStyleSheets.ts
+++ b/src/utils/getStyleSheets.ts
@@ -3,77 +3,69 @@
// 获取阿里字体图标
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('未获取到值，请刷新重试');
- });
- });
+ 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('未获取到值，请刷新重试');
- });
- });
+ 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('未获取到值，请刷新重试');
- });
- });
+ 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('未获取到值，请刷新重试');
+ });
+ });
};
/**
@@ -83,18 +75,18 @@
* @method ali 获取 fontawesome 的图标 `<i class="fa 图标类名"></i>`
*/
const initIconfont = {
- // iconfont
- ali: () => {
- return getAlicdnIconfont();
- },
- // element plus
- ele: () => {
- return getElementPlusIconfont();
- },
- // fontawesome
- awe: () => {
- return getAwesomeIconfont();
- },
+ // iconfont
+ ali: () => {
+ return getAlicdnIconfont();
+ },
+ // element plus
+ ele: () => {
+ return getElementPlusIconfont();
+ },
+ // fontawesome
+ awe: () => {
+ return getAwesomeIconfont();
+ }
};
// 导出方法
--
Gitblit v1.9.2