{"bugs":{"url":"https://github.com/alibaba/rax/issues"},"dist":{"shasum":"38968dcd3a235b48b1b387e7b1212f8b7fd05aa1","tarball":"https://registry.npmjs.org/rax-icon/-/rax-icon-1.0.0-beta.0.tgz","fileCount":4,"integrity":"sha512-Kt5YCSF68NIZbWUAA4YVjM6HydTqtmSXKFXFizIIHVwfqgDS15ja/f9RquNbmzltxfsayOA/TxnSCIGRnSBR8w==","signatures":[{"sig":"MEUCIQDbUBYJjd8O+BR2YB29U8BbENSS8m9LEDo8d23Pn0NMTAIgIQSJt4+yEF/CKdQFTkDCCHeGEa14Jqn54oUaSGu59NY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHcDcCRA9TVsSAnZWagAA7QIQAJG7zYo+5vZKnJZh0aUN\ncwwshnYVrWdQlk1jjGyhhRu2n7yyF2E+Lwp6+7odcfVT1NRtUB2TO2ARNMPP\nDW0j4xDDY5gskE6WXRJziLpoxZAmAp2cRQVZNyuDaDstzSQBbMkQspPX2jz9\nkHyPQT29qyIc7vpXbWsdgNGV2g9j9sxj/9Qtb2ypwGDYLCTvf42pITFPffoD\n3OKwmYFh6H21Yr9A0lvhwgmsxDM2omiV1aoh/OcsO+iSEhDgKvNzlp9pohtk\nLR8Z/O1s+M/R/r8pB1ojoklbv2SHgPD1BP7a5JAueiCopKxWmiMFvGm8ZQuk\nVlErddtQHzl6bXnCGg9KdCBjFBfG7feRmuRI/9PvvIrqQPSXunkvjKPjnblC\nE7B3WMuMbOAoC2OfknmDDcA40qpkbTFJ79YDT/rFRYs3P+XhuU7+VvCffG8D\niMaMJ2ahZtigzOr+Y3Gh5pTuYG8HlB5TXlJDL+MigPBgMVnHrpjzUN2LC9Yv\nO+aFFVn8Mh82WSv65+3AT1OJ87JbizM5MLqdM7jxVlhy6GuWLBJm4XqYsocu\nGhwdu5Z0t3Mb2VAgIoTlmVHoEo9qbBTu+nyAQfDK4bnThWZXY9oQjv7HK91u\nRe1qjOtN0anu5+T4HAYEv+cIKrDIAuuR3J1fHYv+ro6ly0lBvU2MS77KkeMF\nfLiI\r\n=hCAw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-icon","types":"lib/index.d.ts","readme":"# Icon \n\n[![npm](https://img.shields.io/npm/v/rax-icon.svg)](https://www.npmjs.com/package/rax-icon)\n\nIcon components to achieve the W3C standard IconFont interface.\n\n## Install\n\n```bash\n$ npm install rax-icon --save\n```\n\n## Import\n\n```jsx\nimport Icon, {createIconSet} from 'rax-icon';\n```\n\n## Init\n\nuse iconfont：\n\n```jsx\n<Icon style={{width: 100, height: 100}} fontFamily=\"iconfont\" source={{uri: '//at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf', codePoint: '\\uE60f'}}/>\n```\n\nuse image：\n\n```jsx\n<Icon style={{width: 100, height: 100}} source={{uri: icon}}/>\n```\n\nuse createIconSet：\n\n```jsx\nconst IconFont = createIconSet({ hello: '\\ue60f' }, 'iconfont', 'http://at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf');\n<IconFont name={'hello'}/>\n```\n\n## API\n\n### Props\n\n| name      | type       | default  | describe   |\n| :--------------- | :----- | :--- | :------------------------------------- |\n| source.uri       | String | ''   | image type icon URL, if it occurs, then font and codePoint two attribute failure |\n| fontFamily       | String | ''   | iconfont font family                    |\n| source.codePoint | String | ''   | iconfont code point                      |\n\n### Function\n\n- **IconComponent createIconSet(Object map, String name, String url);**\n\nParameter\n\n- map：Description character set mapping，eg：`{ hello: '\\ue60f' }`\n- name：Font name，example `'iconfont'`\n- url: Font file URL\n\nIconComponent props\n\n| name      | type       | default  | describe   |\n| :-------- | :----- | :--- | :----------- |\n| name      | String | ''   | Font name        |\n| codePoint | String | ''   | iconfont code point |\n\n## Example\n\n```jsx\n// demo\nimport { createElement, render, Component } from 'rax';\nimport View from 'rax-view';\nimport Icon, {createIconSet} from 'rax-icon';\n\nconst IconFont1 = createIconSet({}, 'iconfont', 'https://at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf');\nconst IconFont2 = createIconSet({\n    hello: '\\uE60f'\n  }, 'iconfont', 'https://at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf');\nconst icon = 'https://gw.alicdn.com/tfs/TB1KRRuQXXXXXbwapXXXXXXXXXX-200-200.png';\n\nclass Demo extends Component {\n  render() {\n    return (\n      <View>\n        <Icon source={{uri: icon}}/>\n        <Icon fontFamily=\"iconfont\" source={{uri: 'https://at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf', codePoint: '\\uE60f'}}/>\n        <IconFont1 codePoint={'\\uE60f'}/>\n        <IconFont2 name={'hello'}/>\n      </View>\n    );\n  }\n}\n\nrender(<Demo />);\n```\n\n","engines":{"npm":">=3.0.0"},"gitHead":"89d865e6c133a1d13651016926e04ad6bd8f3663","license":"BSD-3-Clause","scripts":{"lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","test":"rax-scripts test","build":"npm run clean && rax-scripts build --type 'component'","clean":"rm -rf ./lib && rm -rf ./package-lock.json","start":"rax-scripts start --type 'component' -p 8000","miniapp":"rax-scripts start --type 'component-miniapp'","prepublishOnly":"npm run build"},"_npmUser":{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-icon.git","type":"git"},"_npmVersion":"6.9.0","description":"icon component for Rax.","directories":{},"maintainers":[{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},{"name":"wintercn","email":"csf178@gmail.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"}],"_nodeVersion":"8.11.1","dependencies":{"rax-text":"^1.0.1-beta.0","rax-image":"^1.0.1-beta.1","prop-types":"^15.7.2","universal-env":"^0.6.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.0.0","eslint":"^5.16.0","csstype":"^2.6.4","@types/jest":"^24.0.12","driver-weex":"^1.0.0","rax-scripts":"1.2.1","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","driver-universal":"^1.0.0-beta.5","eslint-config-rax":"^0.0.0","rax-test-renderer":"^1.0.0","@typescript-eslint/parser":"^1.7.0","@typescript-eslint/eslint-plugin":"^1.7.0"},"peerDependencies":{"rax":"1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-icon_1.0.0-beta.0_1562231003677_0.6154204230901887","host":"s3://npm-registry-packages"},"_id":"rax-icon@1.0.0-beta.0","version":"1.0.0-beta.0"}