Admin
2022-09-21 999cab6fb3fc6d2a288d365da991351c5a396bf0
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();
    }
};
// 导出方法