Skip to content

Commit

Permalink
feat: add support taro-react generator
Browse files Browse the repository at this point in the history
  • Loading branch information
axetroy committed Aug 26, 2023
1 parent a797a35 commit d4e3772
Show file tree
Hide file tree
Showing 25 changed files with 913 additions and 3 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ IconFont Componentized 是一系列工具,用于生成 IconFont 组件用于
### 支持生成的框架/环境

- [React](packages/gen-react/__tests__/output.spec.1/)
- [Taro-React](packages/gen-taro-react/__tests__/output.spec.1/)
- [Vue](packages/gen-vue/__tests__/output.spec.1/)
- [WebComponent](packages/gen-web-component/__tests__/output.spec.1/)
- [DOM](packages/gen-dom/__tests__/output.spec.1/)
Expand Down
4 changes: 2 additions & 2 deletions packages/gen-react/__tests__/index.spec.js
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
import { DiskWriter, DEFAULT_CONFIG } from "@iconfont-componentized/share";

import ReactComponentGenerator from "../src/index";
import TaroReactComponentGenerator from "../src/index";
import path from "path";

describe("generate react", () => {
it("generate react 1", async () => {
await new ReactComponentGenerator(DiskWriter, DEFAULT_CONFIG).write("https://at.alicdn.com/t/font_caopq7l9o8t1emi.js", {
await new TaroReactComponentGenerator(DiskWriter, DEFAULT_CONFIG).write("https://at.alicdn.com/t/font_caopq7l9o8t1emi.js", {
outputDir: path.join(__dirname, "output.spec.1"),
});
});
Expand Down
Empty file.
46 changes: 46 additions & 0 deletions packages/gen-taro-react/LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
Copyright (c) 2023 Axetroy

Anti 996 License Version 1.0 (Draft)

Permission is hereby granted to any individual or legal entity
obtaining a copy of this licensed work (including the source code,
documentation and/or related items, hereinafter collectively referred
to as the "licensed work"), free of charge, to deal with the licensed
work for any purpose, including without limitation, the rights to use,
reproduce, modify, prepare derivative works of, distribute, publish
and sublicense the licensed work, subject to the following conditions:

1. The individual or the legal entity must conspicuously display,
without modification, this License and the notice on each redistributed
or derivative copy of the Licensed Work.

2. The individual or the legal entity must strictly comply with all
applicable laws, regulations, rules and standards of the jurisdiction
relating to labor and employment where the individual is physically
located or where the individual was born or naturalized; or where the
legal entity is registered or is operating (whichever is stricter). In
case that the jurisdiction has no such laws, regulations, rules and
standards or its laws, regulations, rules and standards are
unenforceable, the individual or the legal entity are required to
comply with Core International Labor Standards.

3. The individual or the legal entity shall not induce or force its
employee(s), whether full-time or part-time, or its independent
contractor(s), in any methods, to agree in oral or written form, to
directly or indirectly restrict, weaken or relinquish his or her
rights or remedies under such laws, regulations, rules and standards
relating to labor and employment as mentioned above, no matter whether
such written or oral agreement are enforceable under the laws of the
said jurisdiction, nor shall such individual or the legal entity
limit, in any methods, the rights of its employee(s) or independent
contractor(s) from reporting or complaining to the copyright holder or
relevant authorities monitoring the compliance of the license about
its violation(s) of the said license.

THE LICENSED WORK IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM,
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN ANY WAY CONNECTION WITH THE
LICENSED WORK OR THE USE OR OTHER DEALINGS IN THE LICENSED WORK.
1 change: 1 addition & 0 deletions packages/gen-taro-react/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[Docs](https://github.com/axetroy/iconfont-componentized)
12 changes: 12 additions & 0 deletions packages/gen-taro-react/__tests__/index.spec.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import { DiskWriter, DEFAULT_CONFIG } from "@iconfont-componentized/share";

import ReactComponentGenerator from "../src/index";
import path from "path";

describe("generate react", () => {
it("generate react 1", async () => {
await new ReactComponentGenerator(DiskWriter, DEFAULT_CONFIG).write("https://at.alicdn.com/t/font_caopq7l9o8t1emi.js", {
outputDir: path.join(__dirname, "output.spec.1"),
});
});
});
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// generate by iconfont-componentized

import React from "react";
import { ImageProps } from '@tarojs/components';

declare var IconFontAnonymousIconfont: React.FC<ImageProps & { size?: number | string }>;

export default IconFontAnonymousIconfont;
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
// generate by iconfont-componentized
import React, { memo, useMemo } from 'react';
import { Image } from '@tarojs/components';

function IconFontAnonymousIconfont (props) {
const classNames = useMemo(() => {
const classNameParts = ['icon-font', 'icon-font-anonymous-iconfont'];

if (props.className) {
classNameParts.push(props.className);
}

return classNameParts.join(' ');
}, [props.className]);

const src = useMemo(() => {
return "data:image/svg+xml;base64,UEhOMlp5QjJhV1YzUW05NFBTSXdJREFnTVRBeU5DQXhNREkwSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QWHR3Y205d2N5NXphWHBsZlNCb1pXbG5hSFE5ZTNCeWIzQnpMbk5wZW1WOUlIc3VMaTV3Y205d2MzMGdZMnhoYzNOT1lXMWxQWHRqYkdGemMwNWhiV1Z6ZlQ0S0lDQWdJRHh3WVhSb0lHUTlJazAxTVRJdU1ERTNPVEE0SURFeU5pNDNOVFE0T1RKakxUSXhNQzQzTVRneE9Ea2dNQzB6T0RFdU5USTNORE0ySURFM01pNHdNVGs0TVRrdE16Z3hMalV5TnpRek5pQXpPRFF1TWpJeE9EQXljekUzTUM0NE1Ea3lORGNnTXpnMExqSXlNVGd3TWlBek9ERXVOVEkzTkRNMklETTROQzR5TWpFNE1ESWdNemd4TGpVME16Z3dPUzB4TnpJdU1ERTVPREU1SURNNE1TNDFORE00TURrdE16ZzBMakl5TVRnd01sTTNNakl1TnpNMk1EazNJREV5Tmk0M05UUTRPVElnTlRFeUxqQXhOemt3T0NBeE1qWXVOelUwT0RreWVrMDNNREl1TnprNU1ESXlJRFV5TWk0d05qTXhPVE5qTUNBeE5pNHpNemd4TURjdE1UTXVNVFE1TkRnMUlESTVMalUzTXpVME9TMHlPUzR6TlRJMU1UVWdNamt1TlRjek5UUTVURE0xTUM0Mk1EWTNNRFVnTlRVeExqWXpOamMwTW1NdE1UWXVNakF5TURBM0lEQXRNamt1TXpNMU1URTVMVEV6TGpJek5UUTBNaTB5T1M0ek16VXhNVGt0TWprdU5UY3pOVFE1YkRBdE1qa3VOVE01Tnpoak1DMHhOaTR6TXpreE15QXhNeTR4TXpJd09EZ3RNamt1TlRjek5UUTVJREk1TGpNek5URXhPUzB5T1M0MU56TTFORGxzTXpJeUxqZ3pPVGd3TXlBd1l6RTJMakl3TXpBeklEQWdNamt1TXpVeU5URTFJREV6TGpJek5UUTBNaUF5T1M0ek5USTFNVFVnTWprdU5UY3pOVFE1VERjd01pNDNPVGt3TWpJZ05USXlMakEyTXpFNU0zb2lJQzgrQ2p3dmMzWm5QZz09"
}, [])

const styles = useMemo(() => {
return {
width: props.size,
height: props.size,
...(props.style || {})
}
}, [props.size, props.style])

return <Image className={classNames} {...props} style={styles} src={src}/>
}

IconFontAnonymousIconfont.displayName = 'IconFontAnonymousIconfont';

IconFontAnonymousIconfont.defaultProps = {
size: 32
}

export default memo(IconFontAnonymousIconfont)
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// generate by iconfont-componentized

import React from "react";
import { ImageProps } from '@tarojs/components';

declare var IconFontBriefcase: React.FC<ImageProps & { size?: number | string }>;

export default IconFontBriefcase;
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
// generate by iconfont-componentized
import React, { memo, useMemo } from 'react';
import { Image } from '@tarojs/components';

function IconFontBriefcase (props) {
const classNames = useMemo(() => {
const classNameParts = ['icon-font', 'icon-font-briefcase'];

if (props.className) {
classNameParts.push(props.className);
}

return classNameParts.join(' ');
}, [props.className]);

const src = useMemo(() => {
return "data:image/svg+xml;base64,UEhOMlp5QjJhV1YzUW05NFBTSXdJREFnTVRBeU5DQXhNREkwSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QWHR3Y205d2N5NXphWHBsZlNCb1pXbG5hSFE5ZTNCeWIzQnpMbk5wZW1WOUlIc3VMaTV3Y205d2MzMGdZMnhoYzNOT1lXMWxQWHRqYkdGemMwNWhiV1Z6ZlQ0S0lDQWdJRHh3WVhSb0lHUTlJazAwTWpFdU5qUTNNRFU1SURjNE15NHdOVGc0TWpSc01DMDVNQzR6TlRJNU5ERWdOakF1TWpNMU1qazBJREFnTUNBek1DNHhNVGMyTkRjZ05qQXVNak0xTWprMElEQWdNQzB6TUM0eE1UYzJORGNnTmpBdU1qTTFNamswSURBZ01DQTVNQzR6TlRJNU5ERXRNVGd3TGpjd05UZzRNaUF3ZWsweE1ESTBJRFkyTWk0MU9EZ3lNelZzTFRZd0xqSXpOVEk1TkNBd0lEQWdNell4TGpReE1UYzJOUzA1TURNdU5USTVOREV5SURBZ01DMHpOakV1TkRFeE56WTFMVFl3TGpJek5USTVOQ0F3SURBdE5EZ3hMamc0TWpNMU15QXlNVGN1T0RFd09ESTBJREJqTlRZdU5UQXdOekEyTFRFeE1DNHlNekExT0RnZ01UWTRMamsyTFRFNE1DNDNNRFU0T0RJZ01qazBMakU0T1RFM05pMHhPREF1TnpBMU9EZ3ljekl6Tnk0M05EZzNNRFlnTnpBdU5UTTFOVEk1SURJNU5DNHhPRGt4TnpZZ01UZ3dMamN3TlRnNE1td3lNVGN1T0RFd09ESTBJREFnTUNBME9ERXVPRGd5TXpVemVrMHlPRGN1TWpZeU1URTRJREU0TUM0M01EVTRPREpzTkRRNUxqVTVOakl6TlNBd1l5MDBPUzQyT1RReE1UZ3ROelF1TWpjd01URTRMVEV6TXk0eE1pMHhNakF1TkRjd05UZzRMVEl5TkM0M09UZ3hNVGd0TVRJd0xqUTNNRFU0T0hNdE1UYzFMakV3TkNBME5pNHlOakEzTURZdE1qSTBMamM1T0RFeE9DQXhNakF1TkRjd05UZzRlazA1TURNdU5USTVOREV5SURZMk1pNDFPRGd5TXpWc0xUYzRNeTR3TlRnNE1qUWdNQ0F3SURNd01TNHhOelkwTnpFZ056Z3pMakExT0RneU5DQXdJREF0TXpBeExqRTNOalEzTVhwTk9UWXpMamMyTkRjd05pQXlOREF1T1RReE1UYzJiQzA1TURNdU5USTVOREV5SURBZ01DQXpOakV1TkRFeE56WTFJRGt3TXk0MU1qazBNVElnTUNBd0xUTTJNUzQwTVRFM05qVjZJaUF2UGdvOEwzTjJaejQ9"
}, [])

const styles = useMemo(() => {
return {
width: props.size,
height: props.size,
...(props.style || {})
}
}, [props.size, props.style])

return <Image className={classNames} {...props} style={styles} src={src}/>
}

IconFontBriefcase.displayName = 'IconFontBriefcase';

IconFontBriefcase.defaultProps = {
size: 32
}

export default memo(IconFontBriefcase)
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// generate by iconfont-componentized

import React from "react";
import { ImageProps } from '@tarojs/components';

declare var IconFontCanjuYongcan: React.FC<ImageProps & { size?: number | string }>;

export default IconFontCanjuYongcan;
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
// generate by iconfont-componentized
import React, { memo, useMemo } from 'react';
import { Image } from '@tarojs/components';

function IconFontCanjuYongcan (props) {
const classNames = useMemo(() => {
const classNameParts = ['icon-font', 'icon-font-canju-yongcan'];

if (props.className) {
classNameParts.push(props.className);
}

return classNameParts.join(' ');
}, [props.className]);

const src = useMemo(() => {
return "data:image/svg+xml;base64,UEhOMlp5QjJhV1YzUW05NFBTSXdJREFnTVRBeU5DQXhNREkwSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QWHR3Y205d2N5NXphWHBsZlNCb1pXbG5hSFE5ZTNCeWIzQnpMbk5wZW1WOUlIc3VMaTV3Y205d2MzMGdZMnhoYzNOT1lXMWxQWHRqYkdGemMwNWhiV1Z6ZlQ0S0lDQWdJRHh3WVhSb0lHUTlJazB6TlRFdU56UTNNREV4SURJNE1pNDJOelV3TlRGb05qRXVOamt4T1RrMmJERTBMakUyTVRrNU9TMHlOakl1T1RVMk9UZ3lhRFEyTGpVeE9UazVOMVl5TVRZdU9UUXdNRFUxWXpBZ016VXVNVFU0T1RrNElETXVOekl6SURjM0xqTXhNams1TlMwMUxqQTFOaUF4TURVdU1UYzVPVGt6TFRFeUxqazNORGs1T1NBME1TNHhPVEE1T1RjdE5USXVPRE01T1RrMklEYzRMak0zTlRrNU5TMDVOUzR3TmpjNU9UUWdPVEF1TURFd09UazBkalUzTnk0ME9EWTVObU10TXpZdU5EYzNPVGs0SURJNExqWXhNams1T0MwMU5DNHlNRGs1T1RZZ01qWXVOVEV5T1RrNExUa3hMakF5TURrNU15QXdkaTAxTnpjdU5EZzVPVFpNTWpRM0xqVTRNREF4T0NBek9UY3VPVGN3TURRell5MHlNUzQzTXprNU9Ua3RPUzR6T1RFNU9Ua3RORE11TURFd09UazNMVEl5TGprd016azVPQzAxTkM0Mk1UVTVPVFl0TkRJdU5EYzNPVGszTFRFMkxqTTBOems1T1MweU55NDFOams1T1RndE1UUXVNVFUwT1RrNUxUY3lMakUxTXprNU5TMHhOQzR4TlRRNU9Ua3RNVEUyTGpNd05EazVNbFl4T1M0M01qSXdOamxvTkRRdU5Ea3pPVGszYkRJeExqSXpPVGs1T0NBeU5qSXVPVFV5T1RneWFEVXlMalU1TXprNU4ydzNMakEzTlRrNU9TMHlOamt1TURJeU9UZ3lJRFF5TGpRM056azVOeUF4TGpBeE15QTFMakExTmlBeU5qZ3VNREE1T1RneWVrMDFPVGN1TlRBNE9UazBJREV1TlRFM01EZGpNVGd1TlRFMk9UazVMVEF1TWpJMklERXhPUzR4TnpBNU9USXROQzR6TkRNZ01USTJMalF4TmprNU1pQXlMakF5TXlBeU1pNHpOams1T1RnZ01Ua3VORGszT1RrNUlETTBMakV6TVRrNU9DQTFNeTQwT0RZNU9UWWdORGt1TlRVMk9UazJJRGM1TGpnNU5qazVOQ0F6TUM0NU56azVPVGdnTlRNdU1ETTVPVGsySURRNUxqazVPVGs1TnlBeE1UWXVPVE13T1RreUlEWTBMamN5TkRrNU5pQXhPRFl1TURnNU9UZzRiRFl1TURZNU9UazVJRFl4TGpZNU1EazVOU0F4TGpBeE15QTJOUzQzTXpnNU9UWmpMVFVnTWprdU9USXlPVGs0TFRrdU1ERXlPVGs1SURVNUxqWXhNVGs1TmkweE15NHhORGc1T1RrZ09EWXVPVGMwT1RrMGFDMHhNRGt1TWpJNU9Ua3lkalUwTUM0d05qUTVOak5JTlRrM0xqVXdPVGs1TkZZeExqVXhOREEzZWlJZ0x6NEtQQzl6ZG1jKw=="
}, [])

const styles = useMemo(() => {
return {
width: props.size,
height: props.size,
...(props.style || {})
}
}, [props.size, props.style])

return <Image className={classNames} {...props} style={styles} src={src}/>
}

IconFontCanjuYongcan.displayName = 'IconFontCanjuYongcan';

IconFontCanjuYongcan.defaultProps = {
size: 32
}

export default memo(IconFontCanjuYongcan)
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// generate by iconfont-componentized

import React from "react";
import { ImageProps } from '@tarojs/components';

declare var IconFontJia: React.FC<ImageProps & { size?: number | string }>;

export default IconFontJia;
37 changes: 37 additions & 0 deletions packages/gen-taro-react/__tests__/output.spec.1/IconFontJia.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
// generate by iconfont-componentized
import React, { memo, useMemo } from 'react';
import { Image } from '@tarojs/components';

function IconFontJia (props) {
const classNames = useMemo(() => {
const classNameParts = ['icon-font', 'icon-font-jia'];

if (props.className) {
classNameParts.push(props.className);
}

return classNameParts.join(' ');
}, [props.className]);

const src = useMemo(() => {
return "data:image/svg+xml;base64,UEhOMlp5QjJhV1YzUW05NFBTSXdJREFnTVRBeU5DQXhNREkwSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QWHR3Y205d2N5NXphWHBsZlNCb1pXbG5hSFE5ZTNCeWIzQnpMbk5wZW1WOUlIc3VMaTV3Y205d2MzMGdZMnhoYzNOT1lXMWxQWHRqYkdGemMwNWhiV1Z6ZlQ0S0lDQWdJRHh3WVhSb0lHUTlJazAxTVRRdU1EUTRJRFl5TGpRMk5IRTVNeTR4T0RRZ01DQXhOelV1TmpFMklETTFMak15T0hReE5ETXVPRGN5SURrMkxqYzJPQ0E1Tmk0M05qZ2dNVFF6TGpnM01pQXpOUzR6TWpnZ01UYzFMall4Tm5Fd0lEazBMakl3T0Mwek5TNHpNamdnTVRjMkxqRXlPSFF0T1RZdU56WTRJREUwTXk0ek5pMHhORE11T0RjeUlEazJMamMyT0MweE56VXVOakUySURNMUxqTXlPSEV0T1RRdU1qQTRJREF0TVRjMkxqWTBMVE0xTGpNeU9IUXRNVFF6TGpnM01pMDVOaTQzTmpndE9UWXVOelk0TFRFME15NHpOaTB6TlM0ek1qZ3RNVGMyTGpFeU9IRXdMVGt6TGpFNE5DQXpOUzR6TWpndE1UYzFMall4Tm5RNU5pNDNOamd0TVRRekxqZzNNaUF4TkRNdU9EY3lMVGsyTGpjMk9DQXhOell1TmpRdE16VXVNekk0ZWswM056SXVNRGsySURVM05pNDFNVEp4TWpZdU5qSTBJREFnTkRVdU1EVTJMVEU0TGprME5IUXhPQzQwTXpJdE5EVXVOVFk0TFRFNExqUXpNaTAwTlM0d05UWXRORFV1TURVMkxURTRMalF6TW13dE1Ua3lMalV4TWlBd0lEQXRNVGt5TGpVeE1uRXdMVEkyTGpZeU5DMHhPQzQ1TkRRdE5EVXVOVFk0ZEMwME5TNDFOamd0TVRndU9UUTBMVFExTGpBMU5pQXhPQzQ1TkRRdE1UZ3VORE15SURRMUxqVTJPR3d3SURFNU1pNDFNVEl0TVRreUxqVXhNaUF3Y1MweU5pNDJNalFnTUMwME5TNHdOVFlnTVRndU5ETXlkQzB4T0M0ME16SWdORFV1TURVMklERTRMalF6TWlBME5TNDFOamdnTkRVdU1EVTJJREU0TGprME5Hd3hPVEl1TlRFeUlEQWdNQ0F4T1RFdU5EZzRjVEFnTWpZdU5qSTBJREU0TGpRek1pQTBOUzQxTmpoME5EVXVNRFUySURFNExqazBOQ0EwTlM0MU5qZ3RNVGd1T1RRMElERTRMamswTkMwME5TNDFOamhzTUMweE9URXVORGc0SURFNU1pNDFNVElnTUhvaUlDOCtDand2YzNablBnPT0="
}, [])

const styles = useMemo(() => {
return {
width: props.size,
height: props.size,
...(props.style || {})
}
}, [props.size, props.style])

return <Image className={classNames} {...props} style={styles} src={src}/>
}

IconFontJia.displayName = 'IconFontJia';

IconFontJia.defaultProps = {
size: 32
}

export default memo(IconFontJia)
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// generate by iconfont-componentized

import React from "react";
import { ImageProps } from '@tarojs/components';

declare var IconFontJiesuan: React.FC<ImageProps & { size?: number | string }>;

export default IconFontJiesuan;
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
// generate by iconfont-componentized
import React, { memo, useMemo } from 'react';
import { Image } from '@tarojs/components';

function IconFontJiesuan (props) {
const classNames = useMemo(() => {
const classNameParts = ['icon-font', 'icon-font-jiesuan'];

if (props.className) {
classNameParts.push(props.className);
}

return classNameParts.join(' ');
}, [props.className]);

const src = useMemo(() => {
return "data:image/svg+xml;base64,UEhOMlp5QjJhV1YzUW05NFBTSXdJREFnTVRBeU5DQXhNREkwSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QWHR3Y205d2N5NXphWHBsZlNCb1pXbG5hSFE5ZTNCeWIzQnpMbk5wZW1WOUlIc3VMaTV3Y205d2MzMGdZMnhoYzNOT1lXMWxQWHRqYkdGemMwNWhiV1Z6ZlQ0S0lDQWdJRHh3WVhSb0lHUTlJazB6T0RNZ09EY3pMalJqTFRJNExqZ2dNQzAxTWk0MExUSXpMall0TlRJdU5DMDFNaTQwSURBdE1qZ3VPQ0F5TXk0MkxUVXlMalFnTlRJdU5DMDFNaTQwSURJNUlEQWdOVEl1TkNBeU15NDJJRFV5TGpRZ05USXVORU0wTXpVdU5DQTROVEFnTkRFeExqZ2dPRGN6TGpRZ016Z3pJRGczTXk0MFRETTRNeUE0TnpNdU5IcE5Nemd6SURnM015NDBJaUF2UGdvZ0lDQWdQSEJoZEdnZ1pEMGlUVGMwTXk0MklEZzNNeTQwWXkweU9TQXdMVFV5TGpRdE1qTXVOaTAxTWk0MExUVXlMalFnTUMweU9DNDRJREl6TGpZdE5USXVOQ0ExTWk0MExUVXlMalFnTWprZ01DQTFNaTQwSURJekxqWWdOVEl1TkNBMU1pNDBRemM1TmlBNE5UQWdOemN5TGpRZ09EY3pMalFnTnpRekxqWWdPRGN6TGpSTU56UXpMallnT0RjekxqUjZUVGMwTXk0MklEZzNNeTQwSWlBdlBnb2dJQ0FnUEhCaGRHZ2daRDBpVFRNM05pNHlJRGMwTkM0Mll5MHpOeTQySURBdE56QXVOaTB5T1M0MkxUYzFMakl0TmpjdU5td3RORE11Tmkwek1EY3VOQzB5TkM0NExURTBOR010TVM0MExURXhMall0TVRJdU1pMHlNaTB5TXk0eUxUSXlUREUzTmk0MElESXdNeTQyWXkweE5DNDJJREF0TWpZdU5pMHhNaTB5Tmk0MkxUSTJMallnTUMweE5DNDJJREV5TFRJMkxqWWdNall1TmkweU5pNDJiRE15TGpnZ01HTXpPQ0F3SURjeExqUWdNamt1TmlBM05pQTJOeTQwYkRJMExqZ2dNVFF6TGpSTU16VTBJRFkzTUM0eVl6RXVOQ0F4TVM0eUlERXhMamdnTWpFdU1pQXlNaTR5SURJeExqSnNOREU0TGpRZ01HTXhOQzQySURBZ01qWXVOaUF4TWlBeU5pNDJJREkyTGpZZ01DQXhOQzQyTFRFeUlESTJMall0TWpZdU5pQXlOaTQyVERNM05pNHlJRGMwTkM0MklETTNOaTR5SURjME5DNDJlazB6TnpZdU1pQTNORFF1TmlJZ0x6NEtJQ0FnSUR4d1lYUm9JR1E5SWswME1EZ3VOQ0EyTkRFdU5tTXRNVE11T0NBd0xUSTFMall0TVRBdU9DMHlOaTQyTFRJMExqWXRNQzQyTFRjZ01TNDRMVEUwSURZdU5DMHhPUzQwSURRdU5pMDFMalFnTVRFdE9DNDJJREU0TGpJdE9TNHliRE0wT1M0MkxUSTFMamhqTVRJZ01DQXlNaTQyTFRrdU1pQXlOQzB5TUM0NGJEUXdMall0TWpNeVl6RXRPQzQ0TFRFdU5DMHhPQzAyTGpJdE1qTXVOQzB6TGpJdE15NDJMVGN0TlM0MExURXhMall0TlM0MGJDMDBORFlnTUdNdE1UUXVPQ0F3TFRJMkxqWXRNVEl0TWpZdU5pMHlOaTQySURBdE1UUXVOaUF4TWkweU5pNDJJREkyTGpZdE1qWXVObXcwTkRZZ01HTXlNQ0F3SURNNExqSWdPQzR5SURVeExqWWdNak11TkNBeE5TNHlJREUzTGpJZ01qSXVNaUEwTVM0MElERTVMaklnTmpZdU5Hd3ROREF1TmlBeU16SmpMVEl1TWlBeE9DMHhNUzR5SURNMExqWXRNalVnTkRjdE1UUWdNVEl1TkMwek1TNDJJREU1TGpRdE5Ea3VPQ0F4T1M0MGJDMHpORGN1TmlBeU5TNDJURFF3T0M0MElEWTBNUzQySURRd09DNDBJRFkwTVM0MmVrMDBNRGd1TkNBMk5ERXVOaUlnTHo0S1BDOXpkbWMr"
}, [])

const styles = useMemo(() => {
return {
width: props.size,
height: props.size,
...(props.style || {})
}
}, [props.size, props.style])

return <Image className={classNames} {...props} style={styles} src={src}/>
}

IconFontJiesuan.displayName = 'IconFontJiesuan';

IconFontJiesuan.defaultProps = {
size: 32
}

export default memo(IconFontJiesuan)
22 changes: 22 additions & 0 deletions packages/gen-taro-react/__tests__/output.spec.1/index.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
// generate by iconfont-componentized

import React from 'react';
import { ImageProps } from '@tarojs/components';

export type IconFontName = 'jia' | 'briefcase' | 'anonymous-iconfont' | 'jiesuan' | 'canju-yongcan';

import IconFontJia from './IconFontJia';
import IconFontBriefcase from './IconFontBriefcase';
import IconFontAnonymousIconfont from './IconFontAnonymousIconfont';
import IconFontJiesuan from './IconFontJiesuan';
import IconFontCanjuYongcan from './IconFontCanjuYongcan';

export { IconFontJia };
export { IconFontBriefcase };
export { IconFontAnonymousIconfont };
export { IconFontJiesuan };
export { IconFontCanjuYongcan };

declare var IconFont: React.FC<ImageProps & { name: IconFontName, size?: number | string }>;

export default IconFont;
Loading

0 comments on commit d4e3772

Please sign in to comment.