{"bugs":{"url":"https://github.com/alibaba/rax/issues"},"dist":{"shasum":"6e89f58248fb2dfb7e87cbc3a4acc005ee3e41c0","tarball":"https://registry.npmjs.org/rax-image/-/rax-image-1.0.0-beta.0.tgz","fileCount":17,"integrity":"sha512-5ilkPMCpE0lPBV1IXw2sc/obOX/TMvxBBN64EGxcSxy+ykm36MivcVJKHrAhJj//rkPY21ZnVdry13YrLeIEpw==","signatures":[{"sig":"MEUCIAJkXaO/o0rpO61DkwVm1mJ/9UTsLwSUNBz5TZsrwhk1AiEAriHzASeEmkKgTd/adFc39sISQ2+xBJIBkm+5X7TniqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcncBmCRA9TVsSAnZWagAAPNAP/1HGGSu5qC3gyLCa+XHP\n7oaF7ZGP4sIvBhxCxTYkuUbBIRUAXpCkE5pX9170q6lwTYWMUhbMVDZM6ozo\ndBp/r9JwpUPd/FRdek93XJYbh/Y8p6blMJ1M3Km+PzobF16IPEFp3AkIB+/v\ntIWObd/M7zfFyBF6mY0k66DFWxu9nMtKpxTaYJoeIy5HGXZf166DWA8wylaj\nooxERl8UZaS+uDDSLRmBIIgD62J6AG4fnejtWlQAJDPwByAGziBJ3APojhMe\ndAdA1Me1xN5cgGwlD82vUGsMFlIxYnwXPyYlZ337Tbf2AMP9X3K0DSL9AzGX\nNEWyh7rTj0EDNOVxh8rZSJek1D74/w3wskrKiiKygkYg9HBALuObhEUvOifO\nnbrlr2tLlPZOs/ABHhf9VfBrKnsx6eOfN22GiCCKsaxSbQyk1q/1mAGKvArm\nkKuII3MCGtote8dj5njVAXS+lE2UKjUOz/yc7X5cX3j5/zS7ab3bhG4ualfh\nIUF6fJGrBWD9QFjwQ5HvVgNwJzXpIVE4RLl71rlVQyb7r3LVk1Vwe1SuH+DA\n8C02plyvmdnx4nY4FGdj7qTsd9cf8c2k4Vjhl1MYY4mnmlw663UBT08th/tU\n+kO7qImZ3/r90vc9ca0jHoNbuWefY//KIciPyTbIdS4gucUDIjnN8pPMZfPP\n4AbR\r\n=YTUo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-image","readme":"# Image\n\n[![npm](https://img.shields.io/npm/v/rax-image.svg)](https://www.npmjs.com/package/rax-image)\n\nBased on the realization of the type of image, a better picture can be displayed using Picture components.\n\n\n## Install\n\n```bash\n$ npm install rax-image --save\n```\n\n## Import\n\n```jsx\nimport Image from 'rax-image';\n```\n\n## Props\n\n| name  | type   | default | describe |\n| :------------- | :----- | :------ | :--------------------------- |\n| source         | Object | ''      | set image uri                    |\n| fallbackSource | Object | ''      | load fallback image when source image load failed      |\n| style          | Object | ''      | if picture is not set wide high default is 0x0            |\n| resizeMode     | String | ''      | Decide how to resize the image when the component size and picture size are out of proportion |\n\nSupport any custom attributes.  \n\nresizeMode supported values include：contain、cover、stretch、center、repeat\n\n## Local image sample\n\nBefore you use it, check that image-source-loader is already enabled in webpack.config.js\n\n```jsx \nimport {createElement, Component, render} from 'rax';\nimport Image from 'rax-image';\n\nclass App extends Component {\n  render() {\n    return (\n      <Image\n        source={require('./path/to/your/image.png')}\n        fallbackSource={{\n          uri: 'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_70x70.jpg'\n        }}\n        resizeMode=\"cover\"\n      />\n    );\n  }\n}\n\nrender(<App />);\n```\n\n## URL image sample\n\n```jsx\n// demo\nimport {createElement, Component, render} from 'rax';\nimport Image from 'rax-image';\n\nclass App extends Component {\n  render() {\n    return (\n      <Image\n        source={{\n          uri: 'https://gw.alicdn.com/tfs/TB1g6AvPVXXXXa7XpXXXXXXXXXX-215-215.png'\n        }}\n        fallbackSource={{\n          uri: 'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_70x70.jpg'\n        }}\n        style={{\n          width: 100,\n          height: 100,\n        }}\n        resizeMode=\"cover\"\n      />\n    );\n  }\n}\n\nrender(<App />);\n```\n","engines":{"npm":">=3.0.0"},"gitHead":"74fcc665f018cc2fdf779e30c127f943c3454c02","license":"BSD-3-Clause","scripts":{"lint":"eslint --ext .js --ext .jsx ./src","test":"jest","build":"rax-scripts build","start":"rax-scripts start"},"_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-image.git","type":"git"},"_npmVersion":"6.4.1","description":"Image component for Rax.","directories":{},"maintainers":[{"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":"10.15.0","dependencies":{"rax-view":"1.0.0-beta.0","universal-env":"^0.6.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.0.0","jest":"^23.6.0","eslint":"^5.10.0","babel-core":"^7.0.0-bridge.0","babel-jest":"23.6.0","@babel/core":"7.2.0","rax-scripts":"^1.2.0","babel-eslint":"10.0.1","babel-preset-rax":"^0.6.5","@babel/preset-env":"7.2.0","rax-test-renderer":"^1.0.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","eslint-plugin-react":"~7.11.1","eslint-plugin-import":"^2.14.0","jest-localstorage-mock":"^2.3.0","@babel/plugin-transform-runtime":"^7.2.0","@babel/plugin-proposal-decorators":"7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0"},"peerDependencies":{"rax":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-image_1.0.0-beta.0_1553842278001_0.5543421192351012","host":"s3://npm-registry-packages"},"_id":"rax-image@1.0.0-beta.0","version":"1.0.0-beta.0"}