{"bugs":{"url":"https://github.com/alibaba/rax/issues"},"dist":{"shasum":"584b790e2e572339cf9b2565b599a0a84500d751","tarball":"https://registry.npmjs.org/rax-image/-/rax-image-1.0.1-beta.3.tgz","fileCount":24,"integrity":"sha512-iiBnCmhDYGsP/BHbKDWC+Q/Jai34py3ANjLQmr36DlpWPyeG04b40wDW/gM3p5qAxArGXsRMshnbGejR2SP7Nw==","signatures":[{"sig":"MEUCIEQVn/gUJcjisK3AMwkcwaVdRgYQ5PF0aNWI1d/P9mgzAiEAjmwIcdVhenWD3NuP4GhshtTruRBHNaeZTG3i8sfW83Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDJk5CRA9TVsSAnZWagAAQyUP/jRvwag9KnbZlDX7x/xO\nl4FRURGz+Z/rYMuVJR91UZr7JcsjbpyoCu7MMrkXIEer4iCVrGKjVcKVQqGW\nw5qdomC2GzSEig3qwpnwjsoWHTFzWJWu0TJxoqkwbkBCre99ebmm74HS5Upn\nIWuNVZMQdm+raTbtsLsK/87gOqGtFxEATqL6CyprDChlUiArbrN8t8G49nxF\neHINx6e4Kg5m78pWutksnWsk0uIKsrmOy6+x4MgMMp6CaF9iwCpu5XBYZnoc\nwPHLTNflQR+JxFCrHv9uHZivc+mAVnGAb3a0cFARLEDK4Alr1IjflQi4NV1p\nepi8smorLb1/YjmamEft/qUqrVUh456i/RvuRZ/l39cbhRo+UKg1MUiEFGoV\nsf/0R8Rjj/80hxFdnTa0PkjZoxyqKcFvLH/XEXvgO5tqFSeShFSOZl7JXGHX\n1rh3bVNYmSASJwejUpH2oRO9Zu/tCNRfwx3hiGTAzNV7y45kllZ/l1nYCuTO\n0bXk1r5EMmvgWW2EaYqMVxJUe+gIKpXRqOIDLLnHsHTr+omt5b3FI3xlLL0f\nO5v5Sp64lrgI7vstlkRC1f/Hi0oy8W/ERFN6uZBKKWFgaLEYU0Tk/QGAGJX8\n9lnbGQ3eiNmD/YamrZ2eIe+oFHxWgXixi/XMMHIkTiRgroS8EfzPLJ4va9Ae\n59df\r\n=aUBh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-image","types":"lib/index.d.ts","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":"4a2b09f7dc66738ac890385899a9274686742278","license":"BSD-3-Clause","scripts":{"lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src","test":"npm run build && 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":"marc.hy","email":"marc.hy@alibaba-inc.com"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component"],"repository":{"url":"git+https://github.com/raxjs/rax-image.git","type":"git"},"_npmVersion":"5.6.0","description":"Image component for Rax.","directories":{},"maintainers":[{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},{"name":"marc.hy","email":"marc.hy@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-view":"^1.0.1-beta.7","universal-env":"^0.6.6"},"miniappConfig":{"main":"lib/miniapp/index"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.0.0","eslint":"^5.16.0","csstype":"^2.6.4","@types/jest":"^24.0.12","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-image_1.0.1-beta.3_1561106744968_0.7597976171154128","host":"s3://npm-registry-packages"},"_id":"rax-image@1.0.1-beta.3","version":"1.0.1-beta.3"}