{"_id":"rax-picture","_rev":"181-7c015e73ff072af4876a86be9e17146f","name":"rax-picture","description":"Picture component for Rax.","dist-tags":{"latest":"2.2.1","beta":"2.3.0-6"},"versions":{"0.2.3":{"name":"rax-picture","version":"0.2.3","description":"picture UI for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.3","rax-image":"^0.2.3","rax-view":"^0.2.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.3"},"_id":"rax-picture@0.2.3","scripts":{},"_shasum":"f05031b468913dbc8ba9635ad3f5410221139714","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"f05031b468913dbc8ba9635ad3f5410221139714","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.3.tgz","integrity":"sha512-lcDrhFysPKte7F82ls8KxONVb9NcVNeJOr27s52rWDQ2z7mN4mLJckPrZMDg6wrMBIi8qIqiYo1qee0NgmdKCw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfhbkh5n6jhcxTZREn5B8uT+dwA6wr/OICZTXlWDQRpQIgewHeLE1e4WwyyzU6tsCSUA265HRwuvTjQ8Mo4McjR84="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.3.tgz_1488966785205_0.3702957071363926"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.4":{"name":"rax-picture","version":"0.2.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.4","rax-image":"^0.2.4","rax-view":"^0.2.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.4"},"_id":"rax-picture@0.2.4","scripts":{},"_shasum":"324cf4ad2773d4f59545c19a1b2fb0a94f078065","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"324cf4ad2773d4f59545c19a1b2fb0a94f078065","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.4.tgz","integrity":"sha512-/gEdRB6SV0fH9EGMiQs7wSD9T8rHIns5xwbMwGLDqyKCXPVFXS8vMEWNceyG/ISR4TUSe9xhO2FyWLEK8cR0Vw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlyl7SwFFde8xQJuIw2dm2d5M2majuQK1j/ZHAnXPDGwIgAcsrz5E3i6AeHJny99u5yO4c/9Qow/lBc1ur6wHggeo="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.4.tgz_1489648024143_0.7136249321047217"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.5":{"name":"rax-picture","version":"0.2.5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.5","rax-image":"^0.2.5","rax-view":"^0.2.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.5"},"_id":"rax-picture@0.2.5","scripts":{},"_shasum":"0fcaeedbc5e342431f7109b75a787a4ab827ed88","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"0fcaeedbc5e342431f7109b75a787a4ab827ed88","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.5.tgz","integrity":"sha512-FkZPXcqzsO/Ir1z1RXNdx3ipHYf8Ea5xPrPVGV04C1aeQDqBJ2eZE+xiZIptObNOKnMIla66sXlXDUphdZ6IOg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHu7jxBsjw9R0vHfnz/bK2oUngabsPReU1amwazBukRKAiBWqPZSEXW4qSRMnxl5D226AZdwl2RtpQ5/t5Ux0JusZQ=="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.5.tgz_1489649919919_0.35707453545182943"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.6":{"name":"rax-picture","version":"0.2.6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.6","rax-image":"^0.2.6","rax-view":"^0.2.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.6"},"_id":"rax-picture@0.2.6","scripts":{},"_shasum":"edcb262b270a12ca0971959679f5611773384578","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"edcb262b270a12ca0971959679f5611773384578","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.6.tgz","integrity":"sha512-Km0StpQE9VXfFCgqyjXj5TfGlOJD/8Gqo4YjlU72GVXDEVAJ7X5DblL2VqPCS9QmpJ6DLX5e+gm3kf6DA4eqPQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjgOIY2Q8YoWpG4rx9PFaIceQekCeGs74Avz9TKqiYIAiEAgWOzHQZmpYPt32bNWqKF51ZKpLd+OHLvGDUKQbo4dG0="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.6.tgz_1490371882942_0.11642849259078503"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.7":{"name":"rax-picture","version":"0.2.7","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.7","rax-image":"^0.2.7","rax-view":"^0.2.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.7"},"_id":"rax-picture@0.2.7","scripts":{},"_shasum":"9128c68bc2e9765e594cf5d0fb8fba4cd99128b5","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"9128c68bc2e9765e594cf5d0fb8fba4cd99128b5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.7.tgz","integrity":"sha512-wQHeqFWIsWXXUwox9pCUhxObhGyPMHaGsBnJtsni7qLsv23XSLLi0nfhlL73MIzkYQZP4ZOKh6JlTY15vAa+4g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIESw1NKxhdTN4ff+I2nN73sKVqkf7FFn2j5/fqz4DBh2AiBLaoJSJrHpUb8ikXQXZce0seDMmqnOGC6QdmIbDlVCJQ=="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.7.tgz_1490411409267_0.731673093745485"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.8":{"name":"rax-picture","version":"0.2.8","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.8","rax-image":"^0.2.8","rax-view":"^0.2.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.8"},"_id":"rax-picture@0.2.8","scripts":{},"_shasum":"78bcf5cbcd11dd818c79950e1462c815bdcc1a61","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"78bcf5cbcd11dd818c79950e1462c815bdcc1a61","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.8.tgz","integrity":"sha512-Muh3BoVvPhRl+CS50dEOgVmMcABn9ZfX2zGgmXRttpPtm5PiIGqxXTuVluwZeKxwzQHy9zMVnJqVbkKZNsQTeQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyLQiw6QoRKYcRQ93iJdML5Q7eLqz2ZNhTb8+5Z34AEQIhAOWKsiAonLfkM8lo/6ZRSlaqvshVuSx8EFPAZ77RUR8w"}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.8.tgz_1490456680372_0.03294999781064689"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.9":{"name":"rax-picture","version":"0.2.9","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.9","rax-image":"^0.2.9","rax-view":"^0.2.9"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.9"},"_id":"rax-picture@0.2.9","scripts":{},"_shasum":"299a39ff6081784543c4f090ee4a1d420bc81756","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"299a39ff6081784543c4f090ee4a1d420bc81756","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.9.tgz","integrity":"sha512-RDM6DMR1fA/ibgyZfMPFwK03Vy885d0V8gUohsF7Bkdunhim56PtnuI7j6dOLww85EoTahpjmkxUVlPp24s+Tg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGGiRzkShBB+fkAwEaZWH3/Xsrd3f2czqCm1iDpAw1BgIgQyOl4s8NMZ32VzSUQGAKlsYldGR9GX6pTW899HRBhhc="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.9.tgz_1490604314136_0.2986670231912285"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.10":{"name":"rax-picture","version":"0.2.10","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.10","rax-image":"^0.2.10","rax-view":"^0.2.10"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.10"},"_id":"rax-picture@0.2.10","scripts":{},"_shasum":"b4f71717779e6da07fedac8d82f2e535c6115c0f","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"b4f71717779e6da07fedac8d82f2e535c6115c0f","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.10.tgz","integrity":"sha512-jpOq/ERePm0JlvDEuL8AcKmB/vXUj1EwbE5Qny2V6kiAeb+dBgUkIs2aobDovGj2+BSct9cqPI/iG6vj29hSRg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAp0WphPLF2sn+mVu/GafYj15Ic9kWkIylUgbh41Ho/NAiEA/SLmY/edRSoAU0ZAbjNbap9NWmjkNqmGpnDbUSmbSIY="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.10.tgz_1490839978759_0.473795025376603"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.2.11":{"name":"rax-picture","version":"0.2.11","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.11","rax-image":"^0.2.11","rax-view":"^0.2.11"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.11"},"_id":"rax-picture@0.2.11","scripts":{},"_shasum":"b2aa1fe95a29ea8b950b684ca2e3ba1cab11676b","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"b2aa1fe95a29ea8b950b684ca2e3ba1cab11676b","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.2.11.tgz","integrity":"sha512-Zu0JEligxy4O3NalwyAJalboj82ds2FXcmzDZlXAB7BhKyJ0ou3UKETJWiYk6r/HrDGDKFZWjzvTOvP7BRKoJg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBT1Lvd82BhQD7bRLOYstyMdwXDoxfL1LAlzycgh0eJAiBIfZMoZ54PsTIGOuuPyeToWFdWzW7SWkzBIzm11CBptw=="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.2.11.tgz_1490844151574_0.26778464764356613"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.0":{"name":"rax-picture","version":"0.3.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.0","rax-image":"^0.3.0","rax-view":"^0.3.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.0"},"_id":"rax-picture@0.3.0","scripts":{},"_shasum":"f1d13969a91a3f41bc592f096f09827989ef842f","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"f1d13969a91a3f41bc592f096f09827989ef842f","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.0.tgz","integrity":"sha512-bfu7r2Ry+8Y9Ox3YFuT8amRD2y6dqALVYdIKXBYVDgNuTsCME82tMdoigfs/JXAG4oIbihRdcnEeqV86rR7KjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGGmbzsyq3EmPdrUx54+P5pNvBl0lHyOGovJLjkd2CfgIgZVN3ontMROS59VSNc97lYAyMjcHM1ANOeMi0B3ylOWg="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.3.0.tgz_1493007006456_0.34566567931324244"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.1":{"name":"rax-picture","version":"0.3.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.1","rax-image":"^0.3.1","rax-view":"^0.3.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.1"},"_id":"rax-picture@0.3.1","scripts":{},"_shasum":"ffcba42e3249380a2df5e36c024e792e2da80c81","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"ffcba42e3249380a2df5e36c024e792e2da80c81","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.1.tgz","integrity":"sha512-++U8A+iceTo+1JN/5pioaa81SDMgcFPcMHUZK/CDetCXCLHU5wfI0qtzPxs6Y0sRGU5+tci0akzX8v3DArziDA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAw86J5tEEWSvkq+x7i2rl7UZYh6Xky5NrqNbuuKogjcAiEA7xCCwEllJOQMbNkJkPtcKDcQ/plRqqskqD1+RrWQwtY="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-picture-0.3.1.tgz_1493019221731_0.9261728443671018"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.2":{"name":"rax-picture","version":"0.3.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.2","rax-image":"^0.3.2","rax-view":"^0.3.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.2"},"_id":"rax-picture@0.3.2","scripts":{},"_shasum":"28732d26501cfa6be904abbf9822f1c511ab840a","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"28732d26501cfa6be904abbf9822f1c511ab840a","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.2.tgz","integrity":"sha512-W/12h0HHt0xNk0ZH+xn9wyugUyJG1zVhPL+ke4WB0TGAZ5Pcfn9EdqpEevQhJGrVIE98vd+tCAOji5SLgNTohQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxtg9YOT9NtrAPi5IWMw3DkAPE+BNjJOnxf37Jv839CAiA1hjRha02CuO/8KA7gRoyAXSi2bWflpjNt5xOiB7OByQ=="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.3.2.tgz_1493178091772_0.48119295574724674"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.3":{"name":"rax-picture","version":"0.3.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.3","rax-image":"^0.3.3","rax-view":"^0.3.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.3"},"_id":"rax-picture@0.3.3","scripts":{},"_shasum":"0715dffc9c4554edbc1ac6eb9fa53622cbc3d44a","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"0715dffc9c4554edbc1ac6eb9fa53622cbc3d44a","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.3.tgz","integrity":"sha512-/wTFANJ/QCIa+SzxnNy4VodEWjdQIAt0H7DiyOU0dXHjhHAiRqb7pFfVJqlLFv22sH4uSdD0+nbogxNuAFu85A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmtCGuIaJD8Hgol7NArxFeCyXephD4DY9XUrbMaq7tYwIhALYoEYGT3iRETHqUX8JGhgisNIQpbotk25+g3QoyYoxu"}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.3.3.tgz_1494570261630_0.11610294040292501"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.4":{"name":"rax-picture","version":"0.3.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.4","rax-image":"^0.3.4","rax-view":"^0.3.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.4"},"_id":"rax-picture@0.3.4","scripts":{},"_shasum":"f16e4c8c7deaaac5c7d7327715813d75a469be6d","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"f16e4c8c7deaaac5c7d7327715813d75a469be6d","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.4.tgz","integrity":"sha512-ByqWNqA6DdwYyaYf3Jw+M7cbTb5AcIZK/Q/pHLw3VEwazXoCfnE6N6AjcBwz7V+aG4FKHuV/ssjvnfPsg0K+wA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8NPghuPkPe2GYb/oKTPLAYLe0Oj9apvVmNQJvsvwOYwIgCy5A4nFzOK/wqeki3EnfH5v9mJjox/hYdf7b5O9I8e8="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-picture-0.3.4.tgz_1495186793777_0.9529012993443757"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.5":{"name":"rax-picture","version":"0.3.5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.5","rax-image":"^0.3.5","rax-view":"^0.3.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.5"},"_id":"rax-picture@0.3.5","scripts":{},"_shasum":"c627b3d3f3f0ee141b6786e2a8be8e259098247e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"c627b3d3f3f0ee141b6786e2a8be8e259098247e","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.5.tgz","integrity":"sha512-HkCihPKX4O3c3MQMDR3sqgRyji3ZkuJx+MZAy6iAGXkpemrLXnnOAlyAsszut9ny8QVA1w5CTnBIpx0uo/IaKw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8HHRYfDEODMD/JI0iELCQoXZGb9DdiG5TOPgVraSuPAiEAj1QasnEF+uHoQjsreQbpmy5lTag6QocWVCI3UzGKMaQ="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.3.5.tgz_1495507815656_0.40821338910609484"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.6":{"name":"rax-picture","version":"0.3.6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.6","rax-image":"^0.3.6","rax-view":"^0.3.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.6"},"_id":"rax-picture@0.3.6","scripts":{},"_shasum":"29f63a62b738f8e0429f5a5de09077a5a16b78cc","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"29f63a62b738f8e0429f5a5de09077a5a16b78cc","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.6.tgz","integrity":"sha512-K53EjIAUAhBW3oUqe2QjFQK0ww/HtDSDLOr7OmSvPzYQ6w2Lp4df95c6b1gHFQc1JT3tOpZ9aW+uf3jMCoSqqA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDS+MlRw6xOXykDgy7FExWBQ+ELcfwb+O2ZCkNewnb08QIhAIID2OcDhQY7uvQla6YK8qaj8dXE+Pa0m23AwuCuGBIF"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.3.6.tgz_1496305621716_0.07214832748286426"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.7":{"name":"rax-picture","version":"0.3.7","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.7","rax-image":"^0.3.7","rax-view":"^0.3.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.7"},"_id":"rax-picture@0.3.7","scripts":{},"_shasum":"70e868669af87bd228d9043acae438fbd9c68d0a","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"70e868669af87bd228d9043acae438fbd9c68d0a","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.7.tgz","integrity":"sha512-UBJk+ABwJntaLW2+ekGdqSaSYoOAOaiL8lMOdQHBJueEJ2AVFj3UPQvt1iEgA3KdpWIquAEVoPPo2rlv4ZPy6g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqxZWbLXNErcFQnG1k230lbxPQEQmSMuo8a//OH1/42AiEAsC+WQNQRRfGkXde4Cu4ZNKr9VXMnJtfqa9ULL1dCXvw="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.3.7.tgz_1497520638735_0.7037196881137788"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.3.8":{"name":"rax-picture","version":"0.3.8","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.3.8","rax-image":"^0.3.8","rax-view":"^0.3.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.3.8"},"_id":"rax-picture@0.3.8","scripts":{},"_shasum":"fd1bc68395b8e07ac0fc0762861b12a974cdb460","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"fd1bc68395b8e07ac0fc0762861b12a974cdb460","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.3.8.tgz","integrity":"sha512-thHrSixGg+EOmjq0u6VzjpC42l32E97WCdDcDYKelRfmRvXPXIGTl5T67/uh8MpfMzV5AJWjDCO4idGzlCmo9g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEhMccXrozDlghYJOTU6L4kDYPaRvUJtChL7kGjX5wMfAiEA8HWAD3PmNfSEDO5vPyUvDIIkj349uHqIoUXh2v3lCjg="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.3.8.tgz_1498009296340_0.3563092923723161"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.0":{"name":"rax-picture","version":"0.4.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.0","rax-view":"^0.4.0","universal-env":"^0.4.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.0"},"_id":"rax-picture@0.4.0","scripts":{},"_shasum":"c4a4437be94df10520d23dc11913cbc5d74df0ff","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"c4a4437be94df10520d23dc11913cbc5d74df0ff","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.0.tgz","integrity":"sha512-cExJvuK1PY5Sh1/wvVBmqSaqmc6wl9oKZYBx7lh3mrhmpBphYbBwW60kzQLFyE9mfDdU1sdLFYd4EeM3kI4meA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhXYJugoI85IdbymJxVyJK5tXsdvbAhQIDy1lhF1WHVQIgFnudO8D+1Pv5O5HpjYGPyzRndpO2fyXQ8n7yhIST9HE="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.0.tgz_1498527879346_0.03219703980721533"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.1":{"name":"rax-picture","version":"0.4.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.1","rax-view":"^0.4.1","universal-env":"^0.4.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.1"},"_id":"rax-picture@0.4.1","scripts":{},"_shasum":"c4ebe457af813f97ca5c4695c702d3195dd072ff","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"c4ebe457af813f97ca5c4695c702d3195dd072ff","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.1.tgz","integrity":"sha512-QxJe/96om4u6Z96HbjPGn7Rr/doBLqxQ1vCcieEmFciGxtCgJA0GCAF2xozAsTn1ahY3vt/2vOIJLbP4iNkrdA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGgUIaUeXEc3ul9dyUzvhOYjyAijLkHS8G9sziaqsb/xAiEA+URXIdaRxrWggpliAnKMrjdxRNJGtMAnG2qXEWXCHvM="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.1.tgz_1498543814447_0.40263781580142677"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.2":{"name":"rax-picture","version":"0.4.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.2","rax-view":"^0.4.2","universal-env":"^0.4.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.2"},"_id":"rax-picture@0.4.2","scripts":{},"_shasum":"d51c63e8676a060dba0d021d18317b0f3e2e32ed","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"d51c63e8676a060dba0d021d18317b0f3e2e32ed","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.2.tgz","integrity":"sha512-jNdNohEHAwNZqNilhYD4Ckv3hMeAtcFuA3MiQDv1Im8SMRQ5X2fuZvaaXJKWGu1M6sPq0AXuc22N5cyYgflRsA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnIV7+RUjKgZbibpEsQGh7uSx8RxzeXFvvR8ys6kotCQIgQl6Z9BjV+9xIqTudzRejLz1ECFF8DVH+/7wu2t5keJA="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.2.tgz_1498628330242_0.8621815261431038"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.3":{"name":"rax-picture","version":"0.4.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.3","rax-view":"^0.4.3","universal-env":"^0.4.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.3"},"_id":"rax-picture@0.4.3","scripts":{},"_shasum":"209dacb162aea2ed27b432278f63fa22919ce4b1","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"209dacb162aea2ed27b432278f63fa22919ce4b1","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.3.tgz","integrity":"sha512-+MQcSjMzB1uWVTXH9cicPiOWc/u4uSgp9LfEtfvz+t9RSLyTEswXOoLlHw+NtDkp+EUj4Xz9VwFwoBVIi4xMqA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFuBVr13zVuAcE/H/6AXJS1NjN4f9VDKkKa6+beSzlceAiBqHYshOH9UMw7wlRmP7A7ay+m+rHYF4PqutLNDhZJKww=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.3.tgz_1499325428702_0.9587009979877621"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.4":{"name":"rax-picture","version":"0.4.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.4","rax-view":"^0.4.4","universal-env":"^0.4.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.4"},"_id":"rax-picture@0.4.4","scripts":{},"_shasum":"aaa649fefd834cb408a4e9354c204172723dc82e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"aaa649fefd834cb408a4e9354c204172723dc82e","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.4.tgz","integrity":"sha512-OEewTYMyHL3qsn8oW89M9GwTI0Sod46WrJ61JR8ayoXmRrNyxMA5mgCrnoL3VAmDBv9swiD+eVfwJ7zv79ckYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTvdDP6kJPrRoM+py2pWXeLh+qh1d8PQQaJ+jtBFBqdAiEAuEHhUSaBEsMj4VFPQdA7NJxL8WlBKFCMhLeDSsPgFEM="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.4.tgz_1500021422701_0.9409386699553579"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.5":{"name":"rax-picture","version":"0.4.5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.5","rax-view":"^0.4.5","universal-env":"^0.4.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.5"},"_id":"rax-picture@0.4.5","scripts":{},"_shasum":"b93bff9dfb2532a423251fcbbe93a8dabdc23c51","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"b93bff9dfb2532a423251fcbbe93a8dabdc23c51","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.5.tgz","integrity":"sha512-EwFSzgQwu7kxn5AYVmb7fzjz5QClmKcG4GKbo9LwpppdS/3HfpA4n66JCaQAOn76mdCiq5eeumw8o20kCtY60w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIArxKmvNE2aNWKa8Z5F0TXgul5DV1j3JQfD2qizls6G3AiEAr9Ma3LT/f38NvzJ8Mui/IM/qjl+Wk8j7WaFO06g5QFQ="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.5.tgz_1500616270258_0.6430884124711156"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.6":{"name":"rax-picture","version":"0.4.6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.6","rax-view":"^0.4.6","universal-env":"^0.4.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.6"},"_id":"rax-picture@0.4.6","scripts":{},"_shasum":"ef9a19a1dc3a9c88e732f66879dca2ca8d4ca89a","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"ef9a19a1dc3a9c88e732f66879dca2ca8d4ca89a","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.6.tgz","integrity":"sha512-BpI62eSIDICMFCAQJBh39SYY20PnQS9mSy8C2PID/jVpzpjMt9RR3z16dVXlJW+27Zrkz2uBQWydx1GT/9kAbA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICQDQMry5OIlzZlmCAy/PU3nXq7evvR5IJwRDe1+B5CWAiEA70/b2ERPHcLta8d5I8vzHjYvNRKSECEONa2PIztAzMg="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.6.tgz_1500878135727_0.33203975507058203"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.7":{"name":"rax-picture","version":"0.4.7","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.7","rax-view":"^0.4.7","universal-env":"^0.4.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.7"},"_id":"rax-picture@0.4.7","scripts":{},"_shasum":"06cbd522b425c62b4e2cddb5a193b02b0216eed4","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"06cbd522b425c62b4e2cddb5a193b02b0216eed4","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.7.tgz","integrity":"sha512-MTTqueMP09EcflE3Kj5PMTTBudIrNsPDFJGrgVPENuKmyJcmoEDGqdm3jTVGLqPzYf6uXOGBmhUSmVXKdjL5Tw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEUiac4cSKdMpZ/TFHgTpoGBoiBJfuJgWaU4Wcs8ObOKAiEAgfJA8Ucp6Jlvk7lWyV3/qpUroKZznhGcUIJz7NiMvXs="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.7.tgz_1500884779375_0.1720492374151945"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.8":{"name":"rax-picture","version":"0.4.8","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.8","rax-view":"^0.4.8","universal-env":"^0.4.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.8"},"_id":"rax-picture@0.4.8","scripts":{},"_shasum":"55f7e8ba6e92555d3e84a976d9c96f97bd73a3b5","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"55f7e8ba6e92555d3e84a976d9c96f97bd73a3b5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.8.tgz","integrity":"sha512-N2a2NG6dOdPu24wnb3Y6cw862f9SstTyQ/yPF4gEuBNmljylPo0g8DBMsNiFF/urk8+K3XKzSYSy7HgF+GxC7w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAd6a/Kr/4saWjRcBk5FsRGj8E+PSW7lRHtv7s6JBxkAIhALnG3rM2ArZcLIetneZoLXCJv44krfB5DuXgvGfNaLMs"}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.8.tgz_1501148555530_0.26020737714134157"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.9":{"name":"rax-picture","version":"0.4.9","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.9","rax-view":"^0.4.9","universal-env":"^0.4.9"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.9"},"_id":"rax-picture@0.4.9","scripts":{},"_shasum":"b2b33cebd53a56a7f8cf39654f132da01d6cdd34","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"b2b33cebd53a56a7f8cf39654f132da01d6cdd34","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.9.tgz","integrity":"sha512-jDCKQ7pIHMNWpSi/KuSnxj024mXOFWVUp1U5jsv9Dd0BcEisP7UpYM6/M5XHUCSKUbvj8jhnQspvsCVJPAEo0w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClbdl8K1SNyaUwbd5ccodGB3ZxM3Dkx8jemW+71CBZrAiEAhaXbfgcWICVKIOwTabrBnUdUW1TkQ/9DYFiBH9Tk0Mk="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.9.tgz_1501666858350_0.37015251046977937"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.10":{"name":"rax-picture","version":"0.4.10","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.10","rax-view":"^0.4.10","universal-env":"^0.4.10"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.10"},"_id":"rax-picture@0.4.10","scripts":{},"_shasum":"6908f6ce1a19676103af11ced4416b042edf7578","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"6908f6ce1a19676103af11ced4416b042edf7578","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.10.tgz","integrity":"sha512-wNJW0PZcvpL43pf15qOx0OESNeKV9YzicFrWDa0TxZ2iY5CDChz8HzHBjGXZNMAg8G7s3VSSO+Yppi/9Bm1c5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHyP54SwkwpTM4Kw1PFcpcWx0CAYPnKji5llHRQ5poamAiEAzMAg6Xn9/FDqEBxeFsp2FjlOHR5Em2py9yiOnZSLh+c="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.10.tgz_1502428446228_0.1995921351481229"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.11":{"name":"rax-picture","version":"0.4.11","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.11","rax-view":"^0.4.11","universal-env":"^0.4.11"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.11"},"_id":"rax-picture@0.4.11","scripts":{},"_shasum":"011b3b2abf51a8e5cda72528097790a31f29e799","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"011b3b2abf51a8e5cda72528097790a31f29e799","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.11.tgz","integrity":"sha512-sKEgwDl7IEZb0kLNLeKHm9/9IRSQ6+sf3kHIyvreJ2ahzwt85rEg6djBeOI6cZdbX1C/cqzpwtn5QkF4fv6xEg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEyJuyad+fugCP4W2rQpcS8BJ9htc5XMFyJHmjpOxY0wAiEArcDWdA007qTtSY6UB7mkgzIY/xAj8bLSUW7TcqABVbI="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.11.tgz_1503461012670_0.35408867220394313"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.12":{"name":"rax-picture","version":"0.4.12","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.12","rax-view":"^0.4.12","universal-env":"^0.4.12"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.12"},"_id":"rax-picture@0.4.12","scripts":{},"_shasum":"58f7093d02e97e38af4469a6ee588a47a8a36b49","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"58f7093d02e97e38af4469a6ee588a47a8a36b49","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.12.tgz","integrity":"sha512-tBTJWV0Vf/cKVbMdm1mnXc+Zok/3OyCNW788i19UvcYAaPt2CEUMOhwb7/1ZtjSmu8x+BiFv/n0nwnDicItZiw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9zHGeMvNMc4ctDNOZhQFXDDIn9ilr3zjQQCYzNN4W4gIhAKW+bfTL7w4cbDSWUecOYnT6lrFouC36oVvYWROZGC81"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.12.tgz_1504854245123_0.9339225173462182"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.13":{"name":"rax-picture","version":"0.4.13","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.13","rax-view":"^0.4.13","universal-env":"^0.4.13"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.13"},"_id":"rax-picture@0.4.13","scripts":{},"_shasum":"d37492bd8fd45662737e307a36d975586af33c59","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"d37492bd8fd45662737e307a36d975586af33c59","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.13.tgz","integrity":"sha512-6OJ/dk5qu9LvP1qwlzak0Yh3rSL5WDWSKSMq+E3cjWjiFnhz6Ybx9WKDYTVBuLPS1SBVe6VUqlaxr5nCvVIsTw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKZn+RhFl1s2dQUNDe7Rpyq6iyk+YU7MbPrqMYyTMtuAIgXc4AvfzXVQPTZJeKxufmQ49Cu6mk/Y8Xau2IbFmsUyo="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.13.tgz_1505442427331_0.5563053323421627"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.14":{"name":"rax-picture","version":"0.4.14","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.14","rax-view":"^0.4.14","universal-env":"^0.4.14"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.14"},"_id":"rax-picture@0.4.14","scripts":{},"_shasum":"4cf001b69811beec5285aa3b2789506eb77f5da7","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"4cf001b69811beec5285aa3b2789506eb77f5da7","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.14.tgz","integrity":"sha512-YEMuepXLCYn+27YEF/kVfHHciIeUp+kwc86Uw5J1auHJgOTcNwIdnECu3QG74QKvYaHyZn7aqZ6/u4nby0BfjA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBmr1IbQde600fy+5mQkFwy//zcgY8ZMjpHyO0JpeUQVAiBiS9NVqfCsWVEibNSuw37cH1ov8yPBvHxDWBS+CJVP3g=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.14.tgz_1505988985600_0.4965582420118153"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.5.0-beta":{"name":"rax-picture","version":"0.5.0-beta","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.5.0-beta","rax-view":"^0.5.0-beta","universal-env":"^0.5.0-beta"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.5.0-beta"},"_id":"rax-picture@0.5.0-beta","scripts":{},"_shasum":"274be642c444c51cfddba8cdc3516966ef3a17c5","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"274be642c444c51cfddba8cdc3516966ef3a17c5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.5.0-beta.tgz","integrity":"sha512-xHi8uIr6wgdmefDwTzVZMmIEivkwfkdWl8gS7pqJ5ZqciL8dh43gHybMbwYWAcpC0pGIXaAoKk9yNlxFUuTIzQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAHSThReToawc5DfIz5FG+KbpK5uuFdE9J2IWb6x/uGSAiEA3iFsW2Vd7AvzkeOZ5JTOTVFc3f9x9dRHYNRSNYenbco="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.5.0-beta.tgz_1506334655283_0.5882499294821173"},"directories":{}},"0.4.15":{"name":"rax-picture","version":"0.4.15","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.15","rax-view":"^0.4.15","universal-env":"^0.4.15"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.15"},"_id":"rax-picture@0.4.15","scripts":{},"_shasum":"fcbb079eb43ae02a0768f3755fa9e17c4ab854e9","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"fcbb079eb43ae02a0768f3755fa9e17c4ab854e9","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.15.tgz","integrity":"sha512-S7/s1hRYsc4WnOS00OMhH9Y0yN3WP13j6YYT8te3SYJO8iFnXXMcj+g2/CHyn5064ISinGaodkTpTa5OTKM3tQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChhEN7+MYi5ZaKeio7xxOUj2b6rSm4YhJjv7ge3xlAbAiEA2UvghZ4aUlv/3QpTsCCW8VgQcAjJwi7C/m6hdZ1KsbY="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.15.tgz_1506407154910_0.4700645369011909"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.16":{"name":"rax-picture","version":"0.4.16","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.16","rax-view":"^0.4.16","universal-env":"^0.4.16"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.16"},"_id":"rax-picture@0.4.16","scripts":{},"_shasum":"25d65711afef3b5680c8a164337466b5be6e7252","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"25d65711afef3b5680c8a164337466b5be6e7252","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.16.tgz","integrity":"sha512-lnmcoHgrg7HybcGxJS26SYwzLF1i7FdLZNuYnWhd6pQUhWNPG2f3Pi5hY/L7DTVzpYYZ01WIKiCpiTrGUYw8ZA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASVdwbAlit0tf0rE9yjKs+S2YRZmzZkhrsKeTcQitCqAiEAiHvXfAC8HfCR2GL0Be3Mh0CRRHuzESZArJcZrn8cjuI="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.16.tgz_1506586015138_0.06982116890139878"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.17":{"name":"rax-picture","version":"0.4.17","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.17","rax-view":"^0.4.17","universal-env":"^0.4.17"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.17"},"_id":"rax-picture@0.4.17","scripts":{},"_shasum":"0debb762ab0761299e33ea3ab4104fd313caee38","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"0debb762ab0761299e33ea3ab4104fd313caee38","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.17.tgz","integrity":"sha512-5YTq8HO3ywL3oDs8bpeXby79ZegY8NWhzpb/I/V7utapfwhCslEDCDwLirSv/gWAUpjtpq0D1CxjxNWkrNmnQw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9gBiEqrapOQOASUQjBtbgm/KrTYCBNBfkR6w3E5/r3AIhAIKPypHwgeBZda8mSuWeUlJfy6+2RdFeJ703je4mVqZB"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.17.tgz_1507699910095_0.8829954313114285"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.18":{"name":"rax-picture","version":"0.4.18","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.18","rax-view":"^0.4.18","universal-env":"^0.4.18"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.18"},"_id":"rax-picture@0.4.18","scripts":{},"_shasum":"825185f2e8c2d6de992bb4648a0c8c917ed73230","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"825185f2e8c2d6de992bb4648a0c8c917ed73230","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.18.tgz","integrity":"sha512-lA0YWRR9ZJq6Usq0a5yCLwDc3SXtdcWbZpaMsNEjBTrOspRXx3HbUdJaEA6mofo9vH3zrHbhPAmvm2sY/nWibw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4zMLJOYwIiMq38GMffJlVVQaTNB1nFpaNgkXQD7KGdAiBrPBU7zab55ZJITsSDT+eiDI1lJOO7ibfLU/bqWWj91g=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.18.tgz_1508137560167_0.146359046921134"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.19":{"name":"rax-picture","version":"0.4.19","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.19","rax-view":"^0.4.19","universal-env":"^0.4.19"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.19"},"_id":"rax-picture@0.4.19","scripts":{},"_shasum":"93cdddb884b40d043572bb343ddb37239f0dd200","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"93cdddb884b40d043572bb343ddb37239f0dd200","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.19.tgz","integrity":"sha512-FJ7AdQD9Tl01k1qm2AnQjGa2PVZWPmnIfZ9WfHJGq8zZWH5ptO3wtDNMg202XfwP4cEFFZnVuy/uKAvUrN5rtw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYsQnU/FbHidudwTlSicvWgnQ6A9aohBpaIiPV7WavxwIhAPppSERtj8MHn6aVV6Tfl0Q9iVrOQ1bYWsHLznGTi4ng"}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.19.tgz_1508225798681_0.661026818677783"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.4.20":{"name":"rax-picture","version":"0.4.20","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.4.20","rax-view":"^0.4.20","universal-env":"^0.4.20"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.4.20"},"_id":"rax-picture@0.4.20","scripts":{},"_shasum":"bc42ae88bc0ea83a2ef5e914a50c4411ed4d78d5","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"bc42ae88bc0ea83a2ef5e914a50c4411ed4d78d5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.4.20.tgz","integrity":"sha512-pkInTBMzH9CKC4VwEcaR17aO3lFNUDd2lpM2p8iL3PRmVpgynuWl8EkbCm+14MjiEcoPai9G9LdA6+Mv6Cb7Pw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7y9/w37vTu1Ur5tlAA1N8sn5X/Zj51y5sMmAkrQgCPQIgRhbxizIvv6GH6xwFaaJqqtpJClOTOPwvV4EBwdwSDGo="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.4.20.tgz_1508312864000_0.9988864839542657"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.5.0":{"name":"rax-picture","version":"0.5.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.5.0","rax-view":"^0.5.0","universal-env":"^0.5.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.5.0"},"_id":"rax-picture@0.5.0","scripts":{},"_shasum":"5c50d4704f719d40b2d54f4e6c1b127a649802b1","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"5c50d4704f719d40b2d54f4e6c1b127a649802b1","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.5.0.tgz","integrity":"sha512-HxKndT9qVoTFcqYewPweMeH3/TNxnuXnRWEso+mR4r2pGMyC071NFAoFWjQcBZxbbmqZmUZFcPmsqmPdRCGwxQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSh7Vs+y+A4QmbCKhtKfoXQ64YznC/mCRoK0xaSmF/SAiEAhgU48sFfH8avEnWxLA2IrPt1PeB3v/TTZY7e+1C9nI4="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.5.0.tgz_1513140843282_0.9361700084991753"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.5.1":{"name":"rax-picture","version":"0.5.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.5.1","rax-view":"^0.5.1","universal-env":"^0.5.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.5.1"},"_id":"rax-picture@0.5.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-FLUrx3PFFfWRe2GEPLfO0lLADlbnuzo9GwUIkkFdnobtxuhjH0+wrvMriAq4Il+GN97bGBLFFefF5PSbs51SGA==","shasum":"2442f8315edeb3770ec7938583a73ae6a5b9f033","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.5.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7d3LqtTHulsdPKyfa8g21hH7O9JCbf3VMKLhEapadrwIgJ+MApvMfgv+uR3WbrT8kg6QGDVdZqCCfayYpTkakI6E="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.5.1.tgz_1516880696191_0.33778012986294925"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.5.2":{"name":"rax-picture","version":"0.5.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.5.2","rax-view":"^0.5.2","universal-env":"^0.5.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.5.2"},"_id":"rax-picture@0.5.2","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-iIyArgkiwSFvgctGaw9UIk1awjggvqgbWPC3SiGcrqnz0jwMB7HxHtwJpU4kp7HHSqXMZvO7BJCxoYDsAwDAFg==","shasum":"ba88198f798b6722c0ec15de0b721ba4ecc02739","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.5.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGCt/pydJNYXpAgNEr4KeeN1+7tq+J83uX11D0sd+NjkAiBKSUcHG5iHVp2wORLzdSdnDZQUIbsKwNUCphy2lcry2Q=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture-0.5.2.tgz_1517302882601_0.9544932474382222"},"directories":{},"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.5.4":{"name":"rax-picture","version":"0.5.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.5.4","rax-view":"^0.5.4","universal-env":"^0.5.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.5.4"},"_id":"rax-picture@0.5.4","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-hr6V83DSp0P0Kvsx1fQAADQPN+ZUyVpFTwZ7AKv9XmnndbzQyLNK0tXIVGMMJLu9BJ6gLb+Ck06CsuAqRipFqQ==","shasum":"d9c7ff575bb26b4a62165af489228ee4035c0120","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.5.4.tgz","fileCount":29,"unpackedSize":237066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxuz9vwXk2wb+uXkglzvFOubAUx3tPHfTd1D2p54ixcwIhAL1Dbr4x2rTehhleYTVC7xos6ksqs6u5uSJIWer7HEQS"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.5.4_1519961406844_0.5291454058054474"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.0":{"name":"rax-picture","version":"0.6.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.0","rax-view":"^0.6.0","universal-env":"^0.6.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.0"},"_id":"rax-picture@0.6.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-rX5Tc7bJREIIFej+Q9GEWJi4jPoDoLSJbwH731DsMzDopUsLimBQV3XvV6FPD0pFgBqcnttvnYJV5+rPoz6SIg==","shasum":"c34d3120c0a9075ef2f6dcff12b654293d4cefb4","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.0.tgz","fileCount":30,"unpackedSize":280046,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFeyq7OWbHqen8dCSfjRvtduG5be4NfDFcDJMjqwV8u6AiEAgqSMGkMjClGVjsf9LP/MxMd+r0NICyjdQiKeA3Fyol0="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.0_1523331762564_0.03878550678642956"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.2":{"name":"rax-picture","version":"0.6.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.2","rax-view":"^0.6.2","universal-env":"^0.6.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.2"},"_id":"rax-picture@0.6.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"dist":{"integrity":"sha512-8wokOBxqhCsP/8d8lUvQ7fpIHO3GUGfF4I3JKwmxvYUeb0WHfQgVlvHSpSk8zt8+xvnOBX9auqXto/vTDdipjA==","shasum":"b7af1418cd477138b6b76d29f2598e942b326362","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.2.tgz","fileCount":32,"unpackedSize":273172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8VNZCRA9TVsSAnZWagAA6G0P/RwW1GTkiIl4jPFM1rOg\nom/46Mv2C2fBZgXyz2cuU6X/yV+8PesIdbiCbarbFnhW2qEGXMkDlWquMNP3\n5LflQGuZC/fQ4U0PL32F//GE1s/K/Rg/WJw6Dnb0oOuJYti8rquPoi9eAr18\nCOt7VpOu/GcUXiq0ryP5yEBD3SE+lhhdYYr7364Htxh28yCS+S18ZrUpDw1A\nMED8uQIpNyyHmB2+y2CxIPGTMHwozKlrLwN1xqOUvK3NrcLEo1+9ZXJ1FMVj\nPLUjKlTQDbiSu7HESuzzE32nHVL5cAgVR0IVXXjZwsBaXx/32E1XvNdEccRq\nOjcJtUuTnQMjJT2KbgnhMpKrTDhVoy2NTmoZ72jYzQDKVNcZFGox9+2Lfctm\nj0x1+R79zfRag9rKqpqqBv4K3BA/hp/WsgTHsoR1jQKxmpmXMuuigzlV+EP4\nV2Alqxa8Sm8Ep7B4Gmf7RY2laS+rQttacOnCT+vS8GkPdXremx0zOcKm0OvS\n0nGlcLuHRr195JwpASS+sqRpeFX/Hctjy478eQZu/XB1qekIFyUDq/ju4o0l\n55BzlZA+wC4oowF6bToxn7Px8xjyPD2fa0cHMIeuJjAf53nmvCQfdb/RlqZ8\nogqeY8YF8uufrpu9ESYSLDybzwyOUCrQZFYL6ETCEnuE4WQoFdFtTiDq91AW\nx31V\r\n=yTBJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDtjPTB12SlDp3i6RJlFMH5Y+suJymGC9RixUjEqJeyqAiEA/bwGEgJcyKV2FsdFI4HQQ8pAqi3ggP/SFbBSWfbkcwI="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.2_1525764953348_0.11157887101695896"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.3":{"name":"rax-picture","version":"0.6.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.3","rax-view":"^0.6.3","universal-env":"^0.6.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.3"},"_id":"rax-picture@0.6.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"dist":{"integrity":"sha512-ZtWFJ9u3uLylGzGD85XyWXuM0yplyFOoFnS9t8hyTPLeSQl0ghKpH6SFEK6KKnXuU7Jsrj+lNLrFkHKffJW+yg==","shasum":"27030a5dc418d46376b8eb2a91da8f461a57c1de","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.3.tgz","fileCount":32,"unpackedSize":292272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8bsTCRA9TVsSAnZWagAA6NEP/2nyyn06meXAKhfIZZom\nQ58srMGoJZWPkXWwU4yqgb3L7gcwHUQQSXL3U7+LI0XPytAEMCgI50qfoc0q\nqcVHcXdrX3+uxHijfMFKViia3l3p2XWFFleK+9Bd8c/BaH2BNsWpIPBF7xwO\nzExhCz1i/VH/7k9kz1EJHnlQS3k3/xtWz5REYEQd7GyBD1ZlkeVafQkmGPHV\nVlza/mwtSJ4/PYAZ0qxfgPLz5grFhiVwBytZmIjALbxYpwTgMZ5iBq1HisAW\n21dgMZCgavASqGRPE7hRNyvaPZ+i0oIL5WC6qhhwgPGgI9YNr7UpTJ/80tZy\nkoTfj2mcAfkbKhw0zRE3n+gvrVcBCbqj29VDqxvgi4tqNTjeRSC+BwCFUFUI\np4U7DVanitYUza2vTzbAl5JJuU+T3SVxURmQK0JH7mMLOrrb9j54ZIZyH+fP\nvQVJAxhuDRSrc0X8Xg2tkp7rOK6mmhzuoPbka4suI7L+ExmvXGQ9mfFK8QBW\n09DKgZgP3C99rXWazCZ99f5KT+XVhCq8kaixDo61WzIwP4Bpx7gUxLfLeAOy\ncAgtVbeyBnPwRSg4aXPrE272hkABKt02o0GmACyKpn0GMKSnoB6ntwztozvo\nPIueeSsq2DLF5GLPUIWaos/NZCxw7MLjdOqBp29QcG45SJEWr0tlwByGVe8G\ng8sX\r\n=7wZo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF+GjS4f5sYAOA0JbblplFMI+MXOgf8YYVBLUMYP+LrGAiBNmTjME0+Nkv9a+AY/LPQichrx4q8lHeLMRuxH0SppMw=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.3_1525791507060_0.2945441794258439"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.4":{"name":"rax-picture","version":"0.6.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.4","rax-view":"^0.6.4","universal-env":"^0.6.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.4"},"_id":"rax-picture@0.6.4","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-Y0S8qBVNjiwYxP2GJ7Jdpcpw+lJHMKy6osG+0GMln9xOLPSR+5FFCsOSEee6opv/z7EoajIVmMF00E+zp6qOAA==","shasum":"0de2c7fea925ed6f0c5964207c15d7597f6dfd8d","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.4.tgz","fileCount":32,"unpackedSize":297074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbGNT7CRA9TVsSAnZWagAACF8P/2usdePi+/nYcbs2/9kY\ny6oavcB9UdcBSgUV0/1QvZ1iC2Nq72j5f0M3GNAdgrMu32vbPdG1kO23oqkc\ndUQnbbI7SyElmCjn3J7SaHb0uuA5GxVkj9qZUsCKCs47S8Cd9zClxKmQaG8l\n2VbWJ+7E0uDsYAR4ims19ncnHxffvFa0A3cDPg90y4K2NcNANtlxnnIV/84i\nlyeN/PldpMGpvyyNHE9ZIS51nKhtKwIIxsfU5jHxBpyKAol3e+Lzgm4NDMVH\nofaEDrplL+qzueP0VYPwHTfsbl5nMG2d60ooLibfpVfFrUe3Gp/Yu84AE2Zu\nWRH4Qlem/wagHPPfHg6A5hLkfIpluzRaf/eP8l9dhxzTEpQohUHLjLTHnNmr\nD1mJwrr/L18wxjOATvsmGwPutBbIhdVDAE8vtEIamZMutNt6h8oQVj1lnjYL\nDDk4045C7M8+xXTO2GZwBmW2lzEMPrRFtkP+C8bMpWB17yJipsDIV5benZyt\nwt5Sp1uklGjWWURAw5IOyJ74g6nhVvNLL+NFKSfB7fuB5fVToJKcJZKv/dAg\nGARj4+bVNR+Jp7vngnyxJu1tSpvGJZDwUzMI3YNq9ywBmVi5i/uKgRClAvtM\n+P0ssyktcuvRz80I12r7qGuhwy3u95UDr713JuGQ+YyV6g0EtlrIv4aRsrS/\nCFG5\r\n=XUp2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCySwzTrw/+xPB/KHlo5Ro0yXQqvACvMX61iva/pAS3UQIgAUaj+C4WG6TOy9DV6WpiRSQQogZLmGmhoA2mTUlonGY="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.4_1528354042645_0.6323230277996903"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.5":{"name":"rax-picture","version":"0.6.5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.5","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5"},"_id":"rax-picture@0.6.5","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-rGnuBjVz/Om+amUvvpsxjjA+G4Heh0mZW1pSulaDViAkc9AFD91gad8NRp4sAeAioofUlUaQdxmI6hupUtQs1w==","shasum":"409b0abc65e9d347433b3f83cb0bd340728a451b","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.5.tgz","fileCount":34,"unpackedSize":402710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfnVfCRA9TVsSAnZWagAAswsQAII9voIoeUZi6qwXEcCo\nEcPGZr9FECZ9vmltu/sTY6rsucwl5dKaojE0GToGsjKWci5hy4yypgWGfkG9\nwolYEd73DGNft0nRiGPjcjbeEH1ZYXmbdi4DF9ks4+lSdezEdfWfM33E/wG6\nh9cFMFH2fSMgkdL7R6gFtu1z3etNjHsrcDVobV2quysLVQy/mj+MAeif4kHU\nT9AbiYz5do1c8CI0TYf6qNj+NM+YwOucvLsjG51B7/CRm/kS0XlooUAl/LLV\nJXVC+wJ66Cg0rAjJQawfBiQ9hW9DHoDUlEGYZLklLmGiWL5qLsjGO5bk+VtE\nNQnAzXf2gP8pRaddmG4Zm056L+FkQFcL7h9QUB2rDEUtucASnjCO/BI14IH3\nOqGE9OaY0g7FqAWEWuhGzfCWVkE/TkOZsLJPUvzX8S4GRLEryq7fr5fz3O5j\ngdQ9wL3KffY011hkfic9pMuMb0o4mhrLRpziGisf+yyKlBAYR8yI9AEiSReN\n8EGtS1mM33AyIb+2GO/WvlyJco25CLaJwFTcOq5HZrDH5ScJ8+9fg+h5NXzl\nR0GDdbT4jZ3G6ct1OvtN2t9pYgvCgPxPV6SK1SAouL06ljAlQ1UjGvSoj9/U\nufle2kjyG+1U7Hhkdcp0mx0JwEGJhISOQ38RK1nHlC2QMR6R55A4sYFAWb0i\npfu2\r\n=rJIX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxNaBN0J+LhCBivnRMYXKhnjdOlxqnmH1AcUZ35lu/4gIgB1o5XyolAyBgBkRGCjrDRNTZPdH97aVQvMGmVublLrA="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.5_1535014239090_0.3659030110380266"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.6":{"name":"rax-picture","version":"0.6.6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.6","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5"},"_id":"rax-picture@0.6.6","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-UwXmiFO6XEuNpgUCxjXX1d3kQWbWMrur4hYr4WQI2BDjhur7UVC0PitriF0BMwYyT+n38Womsyqh0o7PA/cBYA==","shasum":"bfd868b46537d22d89752bea13e04edd2594bd71","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.6.tgz","fileCount":34,"unpackedSize":403331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbf3w/CRA9TVsSAnZWagAA+PEP/0vCmkk6QouWuKRcnXdm\nKIhs6oycfEP+g33oajGL1WAPcT/M147WlwVFWKKHWWCqHBqyLndWHQQguo3i\nv9FMT/iDMd9vayh0alfD76ciLh1mSScgitULsEj/dgDfudDbrvWgJtcAsJAY\nXLSRJhlfw3ZujyoGGFsiiSGXIVvAJB9aO47Dw0rhYX+TKT80UhiBpq/4FZ7I\n0izNEzxYHyYeMdPC/V8rwQlB6tlBx8Ata9th0bQVu4Tae+oqVByd8QNkXNtj\n15bdvamoKPz8IBA4JJFBegfu/IVJyZY/89ovrUydaL38YpIrXxQ6SWq6oNtH\n51jsI+AKfQdIHtQhzLqsxi7/zbcIM6fs57892JK1vslsgt+E1t/wHUMGk0dT\nDs0pTrjGJdDXxVD7xK9aDDrB+0acXTlZ0iM0gNlcGfs8Imsu1cH5pw6n8nPs\ndPNJyF497cQceSPFKqmaNjLF4Rbw/WM7ZQjvfxNFfsrTQZKcuiRFXtbv69dC\nw3H4iQjvBoPjoHZrOtYBFnOL0mM8Sw+CdvkPmbi36hgb1zzVboVfq5sbc/JH\nXQPFSL0u1l7kj3AkCmomGMSJmY4FAHeSe7tIQ18i7tVE8vyTqvGkl/Wb7TLq\nK4fK1JH6hPCirdQ+VMF30IDMP9rqvFBfHs61HZtgYIAgAcQwzZQ8jMylvKSi\nSoBf\r\n=5hZR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYrE1OpZo9Fhn5N9swIzrGg+rbP+zSzlyHsHHFkEoUqAiAK7Gtqc9uDLV6aBF5JivNMyGv9B02i+2eQOlUzG3ZlZQ=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.6_1535081534871_0.5513138598167513"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.6.6-1":{"name":"rax-picture","version":"0.6.6-1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.6","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5"},"_id":"rax-picture@0.6.6-1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-73yWoq7X0zi1r0xBgUzCd5SbOOWwv7KqzfZzd+dwhogG7X2DtAKUK1nOVrQ5l3/pNESGmLc+5Si8aXkWDORStA==","shasum":"ccfb7ef64ff24ce948e95c533e440399da08c4cc","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.6.6-1.tgz","fileCount":36,"unpackedSize":417494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9rVjCRA9TVsSAnZWagAAb7MQAI/hXunI1JlFVLZ4q6aF\nHbebap+WfYSp7mxfkK+IbY+ElyWGKg4gbEXSYC1YqI1GzDXJif1G2Fmxqq9O\nYhGBzFVm7W2mivMyKWOOSLr2bSVPsPlMFQxCMXW6QFzrgPGBpd/dvn6U5b89\nhlPMwy8I0gp3ggPRrJ0bh44f0REAifHR8Me0biWYKhMH8GwXlTw+fKCqFkWM\nkVv4PTAYlUIdVWboVZmvOPMOeWYVCe33k/H5Ai8dUhX+sBzrosJUa1JPyAIm\nl4GYdsG+BQN4ywf1Upm8yHdONGPE0vbgfFK96U3upmt1lNDkGbmQYq70hxLf\n/n8CqDJvRgEfCSzhzqNhQ8WE3mPk3sxMf8eE0cEjR2daSoUgErBSN7vmqV5O\ncYaQ6J3NcLIuoReNwadxuq5A9RQvxI74qTcPtyW5l/erCJ5yELrWBdNr7bqA\nssJKsl7yUexXXhCM4QRYw8MSQCb8+bnZ12XwSIrpuVecdBJpkdJTP7RJWwVW\nQ7w+8WYsJDYb17ASBBjpsmrTLNHp3tiU7u1UsUSwb9SlnMprhJ85TK7l5FQ0\nDdXhqwwI5Eg49n03ckeaqsPCw+IVglM1ZucrrGRoLgn73m/mb3qCM/qZieD1\nj/Qbr/EqGFdCoHxoHq4APhiGEuXoD1iZP830TDI5ghwQOLlUpJRxOJKtemPp\nwBxz\r\n=wvqZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZ0/gAUUPkYsp1s7IPe1fMmDbc9B7XTsIkXUXkN2sj4AiApGIK7fL2WY8mE/NOCIGs413GagrQ3Dryzn2+kDk0bEA=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.6.6-1_1542894947073_0.47905781251460056"},"_hasShrinkwrap":false},"0.7.0":{"name":"rax-picture","version":"0.7.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.6","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^0.6.5","rax-scripts":"^1.0.0-beta.2","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"gitHead":"62d71de719f815a73820b34f21c801e0515c911b","_id":"rax-picture@0.7.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-kU2xM+tqcsFI6R2GiZNbK5IrmscaDaQTUdIx6JvEPc/5lR01xy1dtSumN8+IIqg37qSglx04KZqFMR02E4vZow==","shasum":"6f013690f7bf9a266ebf8920c4327a76eb62ec81","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.7.0.tgz","fileCount":21,"unpackedSize":319466,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcd4ZTCRA9TVsSAnZWagAAfIEQAKOuOdI+0pRQyXEDpore\n2N4Mm6YsM9gq39dxMpgeG9CePwlD8tG58diu0cRT4B0KH5mZfd27tWRpgzeF\nyYPpfGuypPoEiTRxxQkzY9UF5xD4qcRnkeZpFKbhMz7v2QnYcoKU/xXn8fPz\nj5zy680Khg8khm5BH/oy/uGFy7yJ0n7XfxqYCeEdFAQVzviuM8dJYpxiMIlT\n336emSfUm43uNGjw2ySN72im7gb00dh4/p4nOD6rVCYenLSHQmoklY7+yrik\nVxKu9yGOQ2fFVUhNUCz0KoKak0m/J6GgXuU2KKghahb0KuyP/xVDaCunfhO1\n9VmI/tif8cEkoP/cfL+aCSVuFBV62Br9xWmV+ejvdnDpea82qtwdOBa/qGDD\nKZRWWU2ezK3UUcLfUuEtJ054T69QmRIQQWpUWeipfrIwKReBKKyXUt31Kh/t\nClJmNjR+1rw3p6q/ctBSWWNcl9/clFfShW9kFyKbXdryra/eNYtvisdQUj66\nW15geGnSw5wGODnwEYuE5dy90pilsPCbuat0RXHd3wzrzolmfeOm5agW5t9F\nukbZRMf6pENsjM3XDCK7FcBv01xm1+FDYIiCh7xzFUGji/oQdaiUQyfCoCa5\nU1R1jEuSHvALFVFZajxm8eYYqSnU4Ghwr8M88c6Kxvk6hsIoI3JmYqu7QbWH\nYbRX\r\n=R5yY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIQBvZnZhSPAXMZWRQBv12HzaYRx1mSYC82eAh2UcqtAIhAIY8v/RqbMjzZFIKEQG4hHrkEYZ4GI3jbp+KG11LQbCJ"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.7.0_1551337043099_0.9383234943201182"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.7.1":{"name":"rax-picture","version":"0.7.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.5","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5"},"__npminstall_done":"Thu Feb 28 2019 15:32:57 GMT+0800 (GMT+08:00)","_from":"rax-picture@0.6.5","_resolved":"http://registry.npm.alibaba-inc.com/rax-picture/download/rax-picture-0.6.5.tgz","_id":"rax-picture@0.7.1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-ydTtAFkplTtif0k1ed6G1ZJvwA5TGfe2SPJFOiUDbQmWf+oyw//SZcZ/kS2cxUeqMkM5NVh7A2ECOvRKpp7GtA==","shasum":"729b77d81e619c8719bd2c2933b146a880595db3","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.7.1.tgz","fileCount":34,"unpackedSize":402910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcd4+HCRA9TVsSAnZWagAA9zMP/jEdmAJ45mxJ6o7ejjeg\nCou2WCn4mFV+QVs3G0VFhI+FPPb1675HKR96NZ4t25CshsjrHQYgnsegEKav\npJJGok4MFBm3navuaZAgVTKeiZH1JVU7kLk2OY89kJz5m58EAN85JFOaD7tb\n2djgMuMaOGqIQiZwGRi7O6fDY3+xkOJxifEH/ITEY+xmzg91PNf8OkLYaWRG\npL7SqGaEiFDlE8YOsJag6ycNxXuPZqPP9qxAmPD/vMm1vuXChiH+6qZ8btNT\nQ5CHc611WWz8TaP3VrtpwF6KwTXLB4xEZwiVk+FPTGvIUZuFeTitypxp4ICH\nTPLmvXpME9jTrDvZyhwYVihJagB990V+BbPAA3MN/RPUNNHyZW+Y6fQM947I\nQhheUY0ccSgTeC6wxyiGc5f9jqynwazaamGsZPcw5ycBcvW8iitSKtG56/9b\n+URotmt2ZgDCiaYAglp23O+FIILbv7FxtaW8h7ar4YovkEkAAMXcrGVR6ZOW\nHPU2Iy2Vemz+4ZNVU67fUI8aer6GxwVsOKRQwZ1GLjeDhnJy2Fc9Sa2F0zVk\nnbYayNR4JxmeVmAQYqemZVSvQsgfSElr+onwsnIc413LNc68vHmkJzDvmozL\nHLlHuu5/WeB9YPRkAHzCPrKZYrYwbzjIc9ByBHr0q4WjfUNLDTrvhOy2xsfJ\n8oP+\r\n=PF2i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEvaDmnIGBb+gFKtFBTWPXm1K57Sv/QKc15W4cGJNMWoAiEAznVC/1Sj9bYVJJ0LKsPhRAJ0r8OcsrmeMXcYdA4FV6g="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.7.1_1551339398000_0.8083016046777802"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.7.2":{"name":"rax-picture","version":"0.7.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.6","rax-view":"^0.6.5","universal-env":"^0.6.5","user":"0.0.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^0.6.5","rax-scripts":"^1.0.0-beta.2","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"_id":"rax-picture@0.7.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-kkWuveEKe6tqOh0aTPpwubQzn57lIEAql2BUPEVC7PWjOGTkHtINgFEsi8+c0Swkgi9966SVauiREUSBYPnJuQ==","shasum":"04b6ba10a88cda684735f130a5eeabad23c05a84","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.7.2.tgz","fileCount":22,"unpackedSize":383629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJciad1CRA9TVsSAnZWagAAJT0QAJUQQuHyx3yNiyxY8lp5\n7mIqSRnoAEH6rJNvobq6NJn71BRzBINCmfqUONDXNV/G98sNUSuSVA7VYR0m\nHcTI9anyILNpxUhSMJZcBzk7ZVNKOtzs1w4541B1OwGPNKTfOve0Te/M+Fb9\nSxzItzUB4zwF7e5eXjggBjKATXabzvlFaKGcSl49KYzjqD5MUa9eeGHEuTTz\nlzQyJ8f6ygBuI45vXk1ygtx9RJ110LdjOyZc9AU7zEx6NsHkGTrDg22Irt3a\nEhO2f/VyMhC61CYCEx8ExiINGNq8Gm1gSRDvdY2EKdJl+vCxUF+ImcEW/oZh\ncYVH2lq2uBOauLmLyCUeCrmy7Ry+h0Pov/uwx0yNv3ykmtH6BvOZ0YxziPE5\n66EFDcy/8fA9bqcYJ9GPy/Sr9qI3P0ITYWpr8o0iTlCwIMyeFhY7cV7eXOvi\nnHyhDHa0Fa3pZS47ync9T8THJyv/cWZ+JP08SH6EMEH13qTcfyjSg+bPgBLy\nO1/QhYL3HbX5wbixGQOpMCTMm9jmrH/iz5SmpGMqBHa0jKxM+2sKAenvNLQk\n3aIwGYRriSjsVUGzKaSlKyIbfoKtlZA1B8nOp2Ndt2XR6o0sUyaYOlY+IVar\nQxV709f0L5ttwdRa2N3sPZmEIuNo6ShAFABwP7hH7FYK9YhjS2IVZbc9CHdT\nZlvp\r\n=6c20\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZiuL1EQ502eThFBP2WjKtscYg7h2lSx5S2seObKMGSAiBBQMTim756gC4ImlKCKsnIO75Ag4+4OYedZanNr2b4GA=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.7.2_1552525173019_0.5865885055684903"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"0.7.3":{"name":"rax-picture","version":"0.7.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^0.6.6","rax-view":"^0.6.5","universal-env":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^0.6.5","rax-scripts":"^1.0.0-beta.2","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"_id":"rax-picture@0.7.3","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-8mH4IB9GXO7G547aWyMdXOuaPAwOl0lVdo/JOv3loex1gXH/cqYykZp9yyt7KIIEed7tr34d+SwN/+/7njgZtw==","shasum":"4b7056540407da34674da36b7097defc321831ee","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-0.7.3.tgz","fileCount":34,"unpackedSize":404275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcibPYCRA9TVsSAnZWagAAHvQP+gJN1JEDeLwzooDB/NlZ\nVsx0WBhjtKBO+VW9I98j4c1j5wVXOahZlQsHJvUZZH+PqKIQpOEwh0Mk7WJx\n+YZnjw16/Vs89crCMX1deforgAUEYTQGO2lfKB4iA5mLJjnot7CWPcoJeDam\nbQuqVC6Wt/jo9Ed06RLfcne9pZQmalDQe6qSh4jdVZcQ4ZkKYcWL3G8YyeYy\nY2auj+SYYt2ET2ACfVrPrwpk7n5j/EioJO4TV3fdCb0fnDZHX9ht9isuqoCF\nKuEFkY9JtktOrS7LSLcVs7Q9WnW5BRlabZWrhiKhXpL6MoEaNCnsSTEOC3rl\nS3Z0nKLmOV3zF0gaxIjdM+TJAp+Y3YP1JofBvhqgjI9cpQde9SOkkWL+8JSL\nlHYD6ehX6j76KP9OrlDbRPJ6m76e9oiJuzkUPU0g+OP4FpeKRcNZ4lZbqxWn\naHJWcIw0OwgNVgrRXdYliHozM0TPt7eWwxng0hI3if5f4L24C+QcvOYRg2Fh\n9iM4O7atjJHTEpVcQ8rWKB+9pbFZwLAYUcZSLdjJIXwW3p1fcE8JcF4F94Ii\nHoiVtdxnRfBfIY+YhUzTg3rXCH0URWyU4HFD14cskgQKmKYClVj6ahw04iW+\ndf7HnsfcvNkzYZACq/ecYWhwtsVAVs4nD1gpHtCJ2UbEQas+VZ02VjCaEClm\nRsjT\r\n=cYNz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJKmSWoDW+taYPQAcPRLj+vnfrb/2qK8L2Dgrwui8uHAiARpr+deM3Na4n7tr2V9ib7ohErovXxomL/4lsCtzv3fw=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_0.7.3_1552528344165_0.787661041434611"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.0.0-beta.0":{"name":"rax-picture","version":"1.0.0-beta.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^1.0.0-beta.1","rax-view":"^1.0.0-beta.0","universal-env":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\nComplex image component\n\n## Install\n\n```bash\n$ npm install rax-picture --save\n```\n\n## Import\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## Props\n\n| name      | type       | default  | describe   |\n| :--------------- | :------ | :-------- | :----------------------------- |\n| source           | object  | {uri: ''} | picture source（need）                 |\n| style            | object  |           | must set style.width ，style.height ，（need） |\n| resizeMode       | string  | stretch   | How to adjust the size of the picture when the picture size is out of proportion       |\n| forceUpdate      | boolean | false     | Picture is a PureComponent ，It will render when porps.source.uri has change (in shouldComponentUpdate), If you want to ignore shouldComponentUpdate，you need `forceUpdate={true}` |\n| width            | number  |           | picture width (px)        |\n| height           | number  |           | picture height (px)       |\n| lazyload         | boolean | false     | （for web）picture lazyload，useing：` //g.alicdn.com/kg/appear/0.2.2/appear.min.js` |\n| autoPixelRatio   | boolean | true      | （for web）high resolution   |\n| placeholder      | string  |           | （for web）background image for lazyload      |\n| autoRemoveScheme | boolean | true      | （for web) Automatic deletion protocol header    |\n\n\n** resizeMode value：**\n\n* cover: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).\n* contain: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).\n* stretch: Scale width and height independently, This may change the aspect ratio of the src.\n\n(must set `style.width` && `style.height`)\n\n## Example\n\n```jsx\nimport {createElement, Component, render} from 'rax';\nimport ScrollView from 'rax-scrollview';\nimport 'rax-components'; // hack for rax-picture@0.2.5\nimport Picture from 'rax-picture';\n\nclass Demo extends Component {\n  render() {\n    return <ScrollView ref='scroll'>\n       <Picture\n         source={{\n           uri: '//gw.alicdn.com/tfscom/tuitui/TB2jLF1lXXXXXc7XXXXXXXXXXXX_!!0-dgshop.jpg',\n         }}\n         style={{\n           width: 375,\n           height: 252\n         }}\n         lazyload={true}\n         resizeMode=\"cover\"\n       />\n    </ScrollView>;\n  }\n}\nrender(<Demo />);\n```\n\n## Local image example\n\nuseing image-source-loader 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 source={require('./path/to/your/image.png')}\n        resizeMode=\"cover\"\n      />\n    );\n  }\n}\n\nrender(<App />);\n```","readmeFilename":"README.md","gitHead":"48d2ee6b19810cb791569a7bdb08c35aba949393","_id":"rax-picture@1.0.0-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-Z+S79c9704fjFuiFED86yU+ZksHno3sUxnnuifFuvVlxtXmaAO/6MQsTvE+GIVFY65LOmi9rHqPguaDPZz93hg==","shasum":"e96367432a6429c499b600561f9d2acc57ae5a37","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.0-beta.0.tgz","fileCount":35,"unpackedSize":250229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcqhkLCRA9TVsSAnZWagAAIgMP/j+KS8JLArfygUbMqHni\niguhueaHIHKFUCvmzlaLJ6VmBaegXao2qN1l5BNDqTM7bblq1TF99VpNNXNq\ntuDFcetc8s+z1xoctZvDkd62Y3pmJD/omed3PxUFUHsWVzvi1tO82CkYO3Gd\ntkTyAldM+rh82PqJhj3L/LJVZC/CLmg5dyVhvcQkSc4bdX5fi6x0XXFyiKQx\nmCYP81kclvlun7LROw/Cmsn7y3mUMGDodJelMmniwdwFQeyNQeB6zz/oPEEI\nzyUKYt0wCT2H9VhyzIo6YHx3tPYGeIw1kDq8CNgyqmRlrNRBhPDaqtGRXubC\nXb6uUE6aeh5psgMfjNpMz9MzMJ9S6AsL7/L/0l4cEDvLWhiBTONUV3y9Yt8K\nX9ERO5PRYybr8TZ0MofyyyW+MOS+eAPjq1It7lRbCsWChJX+vJVY1o2F7Qua\nVzDxBIoEzoGKUziE9yeaubHPmxYVn0XQVTcyXmkKczlqLeNFcdaCy2iMltQ9\nU5VE5AnZtdso965ZIu5J1SPJKDcPOYt43DC96tLwUcMG3jXBNhpB2/OHNbAR\njXlFhVsrKj6Nlag7jTy5sjIZULHENAHoxz8PULgOxsq3tvDcYZpAA0lmbjr4\n0uT030a0Y+n6evml7NaVBJm5RGBMPpvF8rthVpRBqlo2ugnL+9KCVc3NXz6m\nTg1C\r\n=i6+X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0QG1Vn4ZJ5dIyyGkOGcm1R3vd5AY0kTIzRwcvX/cndAIhAIs4yiCOfoxnNApUT9kx2PaZzcUl6wOJYZEc3tnOAFqW"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.0-beta.0_1554651402727_0.22252470290144788"},"_hasShrinkwrap":false},"1.0.0-beta.1":{"name":"rax-picture","version":"1.0.0-beta.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^1.0.0-beta.1","rax-view":"^1.0.0-beta.0","universal-env":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\nComplex image component\n\n## Install\n\n```bash\n$ npm install rax-picture --save\n```\n\n## Import\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## Props\n\n| name      | type       | default  | describe   |\n| :--------------- | :------ | :-------- | :----------------------------- |\n| source           | object  | {uri: ''} | picture source（need）                 |\n| style            | object  |           | must set style.width ，style.height ，（need） |\n| resizeMode       | string  | stretch   | How to adjust the size of the picture when the picture size is out of proportion       |\n| forceUpdate      | boolean | false     | Picture is a PureComponent ，It will render when porps.source.uri has change (in shouldComponentUpdate), If you want to ignore shouldComponentUpdate，you need `forceUpdate={true}` |\n| width            | number  |           | picture width (px)        |\n| height           | number  |           | picture height (px)       |\n| lazyload         | boolean | false     | （for web）picture lazyload，useing：` //g.alicdn.com/kg/appear/0.2.2/appear.min.js` |\n| autoPixelRatio   | boolean | true      | （for web）high resolution   |\n| placeholder      | string  |           | （for web）background image for lazyload      |\n| autoRemoveScheme | boolean | true      | （for web) Automatic deletion protocol header    |\n\n\n** resizeMode value：**\n\n* cover: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).\n* contain: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).\n* stretch: Scale width and height independently, This may change the aspect ratio of the src.\n\n(must set `style.width` && `style.height`)\n\n## Example\n\n```jsx\nimport {createElement, Component, render} from 'rax';\nimport ScrollView from 'rax-scrollview';\nimport 'rax-components'; // hack for rax-picture@0.2.5\nimport Picture from 'rax-picture';\n\nclass Demo extends Component {\n  render() {\n    return <ScrollView ref='scroll'>\n       <Picture\n         source={{\n           uri: '//gw.alicdn.com/tfscom/tuitui/TB2jLF1lXXXXXc7XXXXXXXXXXXX_!!0-dgshop.jpg',\n         }}\n         style={{\n           width: 375,\n           height: 252\n         }}\n         lazyload={true}\n         resizeMode=\"cover\"\n       />\n    </ScrollView>;\n  }\n}\nrender(<Demo />);\n```\n\n## Local image example\n\nuseing image-source-loader 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 source={require('./path/to/your/image.png')}\n        resizeMode=\"cover\"\n      />\n    );\n  }\n}\n\nrender(<App />);\n```","readmeFilename":"README.md","gitHead":"e87062520dff55b96278a26b76b4411b3c55faa4","_id":"rax-picture@1.0.0-beta.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-NPHjn7rYjKPqY9w6sRKE3w8ksrgzVEtiXIhgjcwgPc274npTjVaTNyRHAOdB33CDIZxGUsGaP9vy3RluyQ4d+A==","shasum":"d56b1d2bc7777b13a637451ea7207dbb2a9023b9","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.0-beta.1.tgz","fileCount":35,"unpackedSize":246708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcxmBSCRA9TVsSAnZWagAAJYoP/RhEPtTQoZ6528+z+fAa\no7UiVjuOxdbiYDclmzo0y9DW5rcDSec7zIIQJ2pENAXW5ehww6GxjPO03KHc\noJmPmfj5JrkfH846cPe+J1jt49Wud9dNSWBOWQiuRsUBhYhGFdK6E12NbtsA\n+CVC+mUZ71nyD3m+D6ogk17BEd9kZwJwEV+23kqvYF1wOQwpPyfPRKP5HZH8\nlEjqLUliXFvIw7g3venU09Fs6veU3+3Q/d9KjG+4QLuf1eX46Q8y0IbBgOqd\n+tGUFwkQk4eLPJNX2gbnH4rVRP8imd1rPdIKytd0OiHqJAr02+Ta3JvHgbuv\nZPa3Zid47zAssnTqlAmfqsItMXOQ5rDKdYyuV5SHI47Bd6GnjI+KDbqB2YEC\nfxHFLo75FWUhklPMYU/yYbPA/KqeoG1ezAU+ffeYrUHk23YjD35egAXgT0Bc\n3o1dn6G3wJyahsBu3o/tcIPPGdNAoZ1wetn0ifN2jGn9isSbT5uIBeWTShtq\nHdZ/vDCISavspWQLg/94FItOw3IsacCx4j27oBbVvagwv56gWLvULyxQfgX4\nEa+pOQ8Q7pfBByjQcTBOkNwijhp8bYE2bRGUpiVgzRoIsZ8iP7R/xiZuxsPC\nC2vOf/ObMGJXdk+HUCbxZMPejb6PheyPHPXTpi0vTx1uuRnrf+2hDMhSdj3a\nyPNp\r\n=gNz2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCW9+XhQuVkRP3FTBgq5CuD6DJ6d940KSCVqFTrhcimTAIhAOosAvCwa1RcHV7fu3X/HgSV4bD3kFp103Ossqp8NhoP"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.0-beta.1_1556504657216_0.15788390535525543"},"_hasShrinkwrap":false},"1.0.1-beta.0":{"name":"rax-picture","version":"1.0.1-beta.0","description":"rax picture","author":{"name":"qiaofu","email":"qiaofu@taobao.com"},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^1.0.1-beta.0","rax-view":"^1.0.1-beta.0","universal-env":"^0.6.6"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-dom":"^1.0.0","driver-weex":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"readme":"## <%= answers.name%>\n<%= answers.description %>\n\n## Install\n\n```\n$ npm install <%= answers.name%> --save\n```\n\n## Import\n\n```\nimport RaxPicture from '<%= answers.name%>';\n```\n\n## API说明\n\n### Props\n\n|name|type|default|describe|\n|:---------------|:--------|:----|:----------|\n|name|String|''|describe|\n\n### Function\n\n|name|param|return|describe|\n|:---------------|:--------|:----|:----------|\n|name|Object|/|describe|\n\n## Example\n\n```\nimport {createElement, Component, render} from 'rax';\nimport RaxPicture from 'rax-rax-picture';\n\nclass App extends Component {\n  render() {\n    return (\n      <RaxPicture>\n      \t{ /* your code */ } \n      </RaxPicture>\n    );\n  }\n}\n\nrender(<App />);\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.0.1-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},"dist":{"integrity":"sha512-um4NCPQDaebZitmxxM0ahX/30A6nBvJ/bD8tP1AHuwslrHtVynu3ONuoMobMbHjOkLON7HRv7hVC7XNnnyQ93A==","shasum":"290d52ea1cb766f974bd8b552a103462a2b1c0a5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.1-beta.0.tgz","fileCount":55,"unpackedSize":56315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAiBbCRA9TVsSAnZWagAALmIQAKJcCiJzYnmfi2Ij3WmN\n73LdACLogif9r+UQp7YFqfL66Y9bs/W0UnmwDW8dm+iVu33WoF8OWOoO4uqX\nFGjsjs+pI+uNkX9vnlyt3ehV7hWLi91mXBiSiP54NiMhY0/I7gdc2ponxDHB\nS88ClR64TtVgq6S2hUo0zenWpgSKEuWAbqbpX8TCjfbhDLWaeoObu4gtewHI\nK51DpaENKQq09HKnn8x3koGhLXEoomNMiJpVQA3X55nqIfbEsMxbEmsRpsSA\nKTymUz/pF64xhK0/ehUXpV2symYwivy3JrDpNAaE+V/UDdbQ625flXcAy5FU\naKYApAHZ5SR91oGWYHNkOZ4CPgcXex24iXb5QyJ2169I1Qolcd332KypNXXk\nChjVlm1SNpchaDCPdXx7yBX8Ki5tXRlswDZOnuZYI/FeA2ozJpdPOuZv3SNz\nRPSxAobRdvxxJteL+Ti12hrD5MQb7TdanhHzGbK7uj+8PV4DOEJtRHIAB1wq\nAlCviAJ4FNxde2d0KIDx2Auimtp8x/UJ23177N6sLr6AGeoKz+cNJY6oLClC\nulNAZsQBpu6Ne/UM6ppNKXiEzRAk+d9AnqQWvZ+ES+EVakoAsmBLA/gWcn/Z\nkY5c2v0WX20guo5AnKYXz1kAtESVQ/DNKOT4F0l5R6nmdHLO7g12Pd7juaFC\nj2kR\r\n=T52B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFu1B1lyqkPZv5Y4iEpGSJnZV2xe2/dfJBTYSyN56eK3AiBN93YyUtbTsnW4B3+fSN/08WnA7xqvN3QrH1l3E4nZCw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.1-beta.0_1560420442582_0.07611606301800311"},"_hasShrinkwrap":false},"1.0.1-beta.1":{"name":"rax-picture","version":"1.0.1-beta.1","description":"rax picture","author":{"name":"qiaofu","email":"qiaofu@taobao.com"},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build"},"keywords":["Rax","rax-component"],"miniappConfig":{"main":"lib/miniapp/index"},"engines":{"npm":">=3.0.0"},"dependencies":{"rax-image":"^1.0.1-beta.0","rax-view":"^1.0.1-beta.0","universal-env":"^0.6.6"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-dom":"^1.0.0","driver-weex":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"readme":"## <%= answers.name%>\n<%= answers.description %>\n\n## Install\n\n```\n$ npm install <%= answers.name%> --save\n```\n\n## Import\n\n```\nimport RaxPicture from '<%= answers.name%>';\n```\n\n## API说明\n\n### Props\n\n|name|type|default|describe|\n|:---------------|:--------|:----|:----------|\n|name|String|''|describe|\n\n### Function\n\n|name|param|return|describe|\n|:---------------|:--------|:----|:----------|\n|name|Object|/|describe|\n\n## Example\n\n```\nimport {createElement, Component, render} from 'rax';\nimport RaxPicture from 'rax-rax-picture';\n\nclass App extends Component {\n  render() {\n    return (\n      <RaxPicture>\n      \t{ /* your code */ } \n      </RaxPicture>\n    );\n  }\n}\n\nrender(<App />);\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.0.1-beta.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},"dist":{"integrity":"sha512-+qCZ6tfHwDQoEJ776+L6hJ4wGrbByg/+3F35/ZcpPwf6YX5MQb5p61yyEy8irg8VvzpB5T/qmL/3wVoLA+VR9w==","shasum":"739d11f081f124e114aad134bad8a262280ed60c","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.1-beta.1.tgz","fileCount":54,"unpackedSize":54958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAxRSCRA9TVsSAnZWagAA1MEP/2e1nNYDY589sDtWmdKM\n+KmJnrYrYN//V6pg1gjjq62BendESSGZs5QKcQeKduCt1sE0tskJ17YreBgE\n1bbWcqT/e/6OASfQR/LY7Ml5exsa7ib69Nr0jwrHgOVNPF+sgmG+u5AYTsjb\niHVhuOKNJAdKdmcuuHZ7eWgESFcYkRTy1WPnpRxZLPh05CJQU+FR9WotVnR7\nDWwxc6prEJ7CrxWxExZbzuGoLOkiYFMnwZXIucBqjb6oO2N27N9aZoA4EbA/\nq7io4i8g9Z7SwnpEz0rjVkgyMPGiJbMEMV1dA+njJudR4dRFq63ywLs8Yb9L\nhu0jBk5RjCtQe4dp4HkGGhFHGjUW4SCwUCdFk9c7QMmZ331lk5VwU1WxieCB\nLt0D7N8Uv7Te/m7fVQn22WA0DumprnBMAkLePKw6rZWYy2/N2PSWD1xzyhOQ\nmtd3WkVjtRy3CZcNuuTHYbpj+/mdjy0s6ZCTI/R3PuUAFFwRVdKg9kgBOtnC\nm96xoX6HbpMjDKKkIjotfl+ld9CqrWlZ7tsFyTr8gSuCnqzPj1ezsW+l/FzJ\nNsfGOy7l30auEMkh22MtoTdO/A7dgF5UrOWvBqNY8zQIviaiDAH4eZqVNZ8s\nNdyTlZpDaeFzA7uEC0eKWRDrj41I00/CYmHaTuFRRBc8YGVBioCsiJHVIRlU\nxCxB\r\n=MPEu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi2YwF5pvnC3Jw7r6dC0vqj0hYv9cHHoxOqRVNIuf1zwIhAJcABKngBwt94zNZdP3bxfN3Y1E+9VEqzhhOJIlJO65x"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.1-beta.1_1560482897594_0.1844525567112294"},"_hasShrinkwrap":false},"1.0.1-beta.2":{"name":"rax-picture","version":"1.0.1-beta.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","miniapp":"rax-scripts start --type 'component-miniapp'","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"1.0.1-beta.0","rax-view":"1.0.1-beta.2","universal-env":"^0.6.6"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-dom":"^1.0.0","driver-weex":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\nComplex image component\n\n## Install\n\n```bash\n$ npm install rax-picture --save\n```\n\n## Import\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## Props\n\n| name      | type       | default  | describe   |\n| :--------------- | :------ | :-------- | :----------------------------- |\n| source           | object  | {uri: ''} | picture source（need）                 |\n| style            | object  |           | must set style.width ，style.height ，（need） |\n| resizeMode       | string  | stretch   | How to adjust the size of the picture when the picture size is out of proportion       |\n| forceUpdate      | boolean | false     | Picture is a PureComponent ，It will render when porps.source.uri has change (in shouldComponentUpdate), If you want to ignore shouldComponentUpdate，you need `forceUpdate={true}` |\n| width            | number  |           | picture width (px)        |\n| height           | number  |           | picture height (px)       |\n| lazyload         | boolean | false     | （for web）picture lazyload，useing：` //g.alicdn.com/kg/appear/0.2.2/appear.min.js` |\n| autoPixelRatio   | boolean | true      | （for web）high resolution   |\n| placeholder      | string  |           | （for web）background image for lazyload      |\n| autoRemoveScheme | boolean | true      | （for web) Automatic deletion protocol header    |\n\n\n** resizeMode value：**\n\n* cover: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).\n* contain: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).\n* stretch: Scale width and height independently, This may change the aspect ratio of the src.\n\n(must set `style.width` && `style.height`)\n\n## Example\n\n```jsx\nimport {createElement, Component, render} from 'rax';\nimport ScrollView from 'rax-scrollview';\nimport 'rax-components'; // hack for rax-picture@0.2.5\nimport Picture from 'rax-picture';\n\nclass Demo extends Component {\n  render() {\n    return <ScrollView ref='scroll'>\n       <Picture\n         source={{\n           uri: '//gw.alicdn.com/tfscom/tuitui/TB2jLF1lXXXXXc7XXXXXXXXXXXX_!!0-dgshop.jpg',\n         }}\n         style={{\n           width: 375,\n           height: 252\n         }}\n         lazyload={true}\n         resizeMode=\"cover\"\n       />\n    </ScrollView>;\n  }\n}\nrender(<Demo />);\n```\n\n## Local image example\n\nuseing image-source-loader 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 source={require('./path/to/your/image.png')}\n        resizeMode=\"cover\"\n      />\n    );\n  }\n}\n\nrender(<App />);\n```","readmeFilename":"README.md","gitHead":"faa2e9866db5693ae1388a72ce618033b085cad0","_id":"rax-picture@1.0.1-beta.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},"dist":{"integrity":"sha512-BpvqKjV/njyT0Ck+k+k+xoioM+aPCtt+bWDno2rIn+KkhIslY6o9icvAp0O2jCoykLlUKW3+/f0qXfRG4WDSLA==","shasum":"4d87d4d491a14ebec0c833c45e54e7e0f04e55bd","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.1-beta.2.tgz","fileCount":28,"unpackedSize":35150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCzIBCRA9TVsSAnZWagAAUmIQAKHdR8Xuhp8iBqP60bH6\njgyzOtVQnt0JChxPfAozO8hVFytLs1hgjDh0lE5JmF3/rmSKcQb0ac96vgAa\nw9eeM/WAhhTKzvIL8XVZWJdlhk6xN3dGhhLl32hjozY8/EqLCeGY/Pzf80/e\nwhre4cBgXbPD5LwYpTONHwP8QNhEhDRNfC2Eht+zV51zIVSMGhC1FePT7S/k\nXLuLDTk0XOoJIPH/9GU4F793skRS61D2NmFi5a1SUrbOF6CgsLvNRFKMVpfS\nhE51aUhWlHxiD8bb/+HJKQUIRMd8bevZWoCf61qh7tedYmNVrKYcJYF8J6F7\n3EwNJVJfxQzCt86j8DTZIgRtXSt8gd0hTQqIEVgf/GKi3B8TzY0AKDi4fUjf\nDn61oFHXmTpfGWsXJccbj40Dj2VQK9FDHLpLi1iK5XJbd4KWKBVNQIhoxzPX\ngIXkLJMp1i6afa0+AWmsM2UaSpS932PSW8NQpbP1kNF98KvaQq6dqAlOUK/J\nO7l8O8JGJYX1EBycPjPSMcHs9f4qhqjLpaKhF5PIKBXc3zY+5hdIKzUNk11J\nRPrcPhiE5JDc/tQNvqD+R2eTKH+aYSZeFvh4YqFcLuBS5AExCwLDfWLXhTGA\nY50qv8hvAoBdOry5oMTTB8KyYIuBX01xYl3C5/qCMubn0AW8rOhZ1Qm6mo9g\nsp6l\r\n=hRgO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4sJ9cidYUaSwwGKYK2FxGTZZOn+q91OqOIRj9OffFfAiEApR0kvRSeU3xFhw2NaNXxKJOSQCCT2g6BNITb/jj4gtk="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.1-beta.2_1561014784485_0.8547264928561649"},"_hasShrinkwrap":false},"1.0.1":{"name":"rax-picture","version":"1.0.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","miniapp":"rax-scripts start --type 'component-miniapp'","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.0.3","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"gitHead":"9b9c24c0f8aff4c8bb3ec7a272184a816a16eec2","_id":"rax-picture@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"10.6.0","_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"dist":{"integrity":"sha512-/hH6Zage2cVfftp6HPSXC2dMCKKxIHS4E5V/eGcJ2xtYyCA4we66liIQvHy7/Y5tWcGGLit8aROS5kupSdP+kw==","shasum":"a9c7a0c5738321bdf524d51368f251333deaed30","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.1.tgz","fileCount":28,"unpackedSize":36511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdP/JGCRA9TVsSAnZWagAA7wEP/25r48E/PMQjODSG737p\n68mLHSNiDCPIClG8rFlhRPyhXsro+Il+wp5NcKn0kZc89eAmjbB6wq7Szmjv\nssSGfZwJi2VJu2pgzbalo599XYeAJ0nIRLQdKDn4vJjcMkHQQcyfZhCMUQfU\n1ml/PIKSowNzULvXSKqagTOdAa611IADZPK5f5vrV9TBp61Nj7yxPqhDrsoD\n4p3V8JwxWNWJCqkmleI+tJKcfhGov89Km4+x5wSpoNowDVrwKjrO61zGd5fm\niC+HClb8qrlSCZdThLK/PfTvs20SSy11zC7Dr645UEMS2PUsriDV8gTzbIi7\nTEvrTeyRgUgaWsHScb5OdeivwPxQojFUVqatEZlU9bLwT5SFvEjZJsTNOVw9\nr3Au3ib81kCDy9Hkwdg/QexhfxDeBuHJ8lZUlGiMyDuyz+3P08iDtxq73Lie\nWkSGNx7JQ5xNEMIJUKFDaCuVAb7r8bLxnrSeUk2+vZHhiEL8EBasgSI8k0dw\nliGGkpCCKpOfCr64bhlGXMBMvmCsRCMCp/etIKGCwTWlE2yY2satzAQd2omx\nJV87uejsGZIBGuPFxT96UD5yMQIKnqNJZV1NUK4a0yfF+i0+yZUJUfDXDnTm\nmD4VClu+FR5G/iG6McXxgucQOjcxZ4hbA+7icq8O3QAQGCLmWKKEgCJdNt/w\njTUK\r\n=KmXQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5pKI5jy17Z8rzkqjndXHaJipxGhpakEj4nGmNuMlmBAiAorgvFgdGYQPgDt6dmQI8VTFi8BK8qWL4ZsymvlQAPjA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.1_1564471877699_0.3367831890094328"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.0.3-beta.1":{"name":"rax-picture","version":"1.0.3-beta.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"fc69fec0ef79b5248116bd56381d68f6894e80d1","_id":"rax-picture@1.0.3-beta.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IKF9m10gMy2kA8wiA3RSwlHnLmBRHfH4AizbYMilrvCQPRyBWZMS7Aosp79lpa5EL12mCrhIN72+4bf231RAug==","shasum":"bb02a55ba102a798a6e29f7270a8828fea7de29b","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.3-beta.1.tgz","fileCount":27,"unpackedSize":37022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbmqxCRA9TVsSAnZWagAA/AsP/RPo71rqfOZik2yANoh1\nClcUY9RaEIG1lHsv7N6y+txsLA5SiLU8oNclpOiIB6N4xhsYmJr/ORk8+41o\ntAwXUJ8S8oBdURzOs5/GpfzsU/TxVjgO0XI8h421p9hVYxA4uGVFtY8uk+Hw\nu3JkFPyoHyP6VBPqa0m66+4PVbgTCJQZR7qced0tgCOxp+XQisfUpR/dctwA\nMcb5rdNjEWZzTQF/+MJY5CvwAKLmRKyXoGgMNVSyiY0ObuZQvi4Exy21cWPQ\n+YKVaq1KJXZMjWACZiPnph80b6pWt7On810KHzjYw1tvHfwBqkHiI2Nen3cg\n9ZVqiMZoTdEi8Y99DuY7yGZDn7z4G3w688oIiU8kh3Dwq9Hvb/1ClNOsveMA\n3fLHoQF6m5swSmBjQgQSmaSEcX388QCwIHrfnvT2JER1EkvSIAmqsVgPfArP\nwPcWUfR7XIxqqaIBeVbe+sqxGA7DY1PywIuij11oCsQEeC3kciM7Vs+jOZ6N\n3lZ1ZpYJitZO0JEAZzXoPbg60W2OBWlvM9w7TRmCqXexbwHWOE8291HtVJ3f\nmAWlYGNL4wL5wSsd6KufC+HiWS3DQdhmw87MyvRsQnp0OPvuqvtdY0UjA0vq\n1iqZ3KOW6U5j1koKmen+cj1vi+4SiqBMeTMuTvAfI/8dnUQQIfFXf2I414Fm\n3xCQ\r\n=GxUB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJGuGvs+kAprIy3P885whoj9JTHIpWlzfW1WFvtgZtlAiEAp9isLoqajcaRAPLzXSOYhIGpRlQWG3WF4KWRbE15DmE="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.3-beta.1_1567517360729_0.46122705905455863"},"_hasShrinkwrap":false},"1.0.2":{"name":"rax-picture","version":"1.0.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0"},"gitHead":"fc69fec0ef79b5248116bd56381d68f6894e80d1","_id":"rax-picture@1.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1XtBnKkEjZ32MUcVgZrwtbDQa3AYOUxL4ZhpXTFsJLYtJfEmXXcDOxB4P9WkuywJrggS/R55OJgNqVQupJBqmA==","shasum":"d11c684cbaf7ce4dd71ea6c7cdae4c3a8cf3ebcf","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.2.tgz","fileCount":27,"unpackedSize":37015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdb0wYCRA9TVsSAnZWagAAgowP/12mHZ21mrCB2Mq+pnbk\n1eQlhZOtJ0yGvq3gt1IWEYO7nCYWXsmnVhu9Z75qsUe9lb3XcQ9dJCnriZR3\ntc4GJcV2NuIh4jPYENiE0kCO3943YmHfmLoTAbliYkBJbqMbZ7YUsXNTfuoM\nXZ0/MKXHIN+tXtEcnbi93rMrqi/djg1mwOnJ5F8RGG7h4RL16xtT1cRQSv3A\nd5uMf5fnuuTlu352eCWDj6u1BgoW+BcKqV9FP2VDx3R66nG7biAmDRuR3BsV\naOtoH3r2uLkkjvp1dH2C88iK+gXjZxW3SDo27iEbraZHGULexrG1U8AQC/Hz\nU004eg285q7dJSHgwJl5sqa7gtdaK50z8Yayptr6gff8tlqX1kbauyqntvVh\nq3QBExxoGWMEYlxeSI+Y6wufCspaYPugke8T4HsneBEGg0lbNhSfAwGTf+Hd\nHZFb32/twANPC1hCu6rPOr2grt67VwVMpKVrT3F7rZcagLQQ51lJKr7dF+VF\nrul5+3UPwyAB4zZnXhOsKozcBZaNFZCFzXCoWDCTemLaY3QVu3uTos7fXzJn\nD8jP/Dzp/goQ08bOBpqw8rw899G1lgMFeDj+ld416e7SXxQDpRlf9EJbP5+5\nyBFZk0UjKGiZQKJLEJFzHbAJ3xFp/iW1KwxAhFwqNhctNsC7s37Y9hSehUJs\nenOu\r\n=qDPH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHXanmD8cP24gQ2kFYrvyYVbtYY9tFoVOo1z2a7uji8QIgMJYMeuQ0gtfBlt4GjNZWxGKGcDqESO4SlxHPyeMPijc="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.2_1567575063595_0.8187681348158189"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.0.3-0":{"name":"rax-picture","version":"1.0.3-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"a22b40763acc57692eb47ae451f3e1ee1005f068","_id":"rax-picture@1.0.3-0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1gr5vhHAC+uKs9LC5nP59a9ZelYd/Ed+87CL1D2c7m7zROIoeXQyKMZYKdgHXCi5muwDFKtM2q7q/Q3qJjs0mg==","shasum":"3aa7fac5140a2e175dc28ffef9f52ec734fd67f2","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.3-0.tgz","fileCount":27,"unpackedSize":37244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdb4KtCRA9TVsSAnZWagAADnMP/RTDYaHZiNIgg7BJEaoy\nXBU5E8RfclA7r7d+EbVddzQayW7U/3Me4+RYPx4T4iA8mjE3c7TxzP7/lezs\ngOSkD4biMo6+o0LZ8rU+/1xWnnPIPJRV0N6l2PxpBH1qBuU3sFoPhbYIg49J\nLivATYtYf9wa6vYramizGtS5sWDlUv3+kSB3kWPh/U5tLxxU0SNNmsylhGou\ntPeJnSWHQzW857dNBsq4nREhkUTaCT2TRhM5qFFTRUEG/W/M15i4Sn82rzM6\nENHqio0DflQYg/LIbULGQ+KVo7k/fUCAtsZgjYVJd2w00pPOM5aO0zS0NsoO\ntbn3+uQ/dNiHTjZUksROs/wDNVYFUB1gfWPo6QK/Bww2R7fsQtcNp558zBh7\n6LH/GOye2b1+6LSAvMg3D+BUgCNxoQcIxOEdM9Oi9lGI5f1iTqNUNXo4hIEF\n0ZdqFVY5wMiICTEoJLcEfdySo8UQxA4SyLDMbepa093lI5Sh8xsyXj/lOCbQ\nErNCsDa+ODJb+8Whok0Mo2ffoNQoRrrPv5/96h2VFcWawNmA6fmAvl8wedR3\nD5QKH0WaFIoQKZcFegQq4lHHmwuP29qxa0IGfeJ2JdJIl2wCd+otgEEieujp\n1Ubh1/HrQpYPcsWFoMViOoV9nH0UbE26q1fjpBvV94MDWwJdfMGqdzR6BfBE\nvFvV\r\n=BKGg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGpoPMRIpN0T5m+EpqlDMPhKPhHBYvG2hC/aSjZfcGEwIhAILCcmLMHtqT21d4PrCwM58i6EtU8bgWpuiqNnqoc4IC"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.3-0_1567589037448_0.8929777413145106"},"_hasShrinkwrap":false},"1.0.3-beta.2":{"name":"rax-picture","version":"1.0.3-beta.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"a07cb8d55a8f402aeb70e6ea6b1f5ad2f87332f9","_id":"rax-picture@1.0.3-beta.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ebPpRsB5hYmKY68P6By+eSfoQVGW/T1i+ZL5UAtEq1KDAWdYE6GLP78KsuYLnfgdpxQ8TUCnshXQagCnJvXC8g==","shasum":"758a298d4073c29286597e9a1a17f32807c9d1f9","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.3-beta.2.tgz","fileCount":27,"unpackedSize":37221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdb4pVCRA9TVsSAnZWagAA1N0QAI8L0WZN3qWlC1BGtBbU\nIjBHk5/fzIBLBjDG1fI9vDsvtDuNcHsVcwb0LDdP2h56w5F4AGgCneHaF+7T\ntI4xGRcsBeLJWQ8gw3s3uX21ijKPMWyP1w1SpO3qPr0m4DbKWYFZDplkjB4C\nQSb/ScVea2X+OJUGtVWG6cNKdHYjZj8VqEkEiNNevMqYuNbgEJWpTsK+X1Ea\n5t55AnP34mSSWrG22fkBHC9pF6sebXKtA6S/uJvosxP89X2OVzt+Y9uEBE4K\nTsq9gyPHYoPViojI0+hC9MpOEm931ddsvvatd2ocxtcFjRQLHmy1ml2IBZX6\nOJy2Qp6aS4in53uKZLRk5g7T+AkgPpsFETVnZYaM+tTivMyFIcWcpeyh0fZH\n5Nvt/LxrFuEYEUSrRLW8kphGRq6rZK5gCpqI7k2UcfYtjLpSIFLxDCnjHTSo\n4ho4eWQBgDpxmGfzplsU4Q6HZ2dR1LS9BTxBszz1Zw67Mc+pkt5WN1MT7m8x\nDRD6x4vKQCtnMIWCFB3dbTPXvCarrj8hRf4T1+HBlSJmV67iv4HFIkOfu75E\n+aTAbuCalSFc/MhWnIKzDJC5PCQ8egaXSmuumTZFXqjT7w8CBaLpM69DHxLN\ntvGmcgtlA/XkP0A0CHRqZl5BGDDaTHBWoFocLxltR1yYslpAIww33TXCIpCH\nZwMb\r\n=0R4B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCL75P8xlNrJEtIPR9RVDSJfHOS+H3r3wTXOyG3O1kfIwIhAJd54bv1oJiAcR2MjvOVH7/nseX+nXaEO/H0LwrlcFNG"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.3-beta.2_1567590996952_0.8967246263455151"},"_hasShrinkwrap":false},"1.0.3":{"name":"rax-picture","version":"1.0.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0"},"gitHead":"f65adedee4a09483e971422584db0ae6a2a869eb","_id":"rax-picture@1.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-39gbG5/+5jss5IEOVb37G9jTbYdAQeDW30YYOdy+m/8B1mV5M48nbKs+YoELcBKSsm4k6PTmLl9AOR8nQ05xWg==","shasum":"83f8f30e7285f51062411a1789a41035cbbf4f66","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.3.tgz","fileCount":27,"unpackedSize":37214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdb6SCCRA9TVsSAnZWagAAn64QAINYhwQxPXfnDmF36L1n\ny2NYKfxoLTovzmaeb6QQXbbzjHhUJzvEWl6M2laLda7c8hTz9cI6R4J7KHvM\nMQortrKmzOPMnvy9fql98nk4V6aEK5gWhUd1JI65GXEsd1+67/df341Zz41e\ntDOT6Q5uUYBiCrXi5HtvCBzyEPfn7wPWMrGHUjWOFy9SIX/irQWBYot84S64\nN127fuZrZjLAhNVw6KtiUiVSOjoc09d2nGSyPaxnd5LgklHZG93XOYDtnVqN\nqBHGuFVa7CsYhxiGAoPrrpMniwIoUcuf1aauQFl8NEHybA2H0WUmXdB1dXMK\nQehD08v7FG81mDICaPTB8RlVQ8y+Wer/yq4x2jF2RRfvNBjIrQ8n8CB1irF/\ngnFbtbcgwnt9wyYGfrcrYLiqbh2tmKN7ybe2NL8UNS8tYaIijE0arhvImzzV\nVOAgQ9/C8qAygQEKd4djMeEwkHK4UX2mecYD0+/jZrOqAm3cWK1qAna9qEs4\nIAgq2TsHYBZZP7bgGlmkKBcAOXQ+TEu21bVS8Siw+Jm0D1BNdYRvL8bbRAR+\no3hG10lovpSlh1vM8/DSo/MuzYjnaBkhAMA/hBFAGQOxAUHUjF3fH3cavNv9\nJIVnpitkH/EIJ+FxiDsR2Jkp2Nob8zOqz9nFTHu5IjvMm4TEBaMtFgMebpdw\nEhRT\r\n=6vIe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG5s+BQJp5WLjtqJA/bxEv+thMO1Ww+zrUvW9cSUEPMkAiEApTHV7Hd3He8+KITZ/UA4XRtk1tgvzXXu1/39cD2QZ1Y="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.3_1567597698006_0.17670316273093833"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.0.4-0":{"name":"rax-picture","version":"1.0.4-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.0.1","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"db170c436f022c87e7fbcb754c0cdb2813b3f38a","_id":"rax-picture@1.0.4-0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-fsAyWbnbWdx7KScdTS3rBWUQV7E6yEMU0ZGLBQVHZU0W9HzZ242qA4QGyEPCVtG9zonDNyVJaPpgIvSvnEei7g==","shasum":"103ece1b1860f2dcccf7d3616bf7c0d2744276fa","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.0.4-0.tgz","fileCount":35,"unpackedSize":38437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcNT7CRA9TVsSAnZWagAATj4QAJ0EYVTsESDmXDAbG/+W\nI1yGv60X/BkSmr3ITOHqLGXq3DiYnTbJExUQO40c1zPNK2eTr+AuRbWgnx9s\ndi20MsQeje8P39n2prkErDlQwwjZHOyebF8TU2UGEu3satBf4P8d49T3+YLO\nqMBqrfTpPNSsVE1AfC72SvwPx+W/HS8ApMIMnTSu72EQ/5UYf9tqxC5MNHKy\nbHl8ddCn9uyMuDlzos7paPmups9cq9YrfjawgqUoosrk8351zQpTxT6uJ9Ip\nUSJI8TGFUG14kBYgyvPkpUZ7izyyd04F10re+9jEdUndSGgAQXQkdbK31VJI\ntCHc8nKlSwz8JJpYs6lOtPNdn03ifbqOQFs8FwgOffPBeErkn1aIiZJSFQAf\nYPik7+CZolwxRrtE/ddDrqTaphP3Iuct39e7jDgL3Yn+euT59qTWK5DsfoyN\nIM3Lcelr2+rflt91qNBU8WAIgGGSjHRZXuRVlda+k3ARcmFOPmLdlSXbCMWk\nXNxFD9nirt3aT1lzjd01W6PlHIXQVESPp+kcEYHymXoXSmi4+FySngGxpTuA\no3K+tk+3csU70gXtgoPt6LX8wdw8E8mapAKQtJtUBjYmngEui6zAmVc5orQj\nWqCHRzDBN7hmhaOkp9z++NpMOoeC1YNNqoEEQXKItO3rToHR5j3fzr6B1bs3\nqxS9\r\n=Ngxi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyQ66G0dKe9cYpr6MimEtw7y+Q5KmTArIugslMEX/RqQIhAOSA8e0l5xTy+Bu1YGpDA2TrkG8sWHVahOthbd5ZIW7j"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.0.4-0_1567675642615_0.9886554503958964"},"_hasShrinkwrap":false},"1.1.0-0":{"name":"rax-picture","version":"1.1.0-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"e5c02743d7fab5fc98aea1c73384d919d992e1ab","_id":"rax-picture@1.1.0-0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-z4RVIjhkAHsjjnReQHgaPWvcwiBC7IcwfUN1iIWC6UWrUaIuAfJGh2MduVKD/BKLpZJ7PlmU/u0D9UOOK2dwAw==","shasum":"b07521142315d37c6abfb281c0d4d81d3a56695d","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.0-0.tgz","fileCount":35,"unpackedSize":38439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddk1/CRA9TVsSAnZWagAAChMP/0wqHmM+e8uxAlfgYNJY\nHL8J7Sn/8m0mxqvIZMrQHQQZ3ZABXLPCYH1ryMTZRtqW8kpoe+Op9fRM6U2n\n16on2yOxXTPJjYrKh2wBwssr0pWpkgGXCgI5DQ4EfzddRfTb3FIxna5KCrVw\nJo3UUq8Cl92yk/oioeitMbUGRdaHN19zIiMRU2jts/ZomxKBOMjrr1nB0Z63\n4SqCBFdAhKC6lQ1B8nU1i5YOqHBSEyGOiyHtGxvrbu11xK7HTZwGGEJu6jhh\nx0P9hYPiOQASkiTT/GwBHbs8lq5WYjInkLw5dFG++f6WqnJYwCMfl80gMWHA\npCqwb8wut7xpxQT5REQSHM6KPUT93ociOHpRiaOjYNWMkgqaj5pJ/gzACDDU\n8VQwDp+5symvVCF1yu++6rQq5hPOUYfq6wDnS/y3volSbewy5B4BPsvI8Tks\ncyfSw5RdR8kkMLSe+h2U/goEnyPWqS8SRl81dIhCDAMKwsuCVamb4qq2wuKE\noEq7UAW0b+xaV/I2psHxnzYL0CVvVTj2h994x0Q3w934e1hx6h8PMJXvRarL\nnb8IPSKOhJQ2chbVLy5PwnSwzmqyvrAcU9FQfawj4hb0p/kfRnRiIwNKc01l\nx7Jw8hRJeWferUM5Fll88d68Hm7P6xjsFJf4TuAjlTaD07ftFxISnCL3ACMd\nptV5\r\n=vfst\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0NA3uo5+8kl82+ObwzMNMYJqygWmNFmeR/63TYOW39AIhAJY8lXUwRjXl3xRa31V5C7hOfPZirWBHPJMeTlYWcTUh"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.0-0_1568034174592_0.7612023151854717"},"_hasShrinkwrap":false},"1.1.0-1":{"name":"rax-picture","version":"1.1.0-1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"ddbb0971a970363a306616269da00e507c6ad45e","_id":"rax-picture@1.1.0-1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-McgpvpUOJpvRhpODG44zvWC+gOhha0zejAvu2HB630AQgo1FGFvvMDuKbeuOnyDTE5uhSCFoPChVFTxOrX+5hg==","shasum":"df9ff32fb82247395a6be88615279c9be03b1cd4","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.0-1.tgz","fileCount":35,"unpackedSize":38440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdd1MiCRA9TVsSAnZWagAA0QQQAJMwtlGe33RVB017MwLY\nSncnk3PyH3Mo3PHdcoI3MDBw+TClWh8K7pn9jehk4hsE83l3u8df2THL0hLU\ntf89OxTs88L8HbzsITjYI5EGIwFYu2Fuw9m0DmcXRZfvznJAqHt14J+F7v7G\ntOk3TNUHKe0CprAmfKFgcpR8QEPC/7FFu8B2VYNeKJa4y4lYf28Qa5G9qSNA\nt/F41OHzcd5iPAvzFUTnuggnTC5iHWYh9JEQs1UKYVg3EjpAdqOzekhbcxn+\nCjjvtg51RAJ0k5udgcmtGLkjxczgLBIHLV7bGcB5quQce8Md1eVRi1/8mpxZ\nW/6y0fArlmovaRDxagPtfTGKM/pqfQkXpjBE+cvbp0Kl1ULysDbnbsVG+Zyl\nXkxLVfh6fOzvvMwMGZGs9+65ZE4MSms+99joHGaZl2fyf2t5/4Yiys9ey72K\nugkCNTu7pv2lzdQLGM0+3A+m1MOQ+35yIham/B13ct67jBfmTWicThrA+IQo\nhkL8/Dr/qeTNCwK+wf/aQI6kf0RYJa4Rf4lMTQ6pyOzx++YEnEs2jK/2Fn4h\nohfKHeqfncQvz16UuQ1XZVBxQ0xAk/aNDQ+sE0I3IBvWVfiHB4UFf1Oc5fax\norS3WIOFS8hKCLPUPg3OajR3DFFOAnwhXjvg5uVNUzVv8lhn0tn3mZ2faiFD\nzWx9\r\n=S7Ei\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrgKTqwapNLiRbC4S7t6frMfaLX1Z8sGq4XHJ7ImA35AIgVTdi4/pK9CE5ATafNczw7PQzVLqIhLOH8tbxCTX87mg="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.0-1_1568101154056_0.5549058689461313"},"_hasShrinkwrap":false},"1.1.0-2":{"name":"rax-picture","version":"1.1.0-2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"6c9d7090918add8f933607459dd5be37e72d6850","_id":"rax-picture@1.1.0-2","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Z26hRr7CZxrW2JrGER2en5jt/s9rIwSAg9Jz0EDSRR7M1+QyK/1iDH0riqeOFE2GnfSZpH/JiqE7pKAo2MyQhQ==","shasum":"2ee94753f97affa8d591d3cc985aa90f8b9d7ac8","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.0-2.tgz","fileCount":35,"unpackedSize":38323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeem8CRA9TVsSAnZWagAASFsP+QHbCh0hZb5pFmYSdkE3\n9miEGEkknrdOyPfhIXm60RqRZ3Irg9cTVtoHl0xyeBz6OxdY/1qKFa1jv0kw\n3OrfZv4DfIiHkvAaoXvlDcXS4UB+J1BfGrnvIs9/3KfYSzeStPnYLHJ+5cU+\ngIErcPST+yzEt74OKW6yBcieOU+9xS+O+zclv1iy8xKVTR+efRYUSXVX8isy\nSgFGRPCRv5zCLXGGMACuKLF9tMpi5Togbpz9yc/jjCrktG3Bj3otNkuXbCz1\nw+dRCQCCnGHKeNy+DH0lrQdiG+wn+TMvOOCbkd/DR71f8BLefpAmoo40CCxV\nRXt6Lf1/gyX+/UZ8cNIGBEnuBi9Y6CF0lM7jmiFDaLgrKnTg6WmITMA5zxhL\nvp0zkG+C6vK4MCEmjpblPe7NKj1lRaK1cROo8TO+QT8UdhtTsdVH4+LyJtil\n6DRpt20/vtO59jPMC5WR10Ze1fdJo0idqCpnYG+6IDx8lgeGMpHl9xBEU3U1\nbfn3dJunsW785Pum7pD4MdSAW0wcSaiRkGa1MNxv5NUL/FES0Ri1ktq85c5f\nL3oqe39dL6D2C/Q8r4GkbUUe0qKl75xqWGMlV1AguBma7GuJwrHIIt3RhVoK\nwNu65+t0CEhrs7M12ZY57ujpBNCSJWsjTscsU2gg/X0E3oPOCZ3FEu5jfmCS\n09dD\r\n=k/BB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCx0uU1dpLYvwsZKI1xD8kl2WGvjfUEMOC6l0ZoYstWWgIhAMUbOIvCN4hFM1Uor96Sv0PbiziKFurJ+RIJfGrK2PZ2"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.0-2_1568270780161_0.6591292471406016"},"_hasShrinkwrap":false},"1.1.0-3":{"name":"rax-picture","version":"1.1.0-3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.2-1","universal-env":"^1.0.7"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-scrollview":"^1.1.0-8","rax-test-renderer":"^1.0.0","rax-view":"^1.1.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"a9c2435beb1261fc7d6661249be373a2d849905b","_id":"rax-picture@1.1.0-3","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-mFmMcl3dUVJ3Ef+Vs4Iz4XUXe+oTC+DKd6uZu5/FUeqDQr/0tGu+YXHcVJ3m7oZleb5FfRGBjUSqv1Eo6MPWZA==","shasum":"605b5e6b2d4b77b1c0d83360c9fd4047a733c876","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.0-3.tgz","fileCount":31,"unpackedSize":31893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiCjxCRA9TVsSAnZWagAAp/sP/1hOn1JY9RJzZwxBaxzi\nm4Td8W6t0SQzxJ6dHy4MW1U38875gtnlrEXSgzfGszfKexkEA05+zSmOvBvI\nYPxwirpb27YTkyXZ2maEGGFo6ufY7P0GxKTZGS9fPaR/Ewe+eLnD675tOGu0\nXnLngXPRKRFgCmuD8Y9WkDjoefsybctYyhCMtGmy03tcMEUqDcjDwRzVen/0\nzLBOwHVN0z5SFz5y/xOvhjbIV5no4MPe3zpQZPdDP3TwnGUv0/If5H6iMApx\nCB26rr4r95Ve/CwSHJXMeFDXsRqJRV0zzBV7N+T+Im/O5QX92ehIrqy2ht/h\njStBASJEnAjKY1I9zOpaKGU4QhXkEFJzBC8KFIjlM+4M/kmrRrr4A5M8nESP\n28SnDBJSxaaROyQdXLaBFfRV2xVbW4pHTkxSv6w9vMbUzoi/chrtOLbLPK5P\nz189h3yLCNm+CMJPrMI3v7T5eU2zfb6pGz0avbedFUnh2V7LAIUPFFs/3XYL\ncF/LuWVSi/igM0K/JdwOxS8JyrAwlrR4tCHmnjte/pZNi37csboGiM30rWA5\n8ZqVO0T3wLkxZeDAUsNGpA98mXpStcA6ACIe0F63iBJ738fJxP0RRmk7CMXN\nL4rygxV4oByLYbiiw54Nj0EFsCkGRliyHnN8hAkzzmo+v3B+4J+NN4hsAsyl\nr/JZ\r\n=JUCo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1oqPwXr8s3Ci2SwLFt4uAZ6bj34P7BPvjBHk2FUR4MQIgAKEnDDA78X9DY3LTP4J/T7htj0suDHTzNdAso7eda6w="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.0-3_1569204464855_0.3408274281037236"},"_hasShrinkwrap":false},"1.1.1":{"name":"rax-picture","version":"1.1.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"gitHead":"f700dd8402afa91dd062f8d97fe39fbc0a98eb87","_id":"rax-picture@1.1.1","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-rHfLFj9Txoo5C7AIn1nUH90EZs91aRlvAjFqC1QzNLb2nxJJLCAwbe8kmOcLkH1W245CD9Q5cnZhiQA8+PpvAw==","shasum":"c1195c79ecaca4cd4cec07b2caed96c404ab7ddc","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.1.tgz","fileCount":35,"unpackedSize":39608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdidiFCRA9TVsSAnZWagAA04QP/AlajL7GkvMhnaqgboxE\nxHA4WB+/i5rfmmbPoI3YFl9q15IpdZNFnsCFDdltY4s2/vPz3HYyaJF3tIYX\nBrGE8mbtRTZcoxPDOy3oeri2EejZeFLXqHwZE6wl0cOyZLJBkIqoxPCysQ0u\nRoPf1Kv7GBY27aBPuiZnjNEB4eJVHUVP4qT7u8NUVDbKBTvp478Mxv5ICMjh\n8f1sRRTJvekj2ReSNBtKTyoSfI3vP2dGOy1CS9jPSbvqHceZuT9+S4q9LRuH\nNt14Th1usHxEvVH6Ck+QEeD4NLaXlddvFbtqrRLndraoL5xDTIi1qO1aoO/R\nIwyLHtrp82gfa/dGb3p+QEhoq2XMTh976Ax/tvJEv7ETF9SG9hJHRCDhlrI3\npA2B0B+AgCmaoEZzz8lakdZVgTjzaLhC9eM2kYS6BOfXa+SSn/P3BavNMpfC\nXz3l97aDfxJjYQyR9U5XC351qpw4p5opnpRwaHG3Y/dYZCgpUxeeNOgZ+QbL\nzJAj9lhRdOlo0caZZ7wA70ra2PO2VJf2jI/r7Dx3Wb694/1SSqUlRou4L2wZ\nY8pxaFADYeW6rz9FCtnu9W/HvfkoIDPGstOTb+lkFMVI3EUYInpSsfdEzwd1\nwkwFtDKL6bPpyjRkIJi2Q2yAbSRTifSNrSmXPyPttAH+OIJYsItcU5C4XbYd\n0kX7\r\n=iyB1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJn62X5D92lRiNq+SqwjdU1SfUelZEV77yg6ug/Jek0wIgBOlTTEeCEvuVWOLkwxX58X6O+1/ILVc5JIo/g0n/e8c="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.1_1569314948638_0.4285920155310219"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.2":{"name":"rax-picture","version":"1.1.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"gitHead":"852b404c352c81b18fed95ce7cb302e64f31fe3f","_id":"rax-picture@1.1.2","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-WxNpQw32n4qbuvAax//aLK17waKoRe6KgoL8zy/TpYaRukIbp2x3tpLfpaHzGZwOXNHHV+vqntaufG1wN2oEzg==","shasum":"3e9ee91994b3eee43b7cd2898d802acd9a9fa0e3","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.2.tgz","fileCount":35,"unpackedSize":40081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJditT7CRA9TVsSAnZWagAA/cQQAIwU+CJjI0ue2N6UZE1/\nlsBMZPQroUzR9sKZbgLBMHLfoFnEPSKfrvWwBCafw92bZAo4Feuho6zFUw0g\nGE4rqsv0zbUgsPLi0fAZK1OXWmtYqynKcgMhsDjTqapdhkZo+L60w4Av9K3B\nUd22chfJIWO2hC8trnkSzv/HgleJF1JWHsHyQ/2iz/g0zUgBRbpAGN3JoyRZ\nDiqOkZLoVwHQQHGL/XUxhI8HuvkCkLIMucwv9X/CafOrrh/sBr1IIQL3k4uV\nsVNs6JCQobHcrvgym0Rmi6YVHB5LgOJwsHJ++kbnszjs57nIh7yWSaHMTPbM\nFNjXUrSNqOlfqhWsIAkhmYuOTqqiW3plPNFTr3XZDbEyddn7eA3cXEaM9cZX\nvAXPYeQNobDA36gWIZ+hpnkLR8ndJWU3RIZMYwUVZfuv/yKhqlPUMslhAcPI\nafJUxhc/MEB4GvACeJruL7CFnPEMaXAdaLsSuldPidZyizBuIgoYgjvB01/L\n2rqEkBDrJ6vNT0LQGMdSAMcTrtj1tE4cqBFje9UriwkPhFt/p3L8Z+NiDDF9\naswosj3JllYCNHoLMbwWauZCDU/o0Br75SXU2wHADQoOe5Lh9cKzM0H2tNWy\nrCY1+A27eZ0jRuGhKFdb7/nj8xQ+sEnK5RTLhKTsvryCbPusRbAkF/NaTKXt\n3QM5\r\n=lvOZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHRMTxxZcHtQNSdCjswUN+1X9PAOqPVLPlADj1A6JRMfAiEAoSbeW0DS4DZeypFdi1gjKsM6bit3BbvHsHlqjyhbOjc="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.2_1569379578270_0.5299708589137537"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.3-0":{"name":"rax-picture","version":"1.1.3-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.2","universal-env":"^2.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","husky":"^3.0.5","lint-staged":"^9.3.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-scrollview":"^1.1.0-8","rax-test-renderer":"^1.0.0","rax-view":"^1.1.0","typescript":"^3.5.2"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n**描述：**\nComplex image component\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | ** 必填 ** | **描述**           | ** 支持 ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，\b图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发onLoad/onError中的回调函数 function(event) => {}\nweex下（iOS/Android）\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\nh5下是web原生的Event事件\n| **成员** | **类型** |** 描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport DU from 'driver-universal';\nimport Picture from '../src/index';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\nrender(<App />, document.body, { driver: DU });\n```","readmeFilename":"README.md","gitHead":"2c17dcdb3d4f4a75a9ee24e5e71efd431f83bf68","_id":"rax-picture@1.1.3-0","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-uOx/srYzGXTij0ttQFWl/0e20k1bhRG+8H0NAEZV4JSZm9XG3UdtO8+WxWs9hz8rqpnrqR3NWkP6M2EE1RfBUQ==","shasum":"ecea2e0edbef61c2fa8a6fa015161c73730f8dfa","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.3-0.tgz","fileCount":31,"unpackedSize":33954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdi4l7CRA9TVsSAnZWagAAtHMP/jQkowO/GAIqdwt9ZBqe\n7ELrtE6WQbq093vWvQm4qeQ9eoz6Cmh0Ylo6SnNuheHm4OnAGhAVzG1HEvT1\nyTNwM9fVRmtapU2eq3VXxl9vbLSlszmj+HlWON01BvR9uLN/ST4SQh4upv0D\nrMNGGRnBKIxzzEkl+0se1xlWnNT/Z6NVfe1S+QNRPQvWMAUVEpP7CQO4a4kb\nEJBP4QIM5X03NLGhnnd3W1y3D5dEfxngdGY6pp+VZ5/KRTkteH1R9G7u+fvI\n3TlpeKg+QMr/MiEH4x0v8oY9fAxzfbCyWbJztlIcM/kP/lnNGBVV1YhVeJuq\nSk75NALnjVG6Jby/UfUOFkhDHvtmdpVNoWGTpWAgd51PxYmQMPyxgKkzDK1b\n2tyWKfydF8gcBK7JUnKQFMs3p2EbzAbq4ePyxMBVZUPMyKDht9uQaUx8/aDd\nOMNKNgu30yV7aKUPyJV3W9zEDWz4w4MKpAr4no3Krcg9XT+rwbIdPoy4F7KA\n2nuUVXH5qa/nqj1cfd8vGEYCKKZusCD+sap6xUDAHc/CP+X454LODijvCtKa\nuq1EJfdCD/SHrSYGRpGZv3j28DIJy2k46A+1glBJMxihmZfcny/o47hiKE2L\nba+Y3s447jJLXWA1BPR5d0GdYN9aRJ9kej9ezuQnFum2Cg5JtSikQSOwOeHR\nsQvk\r\n=rCsy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFBhsuJ7M+okNX9Ra3R8dKYe/Ai+VxO+rm8pFLGbNJxiAiEA+cfIOP1t+7wJuzDOKEkW46Tv3sn8KBDxWyE4nQrvv6c="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.3-0_1569425786763_0.27649250787941515"},"_hasShrinkwrap":false},"1.1.3":{"name":"rax-picture","version":"1.1.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"gitHead":"5099d5fd5624f85b9f57092774c2a21463da468b","_id":"rax-picture@1.1.3","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-KRTw9wVAfzQ6AaR8qqmGqrpdIlofyVPSGRrPiUv12+DMJECE9r+SfD7dm5O6fAXvcDuOI1SInXNaVOesc2oLmg==","shasum":"870be09491254fb2b4d221ae1b275cd966f7f658","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.3.tgz","fileCount":35,"unpackedSize":40308,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjG/5CRA9TVsSAnZWagAAZXkP/1tQJUg+zdn4aAJz3oiD\nDQAl4GUDHNkLJLLA1YamE9HxOdawoRsis9sMDCLbbkKGEJXp8mlH1oboqgvb\nUCqwu9vWgTKPbTvSrBJQDbYT8qoDaugBBG0FAdn5zc/OdkyhDIIB2xdxCJc2\nTWJ/O32Y6R2rv0YTbUS3fibgFo8osaygQQbo1ot/kF/hQf2+sAy816OjrFYe\nrobdTq2nbjkurcsk3z/DfrVJOLMRHWkz89YowMO7HDdPd/rBFEKnlHgt7C9Q\nw+P/j0bNmkpjCt7NFUwE1KefDVmJtDcT4Q0lRqd99+tidv+zAIqtnUgQx01z\nAEL9IAKfCowFAyiPwxBei7Lch3l+64/bDBbG2xBbHX7D5GfoD7G/jLEGPQjc\nq9gKgxjgnBdgh8T/OLZBypqBSRMUa7Njh/Sv+spOZvMQ1Q7HjSws00ntzng3\ndbAH/ad7HyCvmXGxK6R7RsOojz7b3ZVcwsONwqWa5MkE6gSbxLf/N7TYyNW8\nBKPuHpOWIzJgxTrV8ymPhBcdHhIVm56KE87XkCHUOYPIYkiRanF6dgJzKLda\nBy2+vg/eXk3KolDeRzWHC/Os3Xrv+yPU2ziBsitqbYtfTLKCXkq0lss4349t\ntaK8cBTJ10Pm+UKZclljvYn3duoxKvol+xWmiHAnRvMqaSzdEwufLK2AzMed\nRNcd\r\n=4EX9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNCkO3S4jPVkYM/l/nY1v1mshVP51VxnxXxl+YcnjAPwIhAIFXFVIFHSzJMEmDXximXey8lUkFAEFrRKKlBgSgLT+Z"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.3_1569484793068_0.8586613504166101"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.4":{"name":"rax-picture","version":"1.1.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-picture.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"gitHead":"7f12d736de619926e304a09e28cb0321b54fdca9","_id":"rax-picture@1.1.4","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-GkHmA5PnGBhvW/qVGnAgKFKmN0tUc03DnIbMhuL2HSTJx0TdPP6Nr67SjtFkpsTPYZPp/QBFcWu3Ek9FqvJ9TA==","shasum":"415a459c385edc6b306aeb5c2dc30fa244b5ee02","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.4.tgz","fileCount":33,"unpackedSize":34251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkcp5CRA9TVsSAnZWagAA1xkP/1q7mncsWV+c4pIo0kU0\n2K8dGkgeLS0zkawsqCftWJ4CLuof0BQu8QpJLZCC2Q3Vh+Ap2+Q+ZrCB79Fz\nidupAST7fDn0nQP3mT+vI2FnHA4/fKF8HYJIaLySmZBXFVxJf4znzo8g3Xr2\njZNrrZZMPKPIupdjL//z8PJaD6PgqrxIW7zSy0yQwT17opuuIkYbusUz7ZxE\nMJJR61IVnE/YqYFhbvc5WTuLPNZXZUzHl+tkhZwCa+Rs9fP3+LC2bzVwIzUe\nhWYUNfTaZMTIk30CY7PXxwsLZ5gG983a1XyswmMXg8FIZVSar/h74adyhp2F\nJx5r+FCXy8ytTDAVnBu1nBQIpgn/LYPpT9PDri8+j1yjElcW+eyYZhY72aSB\n2S/Bq1geAHZ+twrNezIsG2aOKZbVhjbXZvg8WGpxX6YXeUdML3r56HqYXD/2\nakw6n889c5XTTtPLUirrb60D2Pcje/qDhmf7rw60JojAbaDmPAmKoR1mEj6f\nPZ14Q5vlisKX0afkoQoVvVm9TMlRGf+db0waP620xj/BSOyH28oTlgG4EJK6\nLRe6wMydm8vhy6q4QENJ/S+F0XtZ//owEbo/SNlCRFNA3hxqde5Z/2ZrzOhQ\nr0lqjEQM8j2990VawKWquCNbG2GF5ZX3r10V8raAy01TlUR64NcpUBn4tsmn\ntr1y\r\n=2aVJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAbhgANFJ794/61aKqJAhdlyMP0F6OLcKxAgTzRm1cJsAiEAv1AUrjmjMjLCzNvSToG1ImX2W82+yusgslCmnV+5oHk="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.4_1569835641020_0.88733957993629"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.5-beta.1":{"name":"rax-picture","version":"1.1.5-beta.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.1","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.1.5-beta.1","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-3k7nsVMHhkekCBYMC+V+T03p8eoA3WQ8ThF2mTcXEsbTRja/cKAQWZ39ZDRny13enRQVfst0R269xbcfiLTexw==","shasum":"f0d4229bb00ef6d607f2f23ab93687841e833145","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.5-beta.1.tgz","fileCount":42,"unpackedSize":36904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdv50eCRA9TVsSAnZWagAA9x0P/ihec0j5vqtqNV1/pVQm\nNOT2VflDyJzjyOmX1HFwN0zZplufsUK9ANZKrz16NfONtrWEFgiQrZS2H+6M\nlqNmGWj8urURk7Ih2l3v8uySw0OQiPzmeC+neo/Bcj8+ZuWda9JvCpxs2wlO\n5aCqE9Cc4LgjHin2cAR9aNvLSkMqgpRuBL3HBr4zkQW9cQycwWsOHweFfMh+\nZ/u5ue/dOl3CjxDmdHHC38JHAPaaRi0MnPXtiPPg3Yk6M3gF6UI1x2dhmkLr\n89hRWeLvqn0q3t7I8ChTkjzcK+8uA2apK+KowCtByxcvnfLlrBSU4VG9oQHH\n6dzLojQ2PlZbGofC81jeQLqBZHe94sQ5Q5BfR1TCxmZkX8KwWiON6OaF08CE\n9RaqXjo8i2h/K6xJ9nhCVHV56Q8M0SeojX5nfPYH4wHk1KhRlbXCQwYDmbTD\nqGlhGXUDws4YLYpGXVSF/MX+nwaqRwDxc2mpcf3+Hcy44I7EPDBf5RKQf6Av\npG6XSJSMEpkfw2fOHNqPnnq6h2+Wgnzqt/UQqJl0OHu6vgkBYI45oO9p60lJ\n8Fe8IdUDQ43u61Kn/8w1IjkG9XzYcwyEeWrZgf3tl92qu9Wc4lxEZDAIwwVN\n7mDrN8sScREoZ007tWZLH3nvtrCmRrS3nFvxazqhG6U/RNDema4qIEtL20KM\nBai+\r\n=jTVE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzaNpSxqc6BVk7zU8uflJbIeK0iy2ck1i0/DG0K/1O2AIgQI36fK2tg03j3utGbQGhp4+u55X3Gql2hC2Csyvcj1o="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.5-beta.1_1572838686192_0.8123000226139683"},"_hasShrinkwrap":false},"1.1.5-beta.2":{"name":"rax-picture","version":"1.1.5-beta.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3-beta.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.1.5-beta.2","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-6xG0eaAxNC63sekjcq/1J9fui6wLcYUjuXVnZFW3GJ74YfeEwqUYtDnwGPZyZMBCMTnqWfMHRPqu27tWG/q3Wg==","shasum":"3edeb1113d5a0f44d99e21e4232d64e06324ef99","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.5-beta.2.tgz","fileCount":42,"unpackedSize":36910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwmVGCRA9TVsSAnZWagAAY9gP/274crkPbFCqrcuQGHu2\nBX+09PYLhNHpBFAUGLOMOB3L/pJKGzIkdG+x4oewAvWHGIreamsLSzODrj90\nXutRsCsDM1F0jZDWzQ7GmzFN99pV0fMLZBF0FN/WMoXzX+P9dscyd7SsEJnf\npu1LKX6eycz2mmDtoP/mXhiXpnZa+LEgsCksOHzoSeOHrm7bWc3JA0sqfKNs\nU9pNED9agKsOxdRK3mdUlGRnnn5dCjDvkAzQBEMhyS+CmlISFh66KMePA4YK\njF+PYvS5m2f5w1ftJC+2ZppDR7hty0Tq8CThTVdiuyhqnYZZAdDT8JgLJQyX\n/dym4XJEq0LH8yn/CB2rlBZPl9inUMKxAewbqpzAtHForSTRvbpuvZ8DUc+X\nhVmA9UCVnQrFn3L05f5o20HcxxLq1P+2W4bDXUQVF1flxNHCE1hX97m6ZEkG\n8vgSLhfLrcU6grRkyZgQPCpbjbyHJc7Z2bFn6xI94FvIKNSZvxy77t2olnCi\nwVVaY854wrXLauaGAGmAncEYhhyspWCYrp3MJ+7X0Oodw33rpxR50PITO1a5\ngzB5yOs861tUuM2zxcKj+UfuebM90b5UyMYlzQSegBp47vA0OS/LgkVmArEX\nVcckSCEg6XdGx2lO1G02mX8f8SxybjCeO+yPkNDnGWqRZkjALP5OcIkehecF\n1hBU\r\n=5F68\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDFidIqYCoBy6fyQGvremgk4QHcRO6jQfLEN2Zhm0I5OAiEA5fjBLqzPfALO5ohptM5aEUstPaCZ4GhKhA1yEfGqaxw="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.5-beta.2_1573020997902_0.3255137273272348"},"_hasShrinkwrap":false},"1.1.5-beta.3":{"name":"rax-picture","version":"1.1.5-beta.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3-beta.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.1.5-beta.3","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-BGZxSLd1XVvtJnBmTFqhPfoXoX8d4Mc/r2r67OmdzJNZYNor3Y9qHhxS+wJ0I4xYk4h1OxaF+bfq93dEyXUkfQ==","shasum":"62020c476650daaf8928cd7ad748aad772af72aa","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.5-beta.3.tgz","fileCount":42,"unpackedSize":36917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwnPMCRA9TVsSAnZWagAAhCgP/0kyZBLEPU34G1yc02wS\nmYqP8ETDi2yE/4Vw3ll7bcZ1T9z38IIA2CtQ/RVqCB7P8ClaNWtz5jILz1n3\nJdeX/0HNboLo4hlmnDzdoPQvleFybXsLzzNFBm4qGZIRjMiniyIWIbzstBtI\nE35KIXoGbefea0Foayv4e/OY/+C53pekwnA3r5s6NMwDFsjCXVqj529KCcgR\nQA/LOePbZ0Qb7YVhsH/cNJHrw9+8vZK5Se8GUorups7iVYqyem+fXMDxPuXK\nvuPuLM3M8lAIQd+ZqVcsfP6V2a3w1LfAGua5EhKhFoAh2zrwOLd5KOSyVVbB\nxn12smrLgRkyoYSfOl3D38dqRAYDRkQ0atlWqgMKwo0rm80xV4Db5IOHxrbM\noPOY6CnIXj0IXiYKpBn5BuXZVxGqGcVOeHJKsHrwumyZIT5hOFttMgSQM15/\n5QZczRlokd9b3gl9l5Uok+iIjuppjsx+ghampcrDHmZJTHYVsaHi9cUCr/XH\nZVEde4BGcpIL1IIj/fPiRtJQbVu08M7Rqa/ux1jlfv75J+MOFkdQrvWU32XZ\nRq/fNrgpzlp3MsxJPZwMBH45yuEjE9c7GlRW+ai7RsgZOQnHpNmsTzl7PZc/\nYW7GfcX03k7pcUAXiGmro2StjWfPUVvah+Gx3aT8Yv+4fuMGv6w37W2rzLZJ\nCahq\r\n=PhWC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcLbU5u2/ZmUa5ws+3MwSbU5MWyHbKfmOPf1AlWoTncAIhAPUz93dXwnDD3HKtIVawTCjBqyIMcRs48CoFVWkYQDxW"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.5-beta.3_1573024716010_0.15903532694029732"},"_hasShrinkwrap":false},"1.1.5":{"name":"rax-picture","version":"1.1.5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3-beta.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@1.1.5","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-fadgFGFILUobYem2VlVr8ZQypJ/dai6becikC2bs5GzST540AYB9HEL6c+inYJGRz56xuuccSebwj0tNKn8SDw==","shasum":"e2599b099cfec05125fd5f46e597a3faef397bda","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.5.tgz","fileCount":42,"unpackedSize":36910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdy7shCRA9TVsSAnZWagAAa04P/3sGLtWNMow4gOyN1tIu\nJnXc53G6lekkwGpEPdf1Jj6/GPpsWxPD/yIU2LqvYx8qdt+5vxA7003pI7vk\nIWV58XoUaqbqroAQG1O72uzpIICgAc/14dP8ftoA03qp9IpcjIiqEqyTy0mQ\ncqrgRib0WMLMge66IJ7qvHYtjss91LuHWE8bdtNIeSdEYvjBW2b0wCQ5jl52\nGSwwfh4hw4c2Szmp3tWZfs+Y8dOsyA/rayiJ2axeABNPzZXutV/R2KZVXV+I\n0Q2yMP9vLgkai5WNfV1xJof7ve4JSEh2m75tqJF02v4rx9PRquT40Y0yf9tp\n+DO76tOdZtV8wSguOEqYCYsa/DrZaMquVaM4qO1C0rireygTLXkZylpjHwDB\nqtnsoucttBdv/2nmLQXwGkHHW4gHyNoc3k0lMiH4kVudY07J1iBGQ3/8hogp\nhD06rU5n1Rz8drVah77CBXjArZwfw7UO3jEFhLt0x+DXw5UGx1krSXY+P2HE\nsmNGc35x7N/fM6y9i8Lj5IB01PsZOMxf0ZtNlmzt9LPXn6irR3HVpoiMrzov\niustrRmXDE/suFEUSpYJpnushhVC2lArgd6mC2N+FusJZk8pcBcl8axS2jbb\n+xL6QYuuG4zrkyfP9nQGBgE9N4Q7bYKKMvJQoxjrhaO69TQyD9IkBx9nCxX7\nliiQ\r\n=RJKo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCi6prI015CCs3uCw9RRajSgsZJ3i6RYkksx43b/tS0kQIgNS2XbYLCtmv6I1dTcB9SSxSTgNAeCfGES2b6K1OyuZM="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.5_1573632800988_0.8862189442620096"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.6-beta.1":{"name":"rax-picture","version":"1.1.6-beta.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.1.6-beta.1","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-v9iOY5iCc7n89Zl0eImVJMzsnXvArBFRKXIww0WxUZMbm2t1c+mhgNEKS0Cx4eVMmARVt+hzZTrtSUX7EsHONA==","shasum":"2fc811e711e046cc14d9ab6227e80847f3d09232","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.6-beta.1.tgz","fileCount":42,"unpackedSize":37042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0pbVCRA9TVsSAnZWagAAK5oQAJIWm8LJt09xdV3KZGMI\nnmA7UO5+3MbyyLJm0V5pol/mahxeDg+XRW2pRwsvdnF7dJ/6AddHnt8WKeJV\nEHGfxaq/29liG49eIVvZOaeJ6UN9qmFVVmqBdUu16oYgGK8HYN5I7eVD33ua\nqpKtQIub9jWY8ZivCTruMQxJq9cEZrYG/WAfbTDFImViLUybhGst3JIcYtgI\nUi/ciz21AzKvZgO6Yh6NtCDnjfCRL0OTApxM5L5D/EJK4zz82CQChuFm+sFW\nCrq4DeITrA7yzbiHyYdriml0DAvgwKm9v3d5PIdgFXnUP72W8ZzwYKNtrz/A\nn8KsyZjCQ22Rtwj/edO2PCqJdWNGL06ljqTQzdOKJ9FUVLrlFjPcBxbIm+4d\nDEW92AWHkUBEm0M/OEhwW9fbe/f4BY0Mq2e48oIXNnm/A+5uvm4bvBz3etWj\nv4ECmrumMBxLkj4ezJAJ+eqjpnVHh5iwQx/J2mzKHsXFLhgALIKpf02npJW3\nq4nrxq+G8dPEi8Jiu0IY6+1hm82n33oHAMl0QpW7heWcKUp8ZybggJPJZ3Sx\n16eJw92rHDtOn8KBxLVBZAXmKrwMMl2xWjJYXkhq6sN5ndceEDEopuJ/lPkn\nhlbLa9rnBDQDyQ/Xqm27g37PzL7Z+UccSyQ5f2jvIrNGNQJQkmxXaQylX9dT\ncTut\r\n=IdHP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAxg1Tk6cA0qt+xVdKNmJ483tHDfCi7IWiWOYfG9UnseAiEArorg/kzjzDbTClUL1URW5mygLBiJa3D4i4f+G8eacrw="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.6-beta.1_1574082261188_0.8534173443318813"},"_hasShrinkwrap":false},"1.1.6-0":{"name":"rax-picture","version":"1.1.6-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3-beta.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装 \n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用 \n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性 \n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| forceUpdate | `Boolean` | false | false | Picture 是一个 PureComponent ，它的 shouldComponentUpdate 决定了当且仅当 porps.source.uri 有变化时才会重新 render。如果你想忽略它的 shouldComponentUpdate，则传入 forceUpdate={true} | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 占位图的 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx \nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@1.1.6-0","_nodeVersion":"10.16.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-6e0C7d7FZOu21zwRwqDCbEacMRWHpRdrOzn2x0Zrjk43/ZHSKEnQv4o6kvT/8jg8pkdntkFcmLmkZpOuvgpESg==","shasum":"b2d11a3e550ed1c556ad9f292fcaaaeed9557be1","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.6-0.tgz","fileCount":42,"unpackedSize":36931,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd28x8CRA9TVsSAnZWagAAy74QAJRz7QvlJRamTyNXWwib\nJtjEYUv3JU1b8J0qNucWpwIh03imWZS6RjAJLfQjdHPgce/+7ri4C1pvZKXK\n/lSZq3qHDp+sppUxl7pI0ohnLHw9YJfQyJnHqgRwnpTNoy+YAZhjcL4YUC5e\n6T8P/km5/b0CEToYETG1j5XaOHRtQmJfoLJW31pjWho4iaUKwDFdSpAwj9Mq\n9/4FTTHSm3jHycgfyET57K09Pn+4Li0W70ZApYrynx0NdUma9IzAE2R4QPTi\nWymMpwOqZdp0QqmObG4aeJ33cub0Zr2helbxIgUt7oOJFN2h6OYkI7NbCv2l\nm8fhhdfIHNB/VQCCO+IR513mFpMShzD9KSntgATMU28693UuE88162W7UZ9s\nHRgPpKRkA43V1dgyLEzUzWE8PaLcco1gpFel+RkXqbr6D6H8lP3c35QLNrOz\nfkXTo/Qw9FMoCTkulfsOCqQ4z76kH9VqzjuP96+kB+wMKufK7FlrFo04ignC\nucV+jCxIqmOXcuRNB1PceLCmp9zh7de6gWKkLBaIIUzcchd3rz4Gx1quhCGI\nqjsMJrbfCm6RYEuhFdvig5mcyrbgHZ2wpm1gzlkUFYGF4pxRxBsB0mTxW9Ny\noGV9NjXXPo5JVwKv4odnz4RMFoW4+lkbUl7AEBBZ++stFHCnRTKlCJiG4tOr\nPj2n\r\n=uo/c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxbR+RUIONtxQ2s+AbZ2M5UT4hQjvZ/Np/rW1V9KCGFgIhAJNNLqxwJflstEu+hLUwu/RGIl7vY+wjUYMg1m1CN5fq"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.6-0_1574685819645_0.24927286125250103"},"_hasShrinkwrap":false},"1.1.6":{"name":"rax-picture","version":"1.1.6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"1.1.3-beta.3","rax-view":"^1.1.0-0","universal-env":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@1.1.6","_nodeVersion":"10.16.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-wIIYuV73zUd1A7bRs1p4d7au+s9k9clNn6Q5hcGbgu/w6Wq3OA0r8Z2v54HDvtN8tZv4DbyVYY5h/w4Yu59/1Q==","shasum":"b6b2ba706a52dd36d58ab4663de24769d7068fe5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.6.tgz","fileCount":42,"unpackedSize":36929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3zD2CRA9TVsSAnZWagAAJtMQAIUrnay0OkSE/CKhm7aQ\n/GaRPB0Omq2KaTX4rcTTCBP7Cn57qjk5pFYR7h1ts45JkyT93Uh7RZckgoHk\nFAFra11gkq3Rlm+NgFaM/stcDija6lbA97n8HhryvIBAzSb6INO9QykielY9\nN+XkshqOopLSyEWCqFCKxTy3E+Z9kS1s21Z/RtpllrGc6w3lQzVZ9f+AvUGl\nFtPNm4xqnef0Fl2edjGINcucNMNg/HDnHAyoC9wqv6xVuWLaFbVN+TikZlHY\ngqpT/JXbRgihQgE4/DqMA+rCmxhnUvmtzN+v/g34gb54LblEZ0oZRC80e7Li\nQ6NiSudnOd0+sK5alO5sraGa4q0W0Q9xTB89ZS+bmMNjnojPNC+hRGVL0rTl\neNhNre1R9DOlt21ih9u1XT7GnvWqygG13/17oMVNQQ3isn4cqHO231+oHx8p\noHI7/oJ47Ha3tSvg16q04JHThI88SBP6WFgSnc87GWScLvg/sWDebQDIO3Lp\nXtxGu0KHse6WkHi48LH71tonA0OeMFlG1a+HGM0RF8diHgxgloX6e+3m1e8+\n3unTBXxYsvqCySj+mKQSkXKiyuODyA6kMZHRUHK9FoI3mu2z7KTz5IGatUdh\nEA2Bd+VQtYmX4tAUWLzJ2KgpIAPqx8TMlquxAlj0nCjohCJt8/1SuLfvZERS\nghkI\r\n=6q/F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsdAMdDoVyV6P9AP1yxRsruIa7+n9XKWon0pDS69ph/AiEAqsYgBYX8crUjN2lGJKCUrX14FjmT03NjdeKOlmpuhCc="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.6_1574908150209_0.2619897763889756"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.7":{"name":"rax-picture","version":"1.1.7","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@1.1.7","_nodeVersion":"10.17.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-bTykP5f6zMq3sbCAvjcwR3o1JjA4NRIed1UEfYPtwWUUdQ97iSqGpGQ48Fi+82ZEkFZZgl4hQvpwjdKCtRnlyQ==","shasum":"1ff50af50d5d3a09d7310ed37c14c2d8f05d9999","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.7.tgz","fileCount":42,"unpackedSize":37157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+HirCRA9TVsSAnZWagAAcgQQAIE8HWt3qMB7/A5sx9ep\nGXuNIgbbS8oK8I0JgITkfUa9jwJ/jXjpGvYHr2JtyCPHtAwP2htcAQaWDQJz\ndlpjB5Hq2qEEbaFv7oCoMT7h+Wc/l+akPnspdvMqaIdK78vKpQAsfKrre/GJ\nhG5bfe3L9bUXeHWpYRlZhs0cVERb7t9RiE7Qz6aMQNK454niQdkqApuD0JbF\nJZ/zaX4RM5j3DvHG9x1EfcEoiGNEzRJ8piQ+LGuLYXDrEcz/7A+N/vr294BK\nixGxHfS7plh7dVa1th5DABlCBzgZEj7RvFCU00Bw7Jjc5XWA60cfzMhDHYZB\nOhMAmlM5IaiyG/jEaKSNozEcxLoc82btIQDQKaL/uc8IISLzXS5KL5Rbj1Nv\nIKeGzdI9uAY7Cy4rd54l8gRMPk/9DyNu22pvZ/OY7RcVCN+FDPT4h5c5ayIk\nGqfc3ReT+E4YGGX8KMWOfFmA4eGjn1UfceVIdkUQVjOXvEJI21N7Mb3kz7Ge\n2ePFpstmk5JJ5FIKJywwyjld/+kIy5CXCc53i7kGfdqqUn2Wy3ovjYrTMeeL\nWWkFOlcAHSAmlD7+wU2UcGgwMVfEDTXWfboBsmqX4eKpfB3QshLgHF6lhM6p\noEXIULzFm4+7otl1oKTeGmJ06ArGGanX8r5dE/SFd+JHk6G9EgasE6fdgg8O\nBDLP\r\n=+Bf3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6D7B48rJOCH5Bl87S3+ZGdUYU6QZ3fjfmlJfyn0PUOAIhALKYWefOuW8teBHNIH6CgVMHZgHRK7HPsLjyAscQGLyL"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.7_1576564906974_0.7828393601428902"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.8":{"name":"rax-picture","version":"1.1.8","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@1.1.8","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-rT+RXeNT3vr8bNsrSygDgZqOmEQ7DQuK+rETmPHGTkZV+DM7tzNa6dsoPcTn0BBT+d/rKAcdkvI+Xam/smsQ8A==","shasum":"0443a7bc24eb6142af4b45a2a00b4712d9aa3ff9","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.8.tgz","fileCount":42,"unpackedSize":37314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+ZXgCRA9TVsSAnZWagAAdygP/3sEJ9g9Bg77rd7PkNSW\n4cwm+H1RBgiP/xeraUq0JRg3YIOJ8AVtpA94J45yv3aylZcGGyEkG4xWYZkV\n622go6gmYWSiXJpOWbTBEGAeup4HQuMN+XPIh/+mcksFDvz79eBQ7PRqx0QQ\ngnsxZeInFxE8v/I3UxEnKXbKBlcgI9MlN6Yeh1++QCMOM14iOzuK3v6v1uYf\n3BvyjAhXEAaR4EDcpt3FosvFt0lo1rrREvJnGf+9fO1x16TSPc5FiNX+Kaa4\nKvVRdkQdXrqtdhVF/1w6e2yGjbO7EpCyiiwpKq4yWKN9ViZhFKjWUuqBRX7A\nXXuu95182OpSsbhn3zvYCpRczvtw3gpxm//e7fztsQtF5VVmNx4JpNaE0P0G\nZTil80YZjPQq77VbNOZRoeJhWZUBrpruGZeJUdQYlzVaPavK235ykUIPfi+P\nOdQVFX1prA1pvj0swLyo0Zhu0Tz8ZBnfcVJ+MF8UgILCOpoBiDDI9UsdHU3I\nf0MeFuIpuk15KwvRvAUk8sW4aupAoI+MBoYnvo+7SWQJeCzMdYU7DNPV8kAr\nMVnBA21PbhIEw8ZdfXe5kqXU6pex/hChomcKH8gCJIdrLwdQaTt9m9TEOqYe\nFgxoVtW+hcIZKbJAt+iyuJ0dZBpBLy9JAKLa+I0qOIH2EzUP++nK2jMl76BX\ndeuS\r\n=sHfw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALDZhNGQvIicEkiIPdagyjlNnRPKPBwGnUZVe0l/TWMAiBwjXA+dY0z7ncnpvQN0pCK13JpWwNaKNx7WUh7bLUwbg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.8_1576637920226_0.03743349710619803"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"1.1.9":{"name":"rax-picture","version":"1.1.9","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@1.1.9","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-60wT1nJ7fDtKtSyJi8JXzJALvbTcgq3N10wRwsogTQdkJder5crFRzgSe+PdfvdLu1+AR9LaKXHe1WQXg7JeQQ==","shasum":"996e92fc778d585559ddfb89dce2782dc16b53a2","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-1.1.9.tgz","fileCount":42,"unpackedSize":37327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+bt9CRA9TVsSAnZWagAAYPMQAIXHS5cDhH8FKLLteoPS\n5vKz18P9Zaeyki5XnN4PxsrJQN5u7wcmviZ7qsqeiOA1fHnNjZmdrVkBY3Ve\nr+H0+yuhDqJc1LAVnT1NXrturLWOxb6SD7griNJxhapwDiI5pUaS6jwCKOI8\nnRT7V0I4LVo1ARNRVQfWOVRoYuorp9O1BA4kiCby5Pdx16VmY1AuHAV3axu4\nY4KtcmcqFl4CEC87DYYk0Eg47sVTzBnxtESO7gkC+92ugQFEkJw50FZ08z1e\ntup1oXnM19QxuwA1BsGCKkiksvGIT0qehGfRY7XbSESfe/LUHqdZQkYitd0n\nGbYRk1+AqqYWJ8XeCAyoEXSsPSD9HRQ/aL7hNrJhU4fW0mmo6vrQN46DUfiR\n+LNWP3fs5byZPN/5DUpVrEo6jPMyk1KHHvzZTGKhFj+OJBS02pVEbGXAG/Nd\nd1O4/tiUF1OGcZvXf3rhaq4XagZ0b+DxZb6NziXjwS3PdrcLF7ylQUL9XoH4\nu9nXA8fr2cc/Yt3LnHOBTpG5c+DjIEY4tMZo+gknWkeC6f435RjTdHhNr1Ax\nyzf/SXohhswQBOOxQl0lcgzm9mhL67qJGYM5MGm9XvCg6BhbsoVxlbWVb329\nDqDBFEp1QmvnF5ijKtuximXzq4DTB4vATiWqztpnqqTlRWzTqB94QaE+/xUE\nw2/G\r\n=WKFf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkmB+Gno+eQk0lprmb4qbfjxVblRFaSCFikMZ4HcH/FwIgHxjE5Yov4DLOzmY29P+Bp8QKT/FRL9XyBVSBDIsf2HI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_1.1.9_1576647548920_0.35679241812178275"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.0.0":{"name":"rax-picture","version":"2.0.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.0.0","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-s7FMQqgcQxATg4HDh10LqzAegeX5Kx6C5abMEtUu5inX5nOM+pyCJWrHB79p9m0Ith/85gsSwL+f4PtP1T5n8g==","shasum":"8072221f7cbfeba197dcb8ba77b7f88d8d07437f","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.0.0.tgz","fileCount":42,"unpackedSize":37426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBGkQCRA9TVsSAnZWagAAvucP/jW04WZKSAFm3B772Lpk\nyvvYXlGJ2Hy8fxhFtK3RcjdPpDdFs8BgJ14W3uVSsaW2t+bQwm3Zprv7rMY1\nbsSAPKj1Mj0c10vCRHy2aHiMCU/r9yp8ca9ZTjPtUF1EmpEY2ETFTPqg9/CM\n46fkYbxD29Jr4NgmDBwsHWw7dvUOcqPn04ksnRE6U4VZuSUy9AREHRW2DIXp\nlyIkDLlx3hr7dbMOQNQp14H/e8DPp+pg7U550Lm/7LI/SRDE+X+LIm+dNw3G\nijXV1t6FdxYbPnIQMCn2sapdk9BTHAs9HIuQSlWnithIeBO5d9f4VicvBwxA\nQHpgwBrYmn+RHi27Xs2NwEXiKI+ZxSXCt6/CDoYwGU0DrFzURNq3BmoCbq+s\nOfyMcyLJxGcgALuULvTyKS4RJIO4l6LBkSVcIdlX8oSAFE5tCphdydkI2HFC\nUFU+/KUZ1FlMMGH2IFWnhONogdgEEVTo8//KdXGQCxHahekt2YS70teZ7wTD\n+GH4QlqMng6yKa01X3plJKx7oRJSkAnnn22Ze0b6xYy6QAs6hLT7NV0s2Vg7\nMrMJka/cO983cxfcXDxsGQO4zCEvFigtfGPnmEtXa79C3KWA2FoYqXwULivb\n3mFnHCt0rV0Vb0xcE3NBnD58DuqTZltdaP9bBc8tOOGREg3kRSG88bGi6WWj\nxGbm\r\n=o+iK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDV9xxo7BD/D89pwqYMjPpIyAcawHja4EDhAorWAFonOwIhAKanvBrhlOaVFICTPO2LTY6wFixyWBPBOyZDHu72tOha"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.0.0_1577347344005_0.5041883690853692"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.0.1":{"name":"rax-picture","version":"2.0.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.0.1","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-mvcx+S3PDIDP3t6JANXH5EcRIl9pOlfSs+yf/oZd1JmhIkSMxGLfS0xzgNHsXf8Mwikk6H8lZ41lezPwSNO3gg==","shasum":"226de4ed693365522492eb3180a22344a874722c","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.0.1.tgz","fileCount":42,"unpackedSize":36229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDzg8CRA9TVsSAnZWagAAjPsP/jlGg01E9k3A5R2ndn12\nBFwsCpAxlspw/DJZoM5NX8wdhe1Nt+dtoi1VioSg2VyQ/n5TLb8Caj/E3c0G\nBZvNQYEKchd8JzeDM5DlI2JRudntTv2LX7j7+TbWh6xcMGT0FYpEPrm3Im6B\nAV5W7AZuBcC0E99IwLDDiepOJIAqflhrbV3zqZts/kpwwrSM0ASAcZfy2qSV\nwnFwkPXHQJZwtNllQxvltDQwnDMx8LeUPP2m5MeP9b6KgvQBye4yC0Bztizb\nMPA6hBtzRmesWytgXXeofo442wrSLJR1Xw0lf4sOK31QI80mkTPA9BHGzvpB\nbeNE6Wg+VWnij/rESGKRzeU0JAo/4oya8uEX97VrrbwP9lv7CqgpTil3Vg0R\nwDrAAeOrL/7bsGf/V56ibwEwbzwOHUAn9JlJiM9T4Ob+TeR+b6FYICjqW0YF\nQ+A/lG0vldODrx9mnBceK+9/IhVH85okUTffjJnVT7rkS4U+1PFohKKwosUg\nsw/tz7pXxD8bFrBAChvc7QEI/oDbTM8UsEy2J4Xy3VkI8Zmrtql0VHEGqwyn\nECnGy5q4dxms021y1ryW3guXLKNOMvSZh63UwMy5hLSVdd/zNF0c2+A6lmGt\nCL5t05q1EUvjnC39KLmfJ6+JanNHLLi+cKoUqOOV+RW6E4lgrplO4cCa27Kq\ncKJp\r\n=YQKk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPx2orkACbcoqnU6AW3VyW3IpCVkXW5ycZQjxH8TIAbAiAoIKnCXPLqZFEkpJ0VCPlwCaDule7t5C5BhMfBXD2l3Q=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.0.1_1578055739440_0.22928160864123415"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.0.2":{"name":"rax-picture","version":"2.0.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.0.2","_nodeVersion":"10.18.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5NYnZWLS+lPeICxv2h5dfZjwV/WV9ffUQESUuooZqQKpWk/sgYCN45VOpByAmEFmoozhgtF+dtcOLrRCUoCUog==","shasum":"62271e2f40a6c75ccd57d661aad519818904266c","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.0.2.tgz","fileCount":42,"unpackedSize":36334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ9DLCRA9TVsSAnZWagAAGacQAJfxprcgwUBLV+VzeOAy\nQhlnAR6neD5CyqmSsRx3inMm6yS/CoVMdJFEuZDEoOTYF9qXQEx8+Zb7S62X\ncV9elLYYj/wAn1zD5ncPEcDkY/7pJ6ck+l2PT/AHhEB1Q3HOd9sr4kRcW13n\nj+702uvD5y2R/0JWgmMvRjLYWz/mnezNevXZafQTJUw6c6sT1wHinE9N7N+c\nYPHypKZFiJ5ulqKFcaMEY2iB1JzP+ttDNVPbS3eCkKpILJT0OZYsu+4i9TmI\nipsScG7MB39wdO9qFuPfq888QPd/5iGsxfpFMT6QgOtyLJzE25On92XHwvMJ\nigCj9Yi97K4BhabqukhI7Azozc/gv8ALSdgOeukwUg/Fsznz/j4ii0clzYgG\nYkZJpkmk8xcCLPGLWGTEyhJZ2fmmiaXRab5Ga5NxtAvCMOKMB9qmIBzT2nwt\nVFoh9RFxV1SphpJhTHDtmeQ9lShSgvrBBCHGb5ypHnT3yzL77lW1ODdkXD+l\neAezMHLZMbkTvXpPTMVAySOTcsfJ7FqC6wOMLX2lpc4LFs4fG9CjlldtNAsh\n41t/46K0ykHDGybwAyGZqT9yrpbv7mNwpZ9gLGDjKtm7Q21msL2qSYV8tVy3\nBQHVJ8YQ/LO67BsjD2v4XcJ+RKvmauwYyJYNGeu1zeePPcbQ/2sAT5Uryr2j\niqOu\r\n=3UG+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0AQjivd4OHFYSPw3oyhE9V5mJB3F5juUvHBXxTQMjTQIhAIpHm+aMg+AhGTDKOCvhZnNPTfWyykpT2wxj5sC+pVqT"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.0.2_1579667659004_0.982293112504949"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.0.3":{"name":"rax-picture","version":"2.0.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.0.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-oaF68L+zAkq7PhCbfAr9YETZADb4JZllxIA9kLT4yiVmz5e5TuU7k48wfm6H796sAVPBx4w6XklXSr+QxHorjA==","shasum":"ccb60724985a3e6006323777b475d4682ba54fd6","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.0.3.tgz","fileCount":42,"unpackedSize":36256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTJz3CRA9TVsSAnZWagAA7gAP/j9SeHK92ig1jTNccOwL\nwnTiLz7uCSuvguWpT1L4o1EH7G6uwF0aLi9JFnzAnLx3xShxkhysH0Lcikyo\nqh/ff9FTSuSiBIXV9rR6nfTb5SSX6dweiN6LZQAKB7a21mboCMaA43Cc3sPt\nysnTZUBzK1V4xaAvPS0yCzUvaZTKf8UPVqcKd4oSHGJKmVDZKRwzt8oYtuu/\nx7KHcYdkVNcFHFckoGeyY/nhfqD/tqaTtuI6Qi8Gj18x8/FTeT1Oc8LMeZGX\nraF5ptsuEWd20T6vGzSZyC6R3oP0QwgPRE3GGGagMrAZs+nbmUncnp0olO1V\n2Zksh06xRQisvbN+EoHuRnOrxvjEPKw9GeFchNRa23rou2oYKpkHJ/XnlkIF\nds2jyLTyrx019X/Q+N2D8P3WcMyA7VksCOkE1m4Bf+8W8Gzv7qFzd5JrQfHA\nFTm0T//gyPJj/lI66nx4e8p6Mt/5wWUpBemCmdeU/Lz/bgGkFvDtcC3iqJtB\nJCtv/DfgZFgJsKXOhH0E3suVvJbi+XCt0srvITJCjNL+5QP5imVoYlIayqQx\nB05akCt9nHi4ulfs/lSt77RhVccQIEnBCMFKHKyzf/gUg4hMfP+WveVB4lNO\nE82EyVBlZXShSp++oiLujzxoptFFcLBO8GSsOLhJlrHxveGgwfYFXp8KJRXy\nc2C5\r\n=Qe9a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/Ej9RTteNP37F6u0oCTJ+XB3eJwwK9zTU4xiA2udcxAIgMyQGLFOspNErHo6xcDAY2L7Olm6saS8N4zHLYfTtslE="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.0.3_1582079222933_0.1374140801036512"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.0.4":{"name":"rax-picture","version":"2.0.4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.0.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-UDBHkDU+puDlU8FvD0Sk315nL/s7lAt5ijBzIHZ9aZIshiJMZgcfYr697lk3zMP1KwTIiaWRySGtkDDn6/x4Ug==","shasum":"9b0ab79335261c3fc3bad17d36e39fdcccbe83fe","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.0.4.tgz","fileCount":42,"unpackedSize":36350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZzsqCRA9TVsSAnZWagAAu8EP/25CdjwklgaoC3QTzpjf\nr4uXgruCQjy6mqPfDhN3ZCHqxAZJp57Vkre6IcyXgSwpHQ8TDuKz8xtBf3uO\naUcFCIZIklbFuIRxoaabh4rf38iR3Hgmk/cHaaIrbGBY2MyAypI2+SUczjqs\n/nhWXzYQOVFmaWAjgqJ18R8/O/FZyoWN8T9XccotpjZlvWDuJihl3OVdZeqY\n7V4sx7BlmXDHlrXgDCIP9CLpKtq7nU5OgNJQCgTKVCjBUiT/EB1l53PynfNm\nWmQWXFadrkZbTgR2Fv6fMPVLoBxFZYkxq5qX/5FrKXdOM1fJHx/wfRRiUhG/\n1yhfCxU1ZPiChRUzmTXkae2DoVN26q37lskzKAa1MvF/upGpkQc/PogidAO3\nsM8y49pUJCyiKQ092lxULBXkxJOH7hIcKqNSBeqyuvCR+t4DDFuZGjOSCFHL\n5Hy6cx7m1f3c1saKzsR7Wu5Svxtj2w28h81Kx1IDYGmUr5R2qTuQkMrhM8lq\nLWPITfdf43DWx4c4uQCvahVgtpjQmrYqprqlvem9yuK8Pl25jj5nKgjLmC//\nTniqRRgEHOoWhcdCj60slwDMhQDCeg/uKDW1ii0cXSArC/PkM13J+Z658A5P\npyNR4GLOQ+Ymk1TeAmUbHVGzJPhnJjYeGdG8enZ4iBHOI2t09tmk+RyGPEZ8\n7U6y\r\n=kjb0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNoJQMnB8qoJf/nHfrbrsBJhRaR/a8qaTRGAinL4dRZwIgKg3XrGxDOS3VpA3Y8zxI8OG3qmWK+/OKc55OuIE/3rQ="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.0.4_1583823657908_0.21675069902147093"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.1.0":{"name":"rax-picture","version":"2.1.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.1.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Z1bJhLBncJfpimCX2+cqMDvQhavA2q1Yx6zue3QEVPBkFjs6X4tkWANYCwjHffJl79LhNfKXgeQ90GQcc7vDRA==","shasum":"d6ca46fe53f9dc639aca5dbe9599e0d2881a6fa5","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.1.0.tgz","fileCount":43,"unpackedSize":38424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ130CRA9TVsSAnZWagAAReMQAJsDjOg1nrRJd1t/uPAn\n9yeBWq2uy6eluIpgUIpHBDWnDqdFvL9SiKNs26O+fZE4eoKjqTOaiA0c7va/\nElPmsgGgSLn5cQCstpSyhqFToqvxqwp3SMoh1NR25ps1NiZ/F76MD+Yc5dAI\nOLApfz/lImmrhbrgQekHYKXkIrPtTGuMiXTFFS9Ofq8j2ERlbZbJEv9YDsN/\n25xofgePRyKbLPyl+iIuBWgHxFjuD7GXVftUNa24Jwpcy9ENxpMedozl0kMj\ndvhd5Ll3T1wciKUtaOFY1FIz11xBSO4clA0CIcqeCoOUsiUvxwcYQorAVlhD\nkFsZAnKnEd8mGJFr7gsSMluPd3URiSQ9dDKsD7LS30jWMMW2e0hFwE+iraK7\nFnRAk9N+ZyaqLnm2xmE2McENQQJ8raA9domEjiSQZqTuqmuiZ3kxEipensLa\n5zKTNkKE44671GJJK6mi1CRPvY/MxkicEtreS/e7Blcj5KLKPg8fWJ/cmiM3\nIV7lJOqAWuJa6l6VgHvfj89/+qbcNDadlF7AuFe6wewfnIabd/yy83JtQ4tU\nK2oUAWiNQoqizUjYZTCb7vk6mSY+kJorX0bl7/Q7cFaF/Q4N44cuCfMfAXUW\nthWDUnVSew12xCZlN1ZYHMSK8QReH23U9Zp0e9yY9VsevAtqfWS9Vz6UpQ4F\ncjRT\r\n=Nolr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS6FwR91kDTxZRzSmyXFr5D7qaEXK8ZPcVjKF40IoxNAIhAL/XkM2bgHt6qM7lpINQ08fLw7UdA9ZImdPOPEeyKW8g"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.1.0_1583832564260_0.26263367042803454"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.2.0-0":{"name":"rax-picture","version":"2.2.0-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.0-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-r/A1Mo97ICjM4v34Rad6y4ngmRBeH5ihnqErNqJnOl1gl2mqQaKNGJ/QACi+C7i2PKGriWy9AG/Owpme6Jgr4w==","shasum":"7403460b850053eb00768d1ac8a360aa2fee1fb3","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.0-0.tgz","fileCount":43,"unpackedSize":38628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelTIJCRA9TVsSAnZWagAAIQIP/1SBPLq1k1Wa0VT2aSJX\nxc30Ng8oTO661VWPHVr0Tn+pnE/sw2GF/q2cYPl/b3AM3hVzT9Jp1ax3afP7\nqn87rHqKj41g3I2PTvTcWTBUeSNjnW0ws8AdnnM+xsAVYbeMgtP9kRmL6doI\nJAdwqyzUaISsx1Fu2ji4ysBQPsgzoRi1YQyN//QpEzwD3pRFX52IEUs52+Qf\nITwSy5A/uoL2p4DsXqXbVM68GOBE5XypjGRIy0lQLvfGO0rcx9B6mVgymDWi\nxF8HoQG/NMXfFnb42tXhbHauVDI56S2c1mm4eVQEVI2a9jIyY8LqW+o7kacJ\nci8k1shHsSm0UkkENzqgukuUvdSe0lWsXIoO+PHb2CH8jbRb9DhWaHoRQaVc\nNXq/8FTQ9x5wDi53a7g6Gg/8usiZOh761CLSYbJIJQq7AkXePdxa05LEaY2i\npdyEoyUb1dLDLBpjzzFrx4OMBQjBz4ogWtADt8uTE5DbJTHQFL8S438ca2iA\no4emhbaFMLWecXHzYxYnm+VOIFsk+71SwG+HaB0dEKARHp5JAp41jRhWhyOH\n2sfT9/veEiO+m3XH9iYtSasIqFpgiHqfQaO85MJO0ZCsJWJsmwdRCL00Pyq1\nnGIspXrcPj15DFHSNtCjpjbi5hWe+H4WrN5hHAYdOBiU9bM7W1bjiV49J5Si\nd6f8\r\n=UCRh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiKpwCtBhtlWbgYdb5hIPDFbP3NW1f2syoBqrRTl1RrAiAF3PtoIe31OBSbYJZBOQEO3ta46TpFIl3GGezcn6aWCQ=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.0-0_1586835977388_0.9849199615028392"},"_hasShrinkwrap":false},"2.2.0":{"name":"rax-picture","version":"2.2.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9-0","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.2.0","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-fjZ2nIMBsa4Whd0mE0F6CFKRQ33Nm7fYTwg/tKzK9mrvqId4M2EWoFj+bjBXflJQyGQ4U0HzHbmPOTMqK5oMYA==","shasum":"baff626a650afe141af684575ae6241a063bcd8d","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.0.tgz","fileCount":43,"unpackedSize":38626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelVtCCRA9TVsSAnZWagAA9cYP/iiMdsowtCve1SBS0CbM\ng2nhD2gRZbxRt5YPcNHfCt/JnLS3bByZA6EOKV2CEd+14sHXCjLKCEb76qg8\nBflulZckg0VBLbA9Y41YB/YFnNxMdRHBcCkEibduuxBVsnIgOFyqAGYh4nmk\nMbS5w13FWvnchgRXs9bHiNtJ+OJN7+op156A3pqmYZWiFNcFiRihEYR03Szj\n46KB6Lr7rVh796E7I+uAXJZIibTAyne4uRC7CB2GQRXtEoN8sO7OEXUYGOPW\ngQBS2aj6VKrVqND2E5wbgwxqoSVHgkPC8H2lQ19wLQ7bQd+dxeZD+5S5F6wK\nbENQnhvd/MbkyITnrphLSn7Nh4E9y8JjBtyv45NTTWueSc7HVEh1Vyz6h+rC\nb9aEpqj/GiDZWE+qakzT9D8pHOPC6dmu+8IH4BBBlqLmeYdmQQ3q/t3Yi8ha\ntwAyUbvHAhXby1UTQX5vyKG9DXM5ghthQQApS+MWKlHbN7VjahjAdnlVRuJJ\ncapn4o5Z7waG4qyGra1B9NmsMDw0t6hyUzJLS7NwSRUJKLLaiCI7NyJKDCtS\ngBfsLkTU2H2O6AwPwMYc5iiDTKQ533Io89KhUQvz1EyO86BIH4MbmN88IqHn\n5zH5UtWF2jf82pW+zBYEmSHiUa+4k9sF7ornyzqYjBChYy5e6bxPuRM1/4LL\noUzw\r\n=jAEL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTFBqJNPDQ/CDljkxlDkQV4Kfdq0pvllZjgBaYJ6qqEQIhALw6hnrIr+6gpHdOJU0rp7rHtsTFxfTf+xtS9Z3dr09W"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.0_1586846529586_0.9194894641246205"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.2.1":{"name":"rax-picture","version":"2.2.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"_id":"rax-picture@2.2.1","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-nzVsH/6cL3dT8OZoMDAxWwXKIa+JYvaUwWIPP2ZbM/vMQ/DO+3lUP2d/OK4Js5iGHgH5f0d+RcJATWPm/DebUg==","shasum":"0d5e76a53f886e19b2a82b8aa998776c370d474b","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.1.tgz","fileCount":43,"unpackedSize":38671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezNSsCRA9TVsSAnZWagAA3iQP/RZSiMAs9SgBft5NZkg7\nX9pOf9pYru9MWL3Wa57UbtUqCk0cqZ+nOoUjM3/bnUC4rbX//dbICTbJ1Ycn\n8IuNAszQ+kYGXishUKVe3fV9S79Gog8Xz/X6i4k4PAkMRPMJTAM3N/orZZ4i\nVpXK/CzEnlxnvrf9dGYDlaG4D2vRb0F8iwFXT3lygaI5qwA/c1ubSPZKsoyN\nyP0AFkbgBpWaOpznqD938H2mHeonZdX07Ay+QYMkM0IbZBb/bvWiMBwaQGW0\nsCaQiaUHK3mFqM/1zFtQ+15cUk2HoNYHbVycGXvLU/H2othGzqimqKxtWfv7\nR/rEmRdPgA3nYfQQrSknPZ0jT2sFjH1rM/ef9x11qCd26UeSKEQpSroZ1tdY\nUI4fyfkG/YJ96EYFylgbdChSAyVmaGAOXJ4tc/3n5lfdEizpgpA3TaCfPRA9\nYlCvUSKGDfjr3QhKWEOIpDHrGWv1ZW/BpyVxkvDGQzVktlJGB5BXT61+R1Qz\nuimh3USRWUvktCJ8/UFnF10WeLbOHX7kJUhIysiZsMj/YM1GdoRsNPcKgrdQ\ncewvWfirFJ8KeZIHJly2SCoqhUFSm0uFX0W3v/6jj6pJjjVoyS7qM1ILWPis\nMCeciEf/gjGEz/MUO15+/E1wv3ZRaGeKVh3G7W7mWRMa+0QRZ3CMtbzxAcPF\nOjl9\r\n=1CJ+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxlmRcZBWF8cb7Sl/d4zPuybMsTPr3CJQYv22nW3sHvgIgHCRtH7CcBkTfd/Av0+AnZiPxTvO5nEnlvkyEf2a+0cY="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.1_1590482091684_0.6855813047068893"},"_hasShrinkwrap":false,"deprecated":"rax-picture no longer supported. Use @ali/rax-picture instead."},"2.2.2-0":{"name":"rax-picture","version":"2.2.2-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^2.2.1","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-qZeBhhLAeuawLt4E1tiZrOk4iMBJum2re5IozWSyJmg4GYaG9lrLrdtyHg0r172sa2I7o/t187/pHLwA/5U45Q==","shasum":"9a05c81ffc434d984f0f9b561ff91ceb12c6e5c8","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-0.tgz","fileCount":43,"unpackedSize":38673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6GptCRA9TVsSAnZWagAAsdMP/0e6qJvr4qQSmkOVvART\nWF0ijTUhIPBmNoruO+xa2xC8PmAkTjC+1CZ25kCov45eMD17SVLE/NYhJkWe\nypp5qyJXbWD7kTso1S6dIrlArMgsOSGsOtHJ9RTRB7CEtVDeOKjOsCDcuQ/J\njzmCvwVa5dR55HP2wiSyBXdN8Cm1Wp6qACZoMTiFFY2Mq7b0ru6WKLdjQKU9\nFF+IEWMnL8Nl9TU31Fu1GAH+nmKqbgHcK64v+jvUHJvp/erCHorOAnHglNzT\nXW/4Xf7h5iCKv114fGcUd84wDLX8kliQoA5mM7oEuX5uVDkDhHKsxm+HtXim\nb2qPsBuIKZn6ExH4z/G65EjfSiv7urkuOaOc2Bg8XE7BPP/wNn4Nzy+wXwny\nusJYw9rhbV4gYVCRENI601T35avRf+0pE5Tbn6bY6wjUnI3/ft2aUrKClv4d\n298c0D81EuLcnuVXyIWKBpD7y4vqon3BuPaigcLe6iua18u7MzfilwALLyNv\n2f/Jj/VutdqtGmtZ9+TSiXEHFDexfXBEQzB4lHTqtPvOFa0kkt5YtEJH7b7m\nEgVusyGZ2kmn8W1Ajd/EQB0ot0zEdj7R0oD3N4nv1iky+78TUJQUqtBvuQcJ\n9kh75xsCoxrMl+JVPfj5LycwjpbK+BavQWCqo7ImwrzqClRPXs+xncIgbEMP\nAacm\r\n=RxBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEMoLIpbd4B5QOD6AEbU7R5H5pAyESWEzh6pVABPyAdxAiEA9fC81Bsqdg3od+04kzZ8zyUwHYkXfN89DsA9/nMjUgk="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-0_1592289900760_0.5973416361527948"},"_hasShrinkwrap":false},"2.2.2-1":{"name":"rax-picture","version":"2.2.2-1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-use-mounted-state":"^1.0.1","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-1","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-l3k7T7bFxIX+ZcOhVPi9vSJe4R4kCz8dshVovPzkA/rr2a3iseblZJZTAP3LA4t9EDNPHsWPJSNgiXuZi+ZQJA==","shasum":"041bf4ad3c292c274d47ceb45e9fa48cb041330b","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-1.tgz","fileCount":43,"unpackedSize":38866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBBuiCRA9TVsSAnZWagAA+oIP/2uyUQgMbOZEVSmahpTy\nVTYiGYetdnxx4eIbglSgRr/nAeZl6bbOBVu27nGUV4sYei7tMPk6oGXFT/Nd\nF/9mzOlt1A9mwx77iUMv5Fm1hAF6lyUXu5s7Tn68ctphFZgX3gxj5Uamkt6b\nFeHGVTpvPoB4ZaSWEREW175TAp9F3d20qrqZ98FzaMKfQmMg/oShfUCGD7gC\nfxSp0IC2AgH53AkMfoaiW0Qf8I5SpuFJslunHYy3tIqnNFTPeO1XDUmI3scs\nLI7XOMMFc3Qkg/uaY63OtRRKMRo9ZH8sJWZ+ZLa9m+zGFNrOBKTZ86D6nMBQ\nJQQJ5TUFk2Ay96EV0DZZ9f4LINEzkKFuOLwneosu572gCq2ommXoV2TodoMY\nxfRT+TdMHc91bKnVIeHjbzhO/HWcIOz/wghkKoi+GAcfq+diQPi0Ujt7qnrb\nmMKmqZza+pxpO0Z7C5JvvTya74FpT3FBEKb0sSKw/sfZpc9cBBMvN/Ga6n0r\nTkcN2b2+p/YlgvlbIkFtYtKjsFqPFQUrg9oR5ybgWqcJGALloeMvZsdV5Suu\n1lWahapAF4ebmAsn6PRDZCqQKJthnhVwxRX3aiNo/htrDywduo5GxlgKmuuH\n85w0P28IrHDSryYpRhQkGkTOrDfxZoEQLGl+uchN0mYFsqVxAX8cN5EqJ0BG\nXpy8\r\n=1BAz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFRO6KX11JXht7MwZeo1dfjcLoWqYA554aQ+4Sdi9tRaAiApFnpRzGycqxhzz8Tf0FF7fhFHtYrcHL7YarDgXsr7aA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-1_1594104737592_0.09740040831008412"},"_hasShrinkwrap":false},"2.2.2-2":{"name":"rax-picture","version":"2.2.2-2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-use-mounted-state":"^1.0.1","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-2","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-fWhr6hJtnSbrpFcMhXQ37CximeT55ezPohCT/VY+FO8H03fxv9Rj0ENt3bDxEXmy8bNXZ2TjmhAsCfN4Q8o8XA==","shasum":"d59cd022619e0bacdbf59d05a71fcf7bc1f3425a","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-2.tgz","fileCount":43,"unpackedSize":38767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBCGkCRA9TVsSAnZWagAAAI4QAKKUGhMFnMM9WvYKqxWq\nDxpTSaM/pt8ZC3vJlYQsIz0I1sh4bvMSfFK9SCw5rYtOcI/fQeA6harqAaEE\nSaMzzpHiCT1Z4OFdJs4M+qYSOYgFMLG55bMOUmvyntNnDgYBr/j7X2lOYK+F\nd3LqycXcvBp/OrddWB1Db/dfJg6MZWLBLKfz/xFlUyLCLK8k46d7wg88FXEx\nydRxdaVyDN+/TuydFv8xtzJee+uy5w+KfaTeJAalW/wrtWCcyMO73oM5cM0u\nu4dY388g3/fUthlivB1Z911/DuaxEg37TfjE3TmrXgc+8uJCUj4KIS3b9q6C\nIXEGCLM+OVydaxQ/9GBpq/BDXTOxr/2SexDK5nuLbhI2cS0OSw8V/tjYjVSq\nj/bKZEkuVVbdIL7Ve4QfpzdjU/2CQNLJBtACp6WBLZZ+BcZlnrEnQKD+4zvP\n/5ozv+sgXOB/vpMTcRV+ztPIbWQig+ZGIHKiErlezrP2ma3tyAiwJdsNxLgU\ncOiFX7kUbuvxdJ5b4iQyIBwKx3cyOfCgxmh6bPr+woEm1US06URC8bstKReV\n4dDsj0SrK/Q5ooBDir6LHATqK6gR7/Z7+C+gzeaXd9p2TSaF2+K2ECL10yEC\npLB2MsrCMYVo2nA93FN4J2zmB1OOx6+WfpOwxIf29E+oHrHknvVj18DB/LNR\nBsuB\r\n=wNOT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsGji5T/XU/flZuYFa+muw0FxLrNsNk9pfrEJbQ6znOAiBhnxHyzIg63x09JK77mzD/M+DBe9+vBbyHU/zd6uXi6A=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-2_1594106276473_0.41192500930973974"},"_hasShrinkwrap":false},"2.2.2-beta.0":{"name":"rax-picture","version":"2.2.2-beta.0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-+YYoKDE3DPMVKTd6bpOdt6oXdu0OrWvrBQWjSHwk9LfRM2+dBjsCPSweEyAWU4i3HUIMR6Z4bPkqs9i4Ej8+uA==","shasum":"0900006beec4e2dafb8806df4b50255cf1b610a7","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-beta.0.tgz","fileCount":46,"unpackedSize":62395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMkdZCRA9TVsSAnZWagAApvEQAJNetLNTO/pSdceLYgj5\npLwvn3vLhYEvJ9i3ZNwhorlovqz3sEdF8DYt9hf9q+QWQnu1BQDVtPTidhVZ\nelu1hS37bEB2SuVkHiAAciWqlthaRhX77eAVfX611mZv39keJLHwI4HTZR69\nUdXlBmT8whLsgP0bu8x67sVC5Wj13MQFzICeKtmvfIMMS92HiQIHeZMxxxV2\nvro9a87HRjf0I8jJL+2xIdS/F0I2WC9r+w3K7bislsoSFyQXMT0Dcv9Vv4wy\n3TnBZbU/QVwhCQcmJwrE2HGmhC4K5S5WoFWNhQhLi7tjyT6MWKve2i6Wq8xM\nWdwfyqdj+DTn+FUurpw++Ese9RvDQC20Y2vR5q9teNTTLno+Z2qdG4Ih+My7\nQ+8MrgFz4l1Vstlm6AkWGUgtb+vXmol6wkTEApV5V7CL4Xpg1MP5UwqQbeVs\nppWrYpfKj7DStSAXitZjyi5fTPlcuwxkggg5atMXWJAffXx1EWFzdxjHpoPh\nN9OZ/7MjGPqJQNySqaH9K+K5VTOtAzt1zuyPdNnVfOzYnvBcTrGwvldLqJbs\nzB7rKs4xVPZzuvuVHruW4Wols7fm/Ku4OrFn6KbLazcARq0swHgjJaiHLTsR\nKMI9T/6P/MkOK8fe666h0cmEN7ig92XU/4jV7fvAgZjkQzEzmiHs6l4e0klB\nkJNg\r\n=xEJH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBXh4fevVHvwHApo7bod/dKi8Y+eIbTRcTxdMXz2sTjAIgZAZ9v7z+VDDIu0iAipdlK+SVsAoKUCgHuvDC5KYBWkU="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-beta.0_1597130584442_0.24546124980918949"},"_hasShrinkwrap":false},"2.2.2-beta.1":{"name":"rax-picture","version":"2.2.2-beta.1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-beta.1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-RxAYn0hpa+qIZKscM85A+y+bdseM0ryHCGDdaZY69+l3w5IfACQifXGZL9YV5KjzRZQ7WcQAIBKOn7iwaA9iVw==","shasum":"4837730b9d31d0ccf18f707ba106df5d5ae99956","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-beta.1.tgz","fileCount":46,"unpackedSize":61978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMknJCRA9TVsSAnZWagAA04QP/3sclWFVm+hYlbVszS5H\n7AXRKSCu5bn4vw/1HQot9efEa9FsiK/xQc2b5I3+wBwSlGw0BbGh61Pg8TKb\ni4Q2HeNfFvQqJlXNIJW5oozS5Pu5xKIGc2H8Bq2Rnp/FjJY5KPLhmavXIslw\nfcmpcAQkOStaeAuO1lMNdZhvc72ZprTOOBsCLDUEmzWi0ZwmWCrMLTZTN1zi\nPVIxxFzkdChd2libjaUQ8NgYTb72QnlIh+G/swAkkqQ/r7lk+nYkY8s5pnVR\n5L2Qv/KrZZJLwJRlK/2dL0bRIclseRf8A6EN8qytVEC4fP45HBbOAmt0MEhk\nuRa/xPVCZIYA7oAW2mOLTfRiJWCwDzp+Xi5j3aAEsONHE/ScsV4inHdGftjj\n50D/yfOBV3q5gSCQIYGzsYd+9gReHynImFRM48bwP2RbGc9jwBUyArPAnQWm\nXCuzE8q6Vsk0xbeeJCSCctLzgz68tIK4YfVnJbcGk17dusAX4NwebmilrH5u\njBmTfFIiw2wREKngqc8bW6diXKYj5V84vkBrTGCsuCOIlnuDuekOMAYjDSsu\nYrVQP9BgF1dlG3+fW8hKeqcUpcTT2KZzeSjCOBAjPm54Hjeh846R9Eyo/ldq\nn8A8Re0d5W5RRkNNvg7FU62v5MPHYSlj1yEbbpLhq6pdKwXAhFE+YRcnCyPq\nF1xx\r\n=f6Lw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWBNdtPhGAWdid+2BBi2eQ/TarAT+Kuw3M0iToDohKZAiEAkqIBG+DSD6gnnMpTGvkabps/9iQNdJW6EyYvQ9aiK1U="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-beta.1_1597131208803_0.9663043542895124"},"_hasShrinkwrap":false},"2.2.2-beta.2":{"name":"rax-picture","version":"2.2.2-beta.2","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-beta.2","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-f2m5l4yors+yaCrSpdAYoBFfCfyReMcTfdu9MdEE8sl/FGKMHnDKCw2RQGnbWykdXO4U1dDEs54CJdMdu/v4Iw==","shasum":"3242c91d73438a05957dc006103b119319519844","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-beta.2.tgz","fileCount":46,"unpackedSize":61977,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMkpyCRA9TVsSAnZWagAApVoP+wfRiy/9e8l9jMEvOoqv\niIJ6m/pS3VwaSb7L9owOhdu32eET3+IeD16VkjlIP9YEot1xQujNPZypXPP8\nUbelSLVXG8nl/rkLAFyBICLuMxec3ltVEnuW2pZZ/r0JFdqTyU2SWO2PTfcz\nlprolbupC3f/DqIXG9E+0jbX6SSQAGEfMPeY+1adQWKhELAOqgageTHPIhN5\nhXLxVaRMT716GZg6Mar0YRj0Q/fnbD+RzFbtqdZ0ab8wrWboJ0laUi+sUvy8\nD5bbcHclIz5nnBBgN/4wecux+qCdahbSYi0yMXlfW9o91Gi6nzaTHlDdghrD\nNT+hdKIykkdSq3rRE9KE5G2SceIxJXlcePsjL9l31dTJ5vXTRzhPZIlQ503H\npdbqlXJZAkUpTpbUPxST19jXp0BcprC84uNu7goTBJVqzqk+WRS8K8MBMNkm\nqPbOJK7ES6jRMsTCn7NaYi7HRbvVSb6f5Ftc13Okc2PHH4Ss8ER1H/4wOo5/\nyGU8ulUuczjkOnktKerv6DARctpkkalpzw+2Q8bjWqTMDkePRlcGnGHDXDGW\nLRQLz/AopIOQd6HVA5Ms8Ukv87/ahxhIARZuGEye7S5wo5yEkJ2EO3JbPEo9\nnpo7dknDmAISCo7Q6cgvIaGLGssxbKt81X42diRIJy5HK49AuoA6gbD3fknb\nNKz9\r\n=R2Gd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBd+z+zC00yBwoQYTegIdqYMqhRfWtCnrrQmtUk3z12pAiBMkubfekkzHjyKVPjHhHbINtpFJJEG0Ccqw/xmgfm6mg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-beta.2_1597131377535_0.9212808004857356"},"_hasShrinkwrap":false},"2.2.2-beta.3":{"name":"rax-picture","version":"2.2.2-beta.3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.2.2-beta.3","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-gUFqCUI309mq3g0kn1tuedgjpXBQ25pmV3y7qOgVKT0KTQ4Mst7P4J5O93iZ2+7SY4iqAjPOCL49WEyQF0ClZQ==","shasum":"c37775474d7b2fe8ec50125dd651debdb01fd1ea","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.2.2-beta.3.tgz","fileCount":48,"unpackedSize":63550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfP/v6CRA9TVsSAnZWagAAQYIP/R1kXrZTXqOwjTi4XjSU\n0qUdvPMikVCw6R0i6jJlaqK1NR8JlVCD67vYp15j3ovKZTtTfAMg3EU9mDbX\nCQuP0L7CehyVMvZFpLBtZr/HoMgNIoCYlJryG21VdXTnn4f0tOPjg3oA3wUu\nUBjOWIhutv+kOjXwzaJ+yxjlfOaU939I83XECQ01PNwi26U4eAPwjoKngq+o\n8BjQME4fVfvb0MiCSKlqDZ+s9QK4whRtE5qupRyak0ZrWPkUzMAA+ud03P2Q\nF3C0eId0TariHwt7wgsoXnn3uqTrUuxmGbHU43+6ex4AkJIw7M7/ANHMbfvp\nhTO70TbMLw5T7qH/63Qm3NMKkvBtjp6adM1swA3opA935vS/a22O7JGbDpMn\nnUoDFd41AS8tnkS7r6eRB5BEGpbsNenrtfxCMtzhzFdEq9AOYyQbC5Um9a2t\n+XsUtMwNZaDXeYW9zPIXbDNxYq54SRYNAHMKpmDz3KiFR5vmAPaZCk/u6tBF\nVl0MCzRWhG4GPoP2BNebnmFfMEya6yX1WT+Zul0+u8HjZwNSlCIAsHzcBsYQ\nPObjHMEG3O3NDRByfg8lG//1B+Hk1qm0ZPa5k1JXiCJuRqmyuU0aEX/cefrx\nMA6czQSATTs/p1n1jpE3fXbeh5GihYLvrEMQMhVaByfpaRjeA/PTtNz5fK7p\n1ItN\r\n=hEUt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAVPnOHXkbSHq73RymYX/Mj1MEnDOSaT0bUxFTudgorRAiBXH4Uzkz0gfzzXt5E430t2MvhywPJukplDetI+IPPGwg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.2.2-beta.3_1598028793836_0.3085269570088707"},"_hasShrinkwrap":false},"2.3.0-0":{"name":"rax-picture","version":"2.3.0-0","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-0","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-gCVfE4PhRK5gcq+qlgzpyXzBiEgXhAz94uoTmi1QejKRuJzjkCBsMHZFO2O7jnrO43pz0wtbsZM0PRtx71Oe8A==","shasum":"0f1e437eb9e4aefc0e24be3e0904377e3c5edfa3","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-0.tgz","fileCount":46,"unpackedSize":61138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQI+fCRA9TVsSAnZWagAAbrgP/3OrUvxAl2rNbYXFUM+s\nmK6mpmV0aiZecDBOibFWfYTKn42JvelyRNbByvSaAvETSWRtVTPDtXBZvLjq\nDbOKbUKvnq93m+gPLiMY2R6cjSRSguTaxzJcRr3sMvM4bUcto56/BfqAYHZe\ngRiJMFhwmF2ECq+HqXrbSGeb8nIsUOYhWcTbt9RGMDo/2IthUpaGqLdbDL/H\np/gOWfjWdHNwBsgqbHheJMC7rqNKBCbABws+gJT+UGOlu1s+8T0E3PahHj4H\n3xRu+3+3uuBvo21VoSJnLZYONmbCRjwRvk66hRclR2kx1OdWfUzs0H4K/Nj8\nxazt9XlDjTUUHevGvVM9otJ9Has9XH9ZIYcPnlR4DmmLw3hKWx+SlhoW5IOR\nr79Ym00NXE50mOlX/bpl80hS7AQAd7Nn79irUOdrhqvFheSkFV1sayQL5slL\nn+Hwk7EsIFbWUsLCPrPClx3EW5LWNSUc7e3/jHk0aj7I/cidpEv9S49ORx3N\niOdb+SXbzxQKIzeVvKgItMB3O9y++Kj+4Eh4LHV+T8D1TMPgXO1H7rbiA/+z\novinM2IH0C2dQT2gasm3mfPB2k997mkwLVZNuhythlw5SEsnAcpuJN7MgfJS\n2GLkK2jyZ+d/QnY3cPsKmcRoo/H+DmDE/2EWJwqmyEm5LaNp1ryau+YOb7H6\nm6KH\r\n=GXdA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdD0+QfiQ38N7uh0bPBd2k1HpTqaxoaMHBHEghPyuDBgIgaRj6Tuyv9q3NWoHIlGV5zf1vWQ8XMdWPawzAVAq0tYM="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-0_1598066591360_0.9066589015598208"},"_hasShrinkwrap":false},"2.3.0-1":{"name":"rax-picture","version":"2.3.0-1","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-kQO5hfCBgERG+fQhCHFtqvEp45SVvds4IL9K8YxQwu6JxErrZ3kPmHM2mRkGSmZbCTgMJAXcvJKYY0Mo9nFhDA==","shasum":"9b0261e712552117cb67a570bc3dd46df5f8fca9","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-1.tgz","fileCount":46,"unpackedSize":61263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQLk2CRA9TVsSAnZWagAA3NgP/2U+9cpHsOHqqZWWwMK9\n4mKB/zWAskM7tgbJ2WRnzneGeuYudFakdwF8O98NpnPd1PQh6hxTIDLWT98N\nQcPanMt1XxG0eyQJxDlFM/q6mCUp7NF4cJLVtyVlRj9JZR6T+cRtLR/Hnp3d\n9mghJIOmt3kuBRNKSlxnUQHZ41IHB5DPvg3Yx/+m/PMpUhHaM//u29jhHyk7\neMAaQRbVcsRjuc3FqePqmtexw7+L6WOJHQnS+Kx1mrTH/KDwihReug+yRKHo\nont3DG8tqD6aORsQD5UAOymaJqWrjdz6WjGZk+5SSO+rNOlcJW3bNIbfLF+X\nXWNYhXSoUqNNhD4eiqBtqNJJSGA1so+LdKLAqfjRu/3vJha0xqJ+7AHk+rCx\nJHIQ6awy2IYLbVL8CuNLxerhm7kevlpDN1wG4S1Q+HZfkYGpOEzsA3RLjwaJ\nKgdYZL/LLtEGB5cMmMMMJnTplVfKPAVw8uJrF9wb+Bcu5RHs9R0zkRbC3S8m\n1cilp5/dzd+aUUj2RwoGqwMTla1bXaak2ovAIllzb1scNGFVCcH79YuEAr7Y\nwqhsirej1oddpFaILQu+zbZ8beTugubSB/DciVWoelqPuIrgWz75ZSlBTJ7H\n+i8cHnAey1P8/Lv/VqPSHWJAm3G5VcLWP/D2c/ws1TUYeufVVRng1lqcwQfz\ncogN\r\n=NrnZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICcPdkOQp4gKHzMzIya6MWuqc6w8nxBe5wksEPbD99YNAiBqo9H9jIItAB1g7WgU4f3L4veqTk1VoAtAa9qX3XIFmw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-1_1598077238195_0.5431873028831602"},"_hasShrinkwrap":false},"2.3.0-3":{"name":"rax-picture","version":"2.3.0-3","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-3","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-XsTJLarHUvzV1L+wtCIXe7pcR3vNGMxzlo4hBeGlkAnB5PZ7LxF+xOCjoeKxN20AcfhoQ6iZ9ULWD9SEuLg2jA==","shasum":"70816b38f134be9d94df10a349fe6052a81f611d","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-3.tgz","fileCount":48,"unpackedSize":62864,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQzG4CRA9TVsSAnZWagAAXIoP/0hxW5XcjdD1oW9+utlF\nTMlfCFle6PLpz2mcx1ucC2O5eVdL1ncaCNtXeQsFu3jUwwt70OwOhkdSNATt\nxd9JFwPXx6+Z5NuezVu0ouGUIYkupieYijEgSb/WEO6lRpx8DvgZVSgapzq7\nRovW+SF4IdDa1pePXSScQmyGgii8woY2goL2rdulLtrWfH4Vga0DIP9IOdLo\nHSuMDoMkof0lBpu0bYpMIK7nJr5MNIcvYMCMvASQ7Ibocpkx//62Pnn/TEwe\n+3WXAdkPhtpcVID8ehwngyJMh/btuIxnIgTERONdFASk4myNPbAohIrqOhdK\n6KLI2F/csrYD44uvASnQ3EthSmLUdZtNg5L/yVHamkAOcu6duq0dYwgYucDe\nRZ1EUlWg2ksE7/bZh1GtV6Usvbaug4Hx+P3fGLeQXr4BxLxvrWeZ0exJqlNj\np3TWusUxZn5uYcesScw/eNvRmWCkWeYFU/YsshhZj4F7GlViqwxnIRNZdO+n\n0rj+tAwFAnJf4l4jXDwO4XeB/UKy1nBw6IC33Ya86ECsuQiJtgSRudkykuKR\nZ8JsnOzhI2IeTsaZZbWr6bsWhPp5cyONp+TvV1Bgwd21u8yaAklTJx+g7v3Z\n0a6Ruv1OHLNnVTK9VkVfRnTKcCXJl8NYu1L6vfcGgi/2U7Ku/4lsalmTCXJB\np8UH\r\n=RlqM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDriH9v4RoD65T5AgBgEcs+XWFNJkEjkuqVRBFXcSM91wIgNFlL9KBgxfxRFH8Jw/qS6trp2fS6YiWfqFK1my0WzrI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-3_1598239159783_0.5870830837302312"},"_hasShrinkwrap":false},"2.3.0-4":{"name":"rax-picture","version":"2.3.0-4","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-4","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-E7o4jxv8pVDKfSk8/6YGrcTFjfRd6eLm+ubuQWfnDvonb0GZmnxGINQFUUiqr6HtKrswtIp04O52BL68EAj4fw==","shasum":"84a251b779c43e379b4b565a40a9696106a95695","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-4.tgz","fileCount":48,"unpackedSize":62926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ4tWCRA9TVsSAnZWagAAp3gQAJbPpGpuby5J1GpbHi5G\nO/NINCY7y8tT8Cpz6/wXlHmSLkzL8i/WpRQC+Ig2PY5EIMLsZ8TAVoJ1Q1vS\n+xsdAppRha7N7sJTYp3kjN/rJeMWVM1fBtV6X7B8aVWA0WF5W/mlVNJILsli\nLxpDfExlqKD1mQD3aGXfQhX5etQo8pNvVedY7bUOvZ0vcnVwwRBD6PEK4WRo\nzsqpJtvM0Ez8AnvXeu2d1RISiEw4rXuVYVX7R+1h92tZv251g+uv4LewDy0y\npA+musoYgnuzK9r3CrCfYqz9TwwPGjrjRhRqihARXDjOOKMsGxjlgcxhdSRe\npU1QEF/CJz9jzUfsqAJCawLS/2DTWjsqvtJ5LKPLhlOcCfYGat7yEa/9k8Ds\nZExU5sd+bZEoi20m60CWPuv3q5JlRlwUAjvmwtkez1UFxYyEk/RisJqlHDBm\nOuBPTK+e7acnt//TVK4ttshxtidtT+7bUYPjppjP55gSPUbbL2bj87CjARPO\nID7XAECWa3qR4d0qbR0LtWXjuTV15ukkzt/bmPy6Aw0rrhpBOYTWY7baqazO\nDYNFOf+RJHXPtHiuYH0vovBqNUOs61Ld09rsuw0iU1+z8BnSh2tf4kVBzu5+\nEUYfYqqRBxDvx31XFt9uRzm6vM3JFeSLj2qEkNHP0A4Oc6PExEVNQs9gesPb\nEHrM\r\n=WEJc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz63X+Wk81oR5DLRUJK6DXoVTA0UqEItfr0R0g/lIT9wIgWRPX+PZqa9Z2FKSg/7Z6kYgRDrhKbmZYA9gu87Hwfys="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-4_1598262102191_0.15055971824753578"},"_hasShrinkwrap":false},"2.3.0-5":{"name":"rax-picture","version":"2.3.0-5","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-5","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-g+7Xjuo+98WJkbYQbqayN9YHjLMYVCOwiV1QFViH6yUEO2gY2hsC61zYJg/3AxpxB0eWZXH+v+YPdAWr+ls5Cw==","shasum":"00e48880330fa5a2a48c7db9fed22ed9827b6661","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-5.tgz","fileCount":48,"unpackedSize":62864,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ5HzCRA9TVsSAnZWagAAefoP/Rj5cn5S3JHsaW9IxUdG\nKf55kBORsTHyBtn4fQQRxOGMvyPY8/4tJoiuhLbPZu/06qYSejICfesv4UiT\nKGDI53KCseS8QRKX1IQDu+X/IDs6kCAppIGwv7peNCGny6qEbSYcvvHFhAcC\nY7DryludqMYsC+J9tct4qmIu3a9xwAvvvbRkVuuvHHNl4TptR5DPOxM35uno\nd/URP+d8yEycsUbT3mR6hV18KdKko4ocTmWXyqfgIRUTDKGIsTZP01J41MIu\nYG6HgQkApDYNBS1K32EkSrRBxaTgxWSb3mkCaz7zgTQUpfQc1a2H8MdsvwNu\nI+kZqC7gtKb7PTaGL6aCxIj3Q0j/Y/nCmijsdi7ao3uYPB0qgnWirTrA8ze5\nZsWuanTn593UBA8qL/u6b3wsqSFgYhQnABQerj78uCRr+KPTebL01ohAxSvy\n+5m2FcErlJGGZ+XEglYZwCKANHDdMdFfYkslt6diYNDXUEcDnBbzN9sttCMc\nuaRsQG3GDE0514a+/uuCwV7QEAZimx8npCaOL3ZVB0TBngTidNSO0fx78cPl\nIFsFSbzo8w1sSIvF60yl//vrgXfSq2gzMyyL37sPywFIb8GUSPbN87lAZkXe\nBGKhqLwRbly5R8dXYsJV4/JpndbWnSyoYV6Awm3OojIXJErNXCW0RZGJXXZ2\ncWSL\r\n=5Yht\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVY3DFN4p04lRLB1ES4zChVSkVFlNoQ3tXMKh89yng1gIhANDWR4c5GUKpV8qhtx7WLpm/lbH0TTj2fxtrxXhkxzJv"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-5_1598263794681_0.22237717462964257"},"_hasShrinkwrap":false},"2.3.0-6":{"name":"rax-picture","version":"2.3.0-6","description":"Picture component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"jest":{"moduleNameMapper":{"\\.(css|less|scss|sass)$":"jest-transform-css"}},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"dependencies":{"rax-image":"^1.1.3","rax-view":"^1.1.0","universal-device":"^2.1.1","universal-env":"^3.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","jest-transform-css":"^2.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"# Picture\n\n[![npm](https://img.shields.io/npm/v/rax-picture.svg)](https://www.npmjs.com/package/rax-picture)\n\n## 安装\n\n```bash\n$ npm install rax-picture --save\n```\n\n## 引用\n\n```jsx\nimport Picture from 'rax-picture';\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| source | `Object: {uri: String}` | - |   true | 设置图片的 uri | ALL |\n| style | `Object: { width: Number height: Number }` | - | true | 图片样式 width和height为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| fallbackSource | `Object: {uri: String}` | - | false | 备用图片的uri（当主图加载失败是加载） | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| resizeMode | `String： 'contain' 'cover' 'stretch'` | - | false | 决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 | ALL |\n| quality | `String: 'original' 'normal' 'low' 'high' 'auto'` | - | false | 图片质量 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| placeholder | `String` | - | false | 懒加载时的占位 URL，在图片下载过程中将展示占位图，图片下载完成后将显示source中指定的图片。 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| lazyload | `Boolean` | true | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需引入 `//g.alicdn.com/kg/appear/0.2.2/appear.min.js` 脚本 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoPixelRatio | `Boolean` | true | false | web端有效，在高分辨率下使用二倍图 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoRemoveScheme | `Boolean` | true | false | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoReplaceDomain | `Boolean` | true | false | web端有效 图像 URL 域名替换成 gw.alicdn.com | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoScaling | `Boolean` | true | false | web端有效, 为图像 URL 添加缩放后缀，将会根据 style 内的 width 属性添加缩放后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoWebp | `Boolean` | true | false | web端有效，添加 webp 后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 添加质量压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| compressSuffix | `Array<string>` | ['q75', 'q50'] | false | web端有效, 图像质量压缩后缀规则 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| onLoad | `Function` | - | false | 图片加载成功的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| onError | `Function` | - | false | 图片加载失败的回调函数 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n### onLoad onError 返回\n\n当完成图片加载成功/失败时，将分别触发 `onLoad/onError` 中的回调函数 `function(event) => {}` Weex 下（iOS/Android）\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| success | `boolean` | 标记图片是否成功加载，成功为1/true，失败为0/false |\n| size | `object` |  加载的图片大小对象 |\n| size.naturalWidth | `number` |  图片宽度，如果图片加载失败则为0/-1 |\n| size.naturalHeight | `number` |  图片高度，如果图片加载失败则为0/-1 |\n\nH5 下是 Web 原生的Event事件\n\n| **成员** | **类型** | **描述** |\n| --- | --- | --- |\n| target | `Dom` | 图片自身元素 |\n| target.naturalWidth | `number` |  图片宽度 |\n| target.naturalHeight | `number` |  图片高度 |\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from 'rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/tfs/TB1bBD0zCzqK1RjSZFpXXakSXXa-68-67.png',\n      }}\n      style={{\n        width: 68,\n        height: 68\n      }}\n    />\n  );\n}\n```\n","readmeFilename":"README.md","_id":"rax-picture@2.3.0-6","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-X8EPxlLoLz7Vhr3hIqAtdIjZ3USA4hxn35vimVd3/yfBEZazo0GSNffBBYxQE0ljqXFpYFZp6Nry8qoZYNAWUw==","shasum":"5beb39cf1c9893a8d247133a4243818673654f74","tarball":"https://registry.npmjs.org/rax-picture/-/rax-picture-2.3.0-6.tgz","fileCount":48,"unpackedSize":63002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ6TeCRA9TVsSAnZWagAAq8YP/2aMDOiQths7vtdjFBgU\nfKNnGUK9U7ZFn0PMs000D/ljZvfZuQGzS2oPrwEWfl8pF40aszy2NKBOcKQ3\n87T7gQclKKSRhbGB0L6VNUSqqywGWnIRzqpZEUfUGMp+zjzNywvbk/JI/QVW\nluvOm8iV+kgR525jkSeGv4RMuN+tBdS5Yc0/E4ezacfKwNPuerLAP6AxYHKq\nPgsr8AuFB1dtPsX1jI911ZghJT0+dEpbbKaJTM6z9sTjDczjPPrzhxVC1XAZ\nQnpHv5YeRWbC6dxjAVS+1LRMF2APQJA4A2rIIItmfWUPvF1Zy9RUNbDAVv7g\ng/sy7Pr+CtNTvoD+7mk4J+pUWL2qn2XYy4bRuVS+mN0AjvZQqEgmHFQEVhE5\nHn3DzIbY2wBI2juIeTzpMBOTK9Xjn0F006bsbImbT0KmMmTr4Nl1HIgMUpgr\nIJiIth96PDapinQEuRFXV9e+msJFJf6jAc5bAj1awbRRjKZbV7RqMfQc1YiO\nRxvJxK0+r5ofLWxiKMLDF27HRlbphstN4MuOnqrtoI0NH8oTwSL+Xkg/81GC\ndmsDC1Lq1vFESKCwYJ9x4WjvBSvRjvsW0tdWk88reYCbzXYESVNDqcsUeXgB\nIALa4s4iRmueUvjOVS6tBtKgdIBst9euPQHpg+NCvuiC5thNoc4HSBnlJt72\nmGIr\r\n=DRU5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+goRmp0SAN5E1R/j6hLUVj3tkv79GmPGqM/vdHa0VAAiEAiIlKNQPMYc0eqMV09kcYB2tC1EmRAo6UGSqFTldURQU="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-picture_2.3.0-6_1598268637983_0.02670921951623484"},"_hasShrinkwrap":false}},"readme":"","maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"time":{"modified":"2022-06-25T13:39:06.580Z","created":"2017-03-08T09:53:05.436Z","0.2.3":"2017-03-08T09:53:05.436Z","0.2.4":"2017-03-16T07:07:04.374Z","0.2.5":"2017-03-16T07:38:40.164Z","0.2.6":"2017-03-24T16:11:24.733Z","0.2.7":"2017-03-25T03:10:11.305Z","0.2.8":"2017-03-25T15:44:42.323Z","0.2.9":"2017-03-27T08:45:16.070Z","0.2.10":"2017-03-30T02:13:00.622Z","0.2.11":"2017-03-30T03:22:33.488Z","0.3.0":"2017-04-24T04:10:08.348Z","0.3.1":"2017-04-24T07:33:43.730Z","0.3.2":"2017-04-26T03:41:32.000Z","0.3.3":"2017-05-12T06:24:21.881Z","0.3.4":"2017-05-19T09:39:54.038Z","0.3.5":"2017-05-23T02:50:15.801Z","0.3.6":"2017-06-01T08:27:01.914Z","0.3.7":"2017-06-15T09:57:18.896Z","0.3.8":"2017-06-21T01:41:36.422Z","0.4.0":"2017-06-27T01:44:39.559Z","0.4.1":"2017-06-27T06:10:14.649Z","0.4.2":"2017-06-28T05:38:50.359Z","0.4.3":"2017-07-06T07:17:08.802Z","0.4.4":"2017-07-14T08:37:02.796Z","0.4.5":"2017-07-21T05:51:10.373Z","0.4.6":"2017-07-24T06:35:35.883Z","0.4.7":"2017-07-24T08:26:19.527Z","0.4.8":"2017-07-27T09:42:38.409Z","0.4.9":"2017-08-02T09:40:58.441Z","0.4.10":"2017-08-11T05:14:06.324Z","0.4.11":"2017-08-23T04:03:32.749Z","0.4.12":"2017-09-08T07:04:05.228Z","0.4.13":"2017-09-15T02:27:07.622Z","0.4.14":"2017-09-21T10:16:25.714Z","0.5.0-beta":"2017-09-25T10:17:35.357Z","0.4.15":"2017-09-26T06:25:54.999Z","0.4.16":"2017-09-28T08:06:55.733Z","0.4.17":"2017-10-11T05:31:50.174Z","0.4.18":"2017-10-16T07:06:00.290Z","0.4.19":"2017-10-17T07:36:38.795Z","0.4.20":"2017-10-18T07:47:44.088Z","0.5.0":"2017-12-13T04:54:03.596Z","0.5.1":"2018-01-25T11:44:56.322Z","0.5.2":"2018-01-30T09:01:22.711Z","0.5.4":"2018-03-02T03:30:06.925Z","0.6.0":"2018-04-10T03:42:42.641Z","0.6.2":"2018-05-08T07:35:53.443Z","0.6.3":"2018-05-08T14:58:27.146Z","0.6.4":"2018-06-07T06:47:22.711Z","0.6.5":"2018-08-23T08:50:39.198Z","0.6.6":"2018-08-24T03:32:15.000Z","0.6.6-1":"2018-11-22T13:55:47.227Z","0.7.0":"2019-02-28T06:57:23.244Z","0.7.1":"2019-02-28T07:36:38.207Z","0.7.2":"2019-03-14T00:59:33.171Z","0.7.3":"2019-03-14T01:52:24.380Z","1.0.0-beta.0":"2019-04-07T15:36:42.872Z","1.0.0-beta.1":"2019-04-29T02:24:17.411Z","1.0.0":"2019-06-13T08:22:29.160Z","1.0.1-beta.0":"2019-06-13T10:07:22.735Z","1.0.1-beta.1":"2019-06-14T03:28:17.723Z","1.0.1-beta.2":"2019-06-20T07:13:04.624Z","1.0.1":"2019-07-30T07:31:17.915Z","1.0.3-beta.1":"2019-09-03T13:29:20.871Z","1.0.2":"2019-09-04T05:31:03.722Z","1.0.3-0":"2019-09-04T09:23:57.577Z","1.0.3-beta.2":"2019-09-04T09:56:37.171Z","1.0.3":"2019-09-04T11:48:18.151Z","1.0.4-0":"2019-09-05T09:27:22.724Z","1.1.0-0":"2019-09-09T13:02:54.737Z","1.1.0-1":"2019-09-10T07:39:14.149Z","1.1.0":"2019-09-12T04:01:02.027Z","1.1.0-2":"2019-09-12T06:46:20.318Z","1.1.0-3":"2019-09-23T02:07:45.022Z","1.1.1":"2019-09-24T08:49:08.784Z","1.1.2":"2019-09-25T02:46:18.509Z","1.1.3-0":"2019-09-25T15:36:26.899Z","1.1.3":"2019-09-26T07:59:53.173Z","1.1.4":"2019-09-30T09:27:21.117Z","1.1.5-beta.1":"2019-11-04T03:38:06.393Z","1.1.5-beta.2":"2019-11-06T06:16:38.053Z","1.1.5-beta.3":"2019-11-06T07:18:36.213Z","1.1.5":"2019-11-13T08:13:21.188Z","1.1.6-beta.1":"2019-11-18T13:04:21.346Z","1.1.6-0":"2019-11-25T12:43:39.931Z","1.1.6":"2019-11-28T02:29:10.395Z","1.1.7":"2019-12-17T06:41:47.155Z","1.1.8":"2019-12-18T02:58:40.431Z","1.1.9":"2019-12-18T05:39:09.071Z","2.0.0":"2019-12-26T08:02:24.233Z","2.0.1":"2020-01-03T12:48:59.714Z","2.0.2":"2020-01-22T04:34:19.149Z","2.0.3":"2020-02-19T02:27:03.103Z","2.0.4":"2020-03-10T07:00:58.125Z","2.1.0":"2020-03-10T09:29:24.386Z","2.2.0-0":"2020-04-14T03:46:17.627Z","2.2.0":"2020-04-14T06:42:09.800Z","2.2.1":"2020-05-26T08:34:51.793Z","2.2.2-0":"2020-06-16T06:45:01.121Z","2.2.2-1":"2020-07-07T06:52:17.706Z","2.2.2-2":"2020-07-07T07:17:56.582Z","2.2.2-beta.0":"2020-08-11T07:23:04.603Z","2.2.2-beta.1":"2020-08-11T07:33:29.014Z","2.2.2-beta.2":"2020-08-11T07:36:17.657Z","2.2.2-beta.3":"2020-08-21T16:53:13.937Z","2.3.0-0":"2020-08-22T03:23:11.480Z","2.3.0-1":"2020-08-22T06:20:38.385Z","2.3.0-3":"2020-08-24T03:19:19.983Z","2.3.0-4":"2020-08-24T09:41:42.301Z","2.3.0-5":"2020-08-24T10:09:54.781Z","2.3.0-6":"2020-08-24T11:30:38.232Z"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/alibaba/rax/issues"},"license":"BSD-3-Clause","readmeFilename":""}