feat: symbol_url is optional to against local_svgs

Author: fwh1990

scripts/config/demo-js-nonurl.json

@@ -0,0 +1,7 @@
+{
+  "use_typescript": false,
+  "save_dir": "./snapshots/demo-js-nonurl",
+  "trim_icon_prefix": "icon",
+  "default_icon_size": 18,
+  "local_svgs": "./localSvgs"
+}

scripts/config/demo-ts-nonurl.json

@@ -0,0 +1,7 @@
+{
+  "use_typescript": true,
+  "save_dir": "./snapshots/demo-ts-nonurl",
+  "trim_icon_prefix": "icon",
+  "default_icon_size": 20,
+  "local_svgs": "./localSvgs"
+}

scripts/update-snapshot.sh

@@ -7,3 +7,9 @@ npx ts-node src/commands/createIcon.ts
 
 cp -f ./scripts/config/demo-ts.json ./iconfont.json
 npx ts-node src/commands/createIcon.ts
+
+cp -f ./scripts/config/demo-js-nonurl.json ./iconfont.json
+npx ts-node src/commands/createIcon.ts
+
+cp -f ./scripts/config/demo-ts-nonurl.json ./iconfont.json
+npx ts-node src/commands/createIcon.ts

snapshots/demo-js-nonurl/IconClassSvg.d.ts

@@ -0,0 +1,15 @@
+/* eslint-disable */
+
+import { FunctionComponent } from 'react';
+// Don't forget to install package: @types/react-native
+import { ViewProps } from 'react-native';
+import { GProps } from 'react-native-svg';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+declare const IconClassSvg: FunctionComponent<Props>;
+
+export default IconClassSvg;

snapshots/demo-js-nonurl/IconClassSvg.js

@@ -0,0 +1,40 @@
+/* eslint-disable */
+
+import React from 'react';
+import { SvgCss } from 'react-native-svg';
+
+const xml = `
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+
+        circle.myGreen {
+           stroke: #006600;
+           fill:   #00cc00;
+        }
+       circle.myRed {
+       stroke: #660000;
+       fill:   #cc0000;
+    }
+
+      ]]>
+  </style>
+
+  <circle class="myGreen" cx="40" cy="40" r="24"/>
+  <circle class="myRed" cx="40" cy="100" r="24"/>
+</svg>
+`
+
+let IconClassSvg = ({ size, color, ...rest }) => {
+  return (
+    <SvgCss xml={xml}  width={size} height={size} {...rest} />
+  );
+};
+
+IconClassSvg.defaultProps = {
+  size: 18,
+};
+
+IconClassSvg = React.memo ? React.memo(IconClassSvg) : IconClassSvg;
+
+export default IconClassSvg;

snapshots/demo-js-nonurl/IconInlineStyle.d.ts

@@ -0,0 +1,15 @@
+/* eslint-disable */
+
+import { FunctionComponent } from 'react';
+// Don't forget to install package: @types/react-native
+import { ViewProps } from 'react-native';
+import { GProps } from 'react-native-svg';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+declare const IconInlineStyle: FunctionComponent<Props>;
+
+export default IconInlineStyle;

snapshots/demo-js-nonurl/IconInlineStyle.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+
+import React from 'react';
+import { SvgCss } from 'react-native-svg';
+
+const xml = `
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+
+        circle {
+           stroke: #006600;
+           fill:   #00cc00;
+        }
+
+      ]]>
+  </style>
+  <circle cx="40" cy="40" r="24"/>
+</svg>
+`
+
+let IconInlineStyle = ({ size, color, ...rest }) => {
+  return (
+    <SvgCss xml={xml}  width={size} height={size} {...rest} />
+  );
+};
+
+IconInlineStyle.defaultProps = {
+  size: 18,
+};
+
+IconInlineStyle = React.memo ? React.memo(IconInlineStyle) : IconInlineStyle;
+
+export default IconInlineStyle;

snapshots/demo-js-nonurl/IconNormal.d.ts

@@ -0,0 +1,15 @@
+/* eslint-disable */
+
+import { FunctionComponent } from 'react';
+// Don't forget to install package: @types/react-native
+import { ViewProps } from 'react-native';
+import { GProps } from 'react-native-svg';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+declare const IconNormal: FunctionComponent<Props>;
+
+export default IconNormal;

snapshots/demo-js-nonurl/IconNormal.js

@@ -0,0 +1,24 @@
+/* eslint-disable */
+
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+const xml = `
+<svg xmlns="http://www.w3.org/2000/svg">
+  <circle cx="40" cy="40" r="24" stroke="#000000" fill="#00ff00"/>
+</svg>
+`
+
+let IconNormal = ({ size, color, ...rest }) => {
+  return (
+    <SvgXml xml={xml}  width={size} height={size} {...rest} />
+  );
+};
+
+IconNormal.defaultProps = {
+  size: 18,
+};
+
+IconNormal = React.memo ? React.memo(IconNormal) : IconNormal;
+
+export default IconNormal;

snapshots/demo-js-nonurl/IconStyle.d.ts

@@ -0,0 +1,15 @@
+/* eslint-disable */
+
+import { FunctionComponent } from 'react';
+// Don't forget to install package: @types/react-native
+import { ViewProps } from 'react-native';
+import { GProps } from 'react-native-svg';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+declare const IconStyle: FunctionComponent<Props>;
+
+export default IconStyle;