feat: add iconFontTypes to get all iconfont types

use fetch to load scriptUrl and match all iconfont types

packages/icons-react/src/components/IconFont.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import Icon, { IconBaseProps } from './Icon';
 
 const customCache = new Set<string>();
+const iconFontTypes = new Set<string>();
 
 export interface CustomIconOptions {
  scriptUrl?: string | string[];
@@ -12,6 +13,13 @@ export interface IconFontProps extends IconBaseProps {
  type: string;
 }
 
+interface CompoundedComponent
+ extends React.ForwardRefExoticComponent<
+ IconFontProps & React.RefAttributes<HTMLSpanElement>
+ > {
+ iconFontTypes: Set<string>;
+}
+
 function isValidCustomScriptUrl(scriptUrl: string): boolean {
  return Boolean(
  typeof scriptUrl === 'string'
@@ -20,6 +28,21 @@ function isValidCustomScriptUrl(scriptUrl: string): boolean {
  );
 }
 
+function getIconFontTypes(scriptUrl: string): void {
+ try {
+ // will load scriptUrl form disk cache
+ fetch(scriptUrl)
+ .then((r) => r.text())
+ .then((result) => {
+ // Since Safari doesn't support trailing assertion, matchAll is used here. See here for details：https://stackoverflow.com/a/51568859
+ const matches = result.matchAll(/(?:<symbol id=")(\S*)(?=")/g);
+ [...matches].forEach((match) => iconFontTypes.add(match[1]))
+ });
+ } catch (e) {
+ console.log("iconfont types load failed", e);
+ }
+}
+
 function createScriptUrlElements(scriptUrls: string[], index: number = 0): void {
  const currentScriptUrl = scriptUrls[index];
  if (isValidCustomScriptUrl(currentScriptUrl)) {
@@ -28,6 +51,7 @@ function createScriptUrlElements(scriptUrls: string[], index: number = 0): void
  script.setAttribute('data-namespace', currentScriptUrl);
  if (scriptUrls.length > index + 1) {
  script.onload = () => {
+ getIconFontTypes(currentScriptUrl);
  createScriptUrlElements(scriptUrls, index + 1);
  };
  script.onerror = () => {
@@ -78,9 +102,10 @@ export default function create(options: CustomIconOptions = {}): React.SFC<IconF
  {content}
  </Icon>
  );
- });
+ }) as CompoundedComponent;
 
  Iconfont.displayName = 'Iconfont';
+ Iconfont.iconFontTypes = iconFontTypes;
 
  return Iconfont;
 }