{"_id":"tb-shop-picture","_rev":"27-329225fad305d55bdd132492b119959b","name":"tb-shop-picture","dist-tags":{"latest":"1.0.7","beta":"1.0.7-beta.11"},"versions":{"1.0.0":{"name":"tb-shop-picture","version":"1.0.0","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"3963f73bf91a873d20caf7c2edaf3ff108b6cd5f","_id":"tb-shop-picture@1.0.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-4wzv9VHrJOKtofeI7E9t37W5Lvx2TKiLxgarkhUrJARruztNnfBZqnmtwFLJkZColmgkoFtPGie1f7X7FMQs2Q==","shasum":"9729697aedeb5931056ff21e9ff7101963c7cbcc","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.0.tgz","fileCount":14,"unpackedSize":14151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmfPMCRA9TVsSAnZWagAAMQkQAILU5RmNBn2nYLqa42ZM\nxbJJAGgtFrGBAL5lld0xgwhYprJmO6Uwc6J/QK0AcP2ivwScRoSoRzZEYuIz\ndoUUsaeDsESqZ9bZFrK7UZtphLpHsnKiUPBpGrnxnvD1TL7UXARMkuDckc/0\nYsyJfVB0QEEvBeVBEAPE4sqF+feFvbnG9IOYSyUoRLBgOVjK2ZgKaZOQEnWe\nYNnhlgaBfDwzB6MHxdizKcwPsn6I/9jMz4Y1ihh4y6sl0ElgZlPMh4R1heng\nkgJDUsVXDSHLKXzZND5v6QISw99xdWNidWYHEQVmewBRWe+6Ujk6OxgPZU/I\nBpz6pKP+gIyP8dDBz4zIFNUeZ1ekyw9xojAnfz8z56vA/2bnOu+wMD+TDEsF\n3JfVp5Az1ZsB+doWiCQj3khw9rrdhZ2aRyZlaCe2nQ3Sw3gpilaAXIZYsGEN\nBa5wTVNgpaBHz7y5Z9mafRvho91H27DKt23UowW4POhRDjyLa9iuDpaCL82/\n/RgmfiS/jLwd4cuUagW5GOh3COzz96AXmjky7ICshFhxkXt8SkfMvacNSJ+p\ntsv93VmXtz/ppoJcxtl6JkxxSSrxFARTr2j5B50Ob3F501yIz+bWwHg4VKGx\njGnw3qjjZcxif3z90w9u8AdLx0fQiA40Uf0+0pQV5rZ+hKdciuamMzbHU1XC\nnR/B\r\n=3DSY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBTYGDpavAvqj6vyeL4jx0/qTHHKUPV836+Y8A/dd5wLAiA60Ext9GJt1AIvfUHwRNHTtJ0HuO1aE721tu1NghWs9w=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.0_1620702156173_0.453044228608666"},"_hasShrinkwrap":false},"1.0.1":{"name":"tb-shop-picture","version":"1.0.1","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"80ec2526cbfc0925e6e2da42015983c7623ddd0b","_id":"tb-shop-picture@1.0.1","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-D4t3C+fJg0E9boUhkOw4NQRciShcUDeKbcxSHtgGGiNiGKzzbsOIR9Qx4LKW80ht9Np2L3/BOQKLEKKUHCMpoQ==","shasum":"108d7fceaeb051a8143f2f797a4875cf76c1f7d1","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.1.tgz","fileCount":32,"unpackedSize":24413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmfUVCRA9TVsSAnZWagAAK2AQAJnByDlVp4scgyzMw5JP\naH6B7pNl7aqubQGFv4uteukfpF/0Pv+7mw5H8kDeRF9UmmWy1aG99Dc08EX8\n0kH4PWfbZY5vggWD3Bc1AjnPZHV+haqdUhA2fjkigd/CE2PKHBt+Zei72r3g\ngV/6KkLQMpphZpvggkK5p6K1tbyOCDnU7rIDbFPYYaniM4kqIkrxwAydX0BI\ncJ2Z4wkUEJDria8dDBcpep+uFrpJ07u7nXtiTv6yiFcw3G2DeIUBsbdva9NA\nw5bTjchArxbsVQDTOdhxfykWim3upmtOb83jwVtx3ikhh6EFTjxv+uAZKzPY\nps7WQD+FRXj0mzQNSykTrvc5Sb+LPrZmOnkk/vJFKXHM89TkhKBz0VSOju3m\nrDB3xoncfmfachCSQhUyhctULr/ZYuo79EnWINF26x7LzesQQuZVH8TbCP2+\niARZtkIjQhFyh/GGLmbkl1jVww8W9EztF8OO1GKfo4Utod7nCe7WZ+s13ory\nu0QrI7XAMCv2oEmibJDTIX0ldZ3m4wiU5eqQOLMKWR1eqZTnnm4BJhI1Cclw\nPksjChHSjqcZOR78jewC50A6MJMgTt++pad+XuhRyNshLaFASwhssqZ9gm+U\n0FnmmmY51zslRot5w7b64WStU9Xsn1rWjFFfMovkqD8CZoy/HUrh8I7y8ZrO\nRO7g\r\n=F2xR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6Q+0Zl/56J/1KMrjLHbf8lEt2FpspoHhV8JCEibPZYgIhANOqrHkgV4PFMpVm9ICnSLnMY/IrLs3vzTdEbQNT0+7o"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.1_1620702485136_0.8419358797952761"},"_hasShrinkwrap":false},"1.0.2":{"name":"tb-shop-picture","version":"1.0.2","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"ca255c723d774da5605d6b2117c690824006331e","_id":"tb-shop-picture@1.0.2","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-YC7aZRyNb65K1AJPG7SYNosVWT0jxcqRbUGovZhPJF70F+b/QfGdcu4jwQjjNb6VRQyg9Fqpm+gO59kWWYYvGg==","shasum":"2adcbeef0aaf1b2a5501a7e4a453d0beb1824dd7","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.2.tgz","fileCount":34,"unpackedSize":25161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmffjCRA9TVsSAnZWagAAvy8P+gPBkSXhbY3bKi5HGqvF\nFrXxkc1pIYSaogIH5g/UobsORUIDJ5eu2AMT1QeXg6XCh/52BzePrxeKyaV6\nmAws6evMNMjlGuclKdZuUa+tZ87APZ1HGCyvQaWDKNhD0o0Ai1G2CmYYQcHw\nAkZ7VswEGTubmCbuSg6pHhnZHVoavmvBTSz4BR6LLU8ovcJmRuodNr1PiSix\nE0FQMejidBAo2CvS9W+bD8NfygZqxkmiwPQwrL5OtIVWjtaNI0b3Te4v5GCb\nN0n/oCMnhzjChyZAb5z4Pez+vudY9eFP5AacuPQmwcCLNfX1IXj/eWynWCrU\n7wyF1Tro2n7M/N9c40nU1N5rZYpMZMVm4/vPTXwHm2/de+MxGRJL06kfICSZ\nRWjz6PXbVlGA9/mX21wpSHscjjYox187v7bOHE6r46FokbWn8ZaL2GZBK8FG\nW7aa2LcldwaDY6TboLjOCTx2tN4bmsEODs70Kka7+/Y0QF/4w1oMW2BLU2Pq\nnlE5IHAL36bbr2QE5CUFcBbhjysaISj4ovfvjOW5VFbzS5OaTB3bQEzJscHA\n729HcKleJ88YhtXJ5zAZPstgj+TFvYVwi+4Q+5v5WzaBUSPnbPe6yfXp4A2H\nekw4Msv2mXRtXv1Gbe8EUmeANkTOJVODeFTg+yISQbQjssb2paeKoXYCrSmp\nSdDE\r\n=4Awy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXr/Wf1r0OpzSkuUvSPN+Zih34nSLo7GbEt+DaESavUAIgPJ9635HnYeNNzpDSVEJ0e2M3b7LWt5Dyihcx0hgW9Kw="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.2_1620703202737_0.44604681269726965"},"_hasShrinkwrap":false},"1.0.3":{"name":"tb-shop-picture","version":"1.0.3","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"abf0f7074889254022cb6cd98d81eee11a81f0e5","_id":"tb-shop-picture@1.0.3","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-VRQstuGk2cIaytUt2CvuL4wPCjocJYlQIesZLjhMMjrTnsiiwouuT6XZGxcx0eVAGcjbt5QRwajRvbqwUQnGYw==","shasum":"fed1a54cf9d52062038fc042391ecd7b7277d53e","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.3.tgz","fileCount":34,"unpackedSize":25162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmoEBCRA9TVsSAnZWagAAmSAQAIENTkkQ9f1X27RZNbyD\nRV7epIUb9w2J3MD+QZF/USqL6ZM10LAwAts9hfOw8JlziU+cEcMCp+cv9qvc\nwarskwS999idXdA93XdHpDu/8Nm1RIvB35Ju47bwj3DMN8yb1els0179sTkQ\ngQvYLxaraz5DPf8Y3R8AZuzT7+yWtluSDn3jKKQsNLj0/M4rm4ap20Ubq3+p\njhYVTDhyCLqzj6x/oK7U3ITnf9vbU8PtndM6rwQgdeEiBh4nQAjucIodRRUC\n9eWX4P5S7YfGKKt1aUEaeUELCgdn8ZU/IXQ+TmoaaUNdjtF0mOkCPdhDsYrJ\nzRvF8xHPlhQTNEuL+r5TpJ030LoxFT7n/rmzo9MIVy6ZIOmj8kahm/gkv1I7\n6XtD8gJSKGUBFJMBPRy8Cmcw1IRSWRt9ZF0UQe9d9cSe9q76sIOOVebgpB1O\n4dnsIPxS1hrKfoDRA1gkdqCbSvNyzr+KJFr96nY+BkRNJQ/Snprw8f6i3skV\nXAGYLGsL45Wf/qo5ZuaKV8Ku+4pGZZSo7oOcJ9JRydD+zugpXhKCt6RQ1c+k\nzF/3M4zy6EPW17s0ZkoaDVgYpDbZ2aGmwjcIof94lP/TE+lYYSb17rLhf+3A\n5JxYHB2McMlZ9QPuCYqYLGY2s3ny0KB46AExM6b35e6gUuIb8skHfiH13vL2\n9CbA\r\n=Jj9X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtpDy7MYk3ACzAFnzbCg08mU435V0sfoXJrRj0UxoIsAiEAyd/rLVD5xCG50kiXi/VrDtpIoml9PEtx0Y52T3ljjEk="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.3_1620738305386_0.1313494768886403"},"_hasShrinkwrap":false},"1.0.4-beta.1":{"name":"tb-shop-picture","version":"1.0.4-beta.1","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"c1ab415a77d32e21e37ef0bc914485205f15fae5","_id":"tb-shop-picture@1.0.4-beta.1","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-/EH9uH5dqVKn75/AJMepZC3Yk7f9+OIKL3N9yL/M2AQMZeVZ0y9gKOiVWi13dQm8Z5w/Z5nVKE7VY0HlZnIB5Q==","shasum":"67379cedb252ece5750f129b1ff595cbefaf3f2c","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.1.tgz","fileCount":34,"unpackedSize":25848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg49IzCRA9TVsSAnZWagAAEbkP/3mWI2iVisoQTrPSLCWX\nNfluOE3Ho3mouB3uLYOwOjK4UKuyoHpLjDhUIigveFs7x8I5jb2D6ewyBIb3\nwvZ4yZhhEWWJDbk/tc9QqnZproGThnuE+kmHGqBwa3M7A9ibdai7jDnWNF8G\nBgadipTp6lDcGysiSLOCv8LmiLu/aGblVQ/755zSb9Gp3KIlaILAeVZvzv6T\nc1CCDBJJx7mDmJj+4c5qod49SHNGDSOD2kon6UTITbB/9wyjwnxO3KXxOfqO\nNcbZnrLGFpKRWq/Jf7m8dKVbeGs7KrbZw/ZPE082ZndgYDQN3RlxPohM9eSt\nP0dTJ7Xkh1g20Ouo7cHJBYT5DSLeRY+pNA7IriVjRR6vo5O2uR68xrSs8KnQ\ntxpvFV8nGEnk+WPwT+UL0obKrZk4yIk0N6ZOLJUfXlnWmzI9Xg85KLpVpcNE\nH504YB/a26lD6kZq/hM5N7RSftl3ryI8trvqCKLq2eBEDDezA82F/lxymR+/\nq+C5g69IRNKuPU2aqQIRSAkKPw5npqcPKsDIFdKKuwQiOta3OlA/xcDNOSVM\nTe2wssCpQlBhrU17KJZeoniq+ADjwe/VJAbrC6GM7+ScWDAo4B2o0u/DvRmn\nWvp6Y5AUavSzuKmvJ4kLH5DMuI3Y7W0l6cIdTXoJ84q0I9f7boIFryj+ca54\nemCf\r\n=pGaS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI3SS+nh9rnZ1k8hyaG8zWN3FpWM3MbZMJ2DCdiqkMVwIgfwYjlpyR0OA3X5cGkPcGCMyUixPK49S9fnh5aLljYKg="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.1_1625543218756_0.44991035986020766"},"_hasShrinkwrap":false},"1.0.4-beta.2":{"name":"tb-shop-picture","version":"1.0.4-beta.2","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"517751706ed2aeea527c350926cdfa199a773acf","_id":"tb-shop-picture@1.0.4-beta.2","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-k5z5U9d9LbYlcdT7jXWFmxOasU4paCp1IJ82vf0SoLzkRCIxW2Hn14bHUM/WpMFtNKIGSutZSD79kkRyjlAYtw==","shasum":"b209775d9308dee7fc5bce15bc0076e0505354f1","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.2.tgz","fileCount":34,"unpackedSize":25839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg49RbCRA9TVsSAnZWagAA07EP/RH/oHi2QrJ8+aC2bEwK\nMus+ECIRagzsrkkiwBj8JBU1swUYrqLt81funhsNY4594qLnkBoAsyat928L\nm4bvNqksoZMzYcAPUlADQmDy5/AjjN65NtU2sVbqcBxC1i+XOnjh3m6DEw4T\n0F7uBo4t7fWTj1uWIhdK0v0tX8hzoMVLpXO83ITcXt2hZ5so8rXHFwJUHtfS\nTUNhQovL+5Q1XHShtnMbExesseD/qhvGOdlCnq0iFiGlMVZvr8RK/eHit3St\nPe5V7YvF+3vLZ5sIuU1231wN1pnlxuhyuFjTPJAsvZ7H1KT52EWE/QoTxFV4\ntxQF0wJlw/8hfMRfNx9WITELZuJSUgxPCyjHPP+15N/EzQNE09XQoivlyfEO\nD4+kydNBf62nohCNTyKjqAInaTpPrCoa+MCgNwc8VatdU2xole4QlkX+MI0F\nMGFbF3FkK1WCdk+ZHs6D/oh61YDauMg2pia8h5VqFcsHpjqCLfwbMlvB0BZm\nehmRXQ8/akUK5t8pcmfi9+zWFKJceGsEmlH+DK77Y+Der4qh8I1xzL83/Ez9\nPeGTe7NL7TFZAuRvpXXzZc18GKmZRzns01wrmFPJW1ZyEzY1huh6MmjjTP0F\n6ryLxQlOqLCVPpp3J8Vy3tm92Z8o/DqscdI0zw6f8UNG3TC0xEGJCR/1+y0s\nkCXJ\r\n=T+jk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWd8mS/tBYbCa/hI1UasuR6ZegxW4kfJJamnx0IwlXJAiEA+A5AcgzN4b/4u3T8GCsIBoiRxsY8Y5p3m6hXvZo0DDc="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.2_1625543770617_0.8216058141439258"},"_hasShrinkwrap":false},"1.0.4-beta.3":{"name":"tb-shop-picture","version":"1.0.4-beta.3","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"5c3ec250d5f6cf70dc0923cbb8c51e5a35f88afa","_id":"tb-shop-picture@1.0.4-beta.3","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-ApOehojdaqRhAD5HiEePuwsLR6efr0Ju52CKJr+zdKuPOQtk5TL69bxZLhOgcwA6SjZtjXw8Fy/gP76rvW0Fqg==","shasum":"b26ac3b00d0a1bec573e984dec5d967c1641c4dc","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.3.tgz","fileCount":34,"unpackedSize":26018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg49dPCRA9TVsSAnZWagAAq/4QAIxn5cx5Xdmq2ijGb8kl\nGSre/T9taWBONSr0O9eTB3lpU1YfvkkIdppVP+jAZTEXa5TitPz0yUFeV5yk\nJrMu4lzV6xJJeXARHjkRqqSiCmmUsqGRiJNTBynCH5ytHFGQr8dPtV/JE/ww\nHtQ6s23KssG2AJPuVik/JQJoi39plwPM1aZUdVYXse7+1XcP3AIQF8ZKrl7n\n/aLzDDaBEp7SN0NJUNqPchpnVK8hTc1CqXaZ4jwrCb1+D/MNRWYdzBxb+WiA\nN0jDPRbPcD9xkoInui3K8sNDg+2B9OOETc4Y5dxOfeXA/AMP8jKKszw2N3eD\n+yty+UQAx7snlmJ1xWn2wPT+TDhXHJOCa68ZURmTIoggPu3Uxp4oszf1Ufcz\nQ8744NCsuMlmmG3WEHyKECSQmYNq3urXmiCLHT0KXafba8bVUIZbNRuGt/71\nqbeQ8Ehr8BVjpHb3y6674www6jzNRWj0hbEQG89YTMSuWHzGaD21Yc1uGXmu\n5WHCrQZafUXeEZawoqKgE7Um6JfZul/ecsyHmj/PKEUdrCKXvPPydfJByab5\nEaFVMInKZ/5FE6DpR352q/Pcyyu7iEA915krioF0jo2njgW8uM7arR72HUHG\nifOANU1D9PNi0gsrE/1n1Aq2rvLUEKd1K4NP/z1F8XikMHqZ3McmUMbIO/yw\nywmv\r\n=+Byj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8ijnmw7BI38DlFukyfc7koZ9ZUoruO13YeX8AWZFOBQIhAPl/xl6kS0cq/BrScaG7ZjPAARNxXbSBoJp6ZmTzmUTU"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.3_1625544526694_0.18276710048115863"},"_hasShrinkwrap":false},"1.0.4-beta.4":{"name":"tb-shop-picture","version":"1.0.4-beta.4","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"a45e2d7c6197886fc9f448c17e0572f202401fda","_id":"tb-shop-picture@1.0.4-beta.4","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-dLSEP6BooELmUgYw0vYkRNiosE91j3p64p/IXkJN+nl9tKKT6b2YjZmIY5Uc4OhSXbYQAlhnrzTiyWLlJn2nww==","shasum":"54e6dcb5f3306026896433054f2973b9caa85a53","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.4.tgz","fileCount":34,"unpackedSize":26009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg49ekCRA9TVsSAnZWagAAff8QAJ0CRZWl15cvFyyrWshu\nyh+LOB5fAf7vuJmBpBkyvyQRTf9F8x3Zbwq+tbfJ+hK+F+pMbzrC3rX/26Iv\nSSaHNpUceRVVul87j7dV8hSkjRKJYec2LX1QP3hTp4+KT/bplsC41mFxX36o\nibi91+TNQmS6nvN+/7YFeIK9V2s2Q7MJIPg05Hs4gv5uW/95vdiSEzTWq4rC\noCGmHQRgNuSrpp7/rWOuPKbnC4t2KAi6/q7SyV9UxNp8S8sA2USkgSMRsPiq\n3yqbRkqbDh5hMXiothMj9T6qQWVazCU80u9yXJw17i/Dd+QXnOVVG+jGr3gt\nWXvUL7ndDR81VpnFMVwuewie+6l0wNTjC4NTVtFlDdr4rjVoB4ghEx/F36IR\nRHhmywFvWmZFqy+tvscbVk7QO6bQ7gLaxYK4q/OTQX9y+OWOktzrU4E4UXOQ\nhveigxkRTpGGLkZcpysCCqfJQXbLSPeVhySi9YK8FaDD6IY2t7FeiJaCGOn9\nluZE/CXIPIYJVpy+GoD4R1+Gl6vczJi724FlcE9ROim+U1U9WENLx0FMPNqs\nEW1dSUKSat3VK9C4M0VKHmruN1FSK46S0htzDTlKH3CKBCIre3HOtKkyjC6P\nn2C0KY/aJh80qkWrZvxvo20SF7lgCZeccLpA7yKoQb1Xks1ALBPv2/bNZYA9\n80+L\r\n=wOH2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFuLE5R3q8IOESrcFv1YQXNFwKbAPAgkgyNT5+EtxZnDAiBFfiMqH4/fMPBmfeDwFHiUcDFDMYxzma2raLGGsLFWww=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.4_1625544612450_0.33440179545505866"},"_hasShrinkwrap":false},"1.0.4-beta.5":{"name":"tb-shop-picture","version":"1.0.4-beta.5","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"b0494f8a8cf050e5a04a0313f7bb524f953c4d80","_id":"tb-shop-picture@1.0.4-beta.5","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-ZGXSyqzQzS8Ktjk7rpA0l/LtLogvgHrRWG1BWQt0/7hdyE2ZPH60zifmCBXu5hU7Rgzp1hAqkM9YJB6wGCiG4g==","shasum":"09fc2bac3e55269873fb69758f5f50835ae9731e","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.5.tgz","fileCount":34,"unpackedSize":27712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4/8DCRA9TVsSAnZWagAA3LAP/3fVNCKxTpz4Q3uofioO\nH0o2KhT1PyENmLj8jkTg01w6T+tyfrxYB20zFByfdqS0WuB+qp8bWpgm4FHK\n6xFCgo4+/2IMpH+mgPgMsJJNsHsDfZFC6MHbx6QyLAxdpHirUaZ03m/I68aO\n89BhTB4DGd5agklmVR2yw7L1nlbEf/wlB2xbfmtktgU8fH1tG5JgruvXIcXj\n8Tc/sA59GoNPoRcWo2NoTkBkgAUaNm09iqGtaUR3YMs9kZ55Y8Zm63COyOeX\nvUvI9BsClD7BJSaF8a7w/pL8GaH8nmOxN+ff/QnPygsu9BySJVMBRXESrxZv\nIoFNvLOfbuqSK8MeUgnL58SJd/arJLjTkE5EwcJT30QvgZDu5T3fr9xTenBk\nK74FZUJNI31FDGOUmK9fJslB8mkr4R/SueanUvAej1aWR3eTqM7BCzuD5WtB\nJa8dH5MOlaOmpliaRUyCWZTpmh3nd/O9UKUrdKCMnOrR4v+Oz2TsQ3+j0KB8\naYG4mZnr4AhDxqHcXV7VE5eH55TpO/IC4VJ+J7XuQrhK0XpMAeV4ylmW0tT9\nDaCKpC2HVnpksl03m5mSjfmXLZ/paE9DMyjcclufmyTpr4971qfdYSiApUtx\nmDGP3p82D/ZnOUIXpnrosU6KGCQ58BzPmHGVo9zf0UittNobyZMhopw2Rv/O\nTsTZ\r\n=AI6P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHz/sEIqOm0KjcW5AHdfo2WK+YPD4Yz/F+sxIOLMFv7dAiA6vb73Ui6rqjcO5+jCq5nOGhlCinPhClXh1n5ptM16+g=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.5_1625554690640_0.924098543102772"},"_hasShrinkwrap":false},"1.0.4-beta.6":{"name":"tb-shop-picture","version":"1.0.4-beta.6","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"b0494f8a8cf050e5a04a0313f7bb524f953c4d80","_id":"tb-shop-picture@1.0.4-beta.6","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-1QYnHqjEg5f9AGySkeeF4ky2Q9jdMBk/rcgc2hFUzJ7AS74NzMXB0XynyoF7z1JZgb3eqH2cQCzuZ3oizzEDAA==","shasum":"a1a93cd8e577e380d3fd2c92e92e9c089fbb08c2","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.6.tgz","fileCount":34,"unpackedSize":27712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5AFvCRA9TVsSAnZWagAAmTQP+wQjGosvyqfxrUHctr7H\ntFIW56iuerk2NNq90ZCsglnjzQ0FQ1EY3iBG1VcVTLmvc5lycEit9Y6GlOof\nBoPjpuk0uy4Aj6HIhLsjjPCBisCOEYmaEccl/VJ1v+MNoHEzNA8uA3A6xh3G\n+43EAoOSd4JdY0beZErRLunhzSWAYxE4ePWjvG6garTNJH4kwcEA9wYyeR/o\nADnQIH/o17xkuOWErwEUKxK3lyMfaGtMiapaKpCOA25eXYl3GAkzl80bY7YV\nMUkCU+EVd3uvf2D2uuel31B0rlHAyj4coPzcfQ3/CqmlrdxxC3RlaoYl0ECV\nYSMP2e6SSTl0k9osaYEcRqWYXsJAdi0xBWX61zJzyeeUBllc5od3Ag1mKFZ5\nE8bB97B/iEO+PWNDn5AbDOjjyrNHwwBH8rGgEp6FO5SI874zlXzSX7qFluTe\nVoDaBS2hhvq0h0QSmjnn2LoOLafFrGkJbbL+3iGBuP9HhL/P4NCbbMbksHrN\nn7StlRQG3m6Rc6sBur2kskmPMsP5s8FjAc2qGGXZK6isN7thkzG9flMzCCuo\nChKpMlUA4rFJV/NMBAn9pgpayvXm9QepaMhJ6Hrt9NhF0n9YbmHSXbMLUxJN\nRehBLbtcyKIA/hPkxtd9G/71IcvF56Fn1awkheVlB6c/Y+zEAFcUMoJ0ZKeS\nL0XA\r\n=LAJH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeAVj8YTmdrtkJBrXIwUJrLuxEjvtdaOWrh7zJU4w8KQIhAKvdXADPVcs9tcaMQHJFyH2j0o1FrSsw6tpydDQOW2qZ"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.6_1625555311161_0.7191734479324015"},"_hasShrinkwrap":false},"1.0.4-beta.7":{"name":"tb-shop-picture","version":"1.0.4-beta.7","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"72367946ffb814af4465704844ba333e29ff7b87","_id":"tb-shop-picture@1.0.4-beta.7","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-DjhkCk3QNNK1mEMqZs99rYRrVhfrjhOqsxb0I+7Kqx7f/1NC/ijjpLgDDQ2j7P551Y6RWYPrBteUrrQNc+jTfQ==","shasum":"756bf60679064bcc992cef53cff19b47440ff64a","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.7.tgz","fileCount":34,"unpackedSize":27759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5AqXCRA9TVsSAnZWagAA5L8QAJjvUeYFQWWgi44dcHpi\njOXxAm/1ASeGetRQCXUwhJ/5JbTp+9ISC+T3mYCS7gb0pe9VQcpbalXFYQOK\njtzf21SRe46h4Wtt6CpLa+0d3DxzE5IVCJBrx7lMgrglZia5rIjn9kQwORb2\nh1LHrHFObO6L9z5XatzuRo6n8R7dnQv0mKXa4L7nl8361ql4jd2W0G5ZWPvS\nEL5n5nwM1K8vmpdWVBMpPWHBBVByQdTdYY4PdeaAkfx+E9J3WjAdWDm2EnCB\n7i2CKPS65A44g4Pzi4LelgGmTR/BC+6Ftg6PomJCGNABuwtQRYMMgSY6wfKy\nXZq84kLVgtdHy88H/gd/d0rbTr2j9BJEmx0jzlK72D7vqqZ1cW8Rno/7oP0I\nKcp+SjPAc4zi/WkRQHx/kYfE50XPWumpN+C5e9NvgG5xS1uKIN9OeqGxp909\nF/V57QQNDLSEJpu5eJbfZiGv9pChKGSvOpJ04OtMrUrdfIkZvxOWW6U+0C6S\ninT45S9/YJcFcQejpgzuM9TVGswRILUYS8gjg6zV6tBczTp+z7jrXyZG8+Eg\n6uOk/3OXjFouKmCo+Pl4QTBRlrjBeaPGBX4I12ZJHgBevY3n8b4DHOH+v0wS\nsw89nVZcNcHcAFplI9b09No2qKTtC/6N4vv6n7YDkwuVm87515QsMzYO2K2J\nDCq7\r\n=3IA2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbRZ96XanCx6ZYt3xsIECLyl5GQbwmBovSwo3DoxQnbAiAxAs2h6I15XdZJOw/knY2EX7XFOTP+UeAQm2G2wcqygw=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.7_1625557655082_0.9870998349263072"},"_hasShrinkwrap":false},"1.0.4-beta.8":{"name":"tb-shop-picture","version":"1.0.4-beta.8","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"72367946ffb814af4465704844ba333e29ff7b87","_id":"tb-shop-picture@1.0.4-beta.8","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-LE6QNak5wpG+Cmw7b5RCKCse6OjA/b3tW4FYsV+/vjcQVcYCO1QIfdNGWmx9onsLW09quQSy4b3hZgmitl/1gw==","shasum":"4352c60a732fadeabe9f1d5d2db9af74afbd69f7","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4-beta.8.tgz","fileCount":34,"unpackedSize":27921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5A19CRA9TVsSAnZWagAAyKoQAIFroYTtJvHKmYhvkrmB\nfVaa0eKg53zAaO+iV9Bl0Kbf7tq9hbwAgrurhzMn5JE+M9P2MKeivs9zUNGR\ne8Kt64aPIFzxD6yuxAAGfAcqUgqlby+AEEXZDgxxwmQvoSLGth3dltJanCAo\nVa6iLIUs+njaFUlf0IFqtOwat8sy9lVQm1mAuGgtqLWAzwIJmp6NdQgNp4um\nn/uzupEwL49HM+Y3f7x/+rJlZR9CGbKeH7m0QAfX+fAcr+LzxMhD/+cTy44z\neNl1Mw8czjtgdY+Zvw5Ww8ibglmZIFEZtRdy0FvhNNvCLvbD46dy1+YUPSZT\nmsPZYu9awiny5awt0z77kXIugjhdaRkt3dbRwK+VlHgx55Yf44vCDmtSlsc/\nufw5L35EUO4Vhsqpqe9ObcqyttNlnD5yza0Q60ND9LkmrOcFodkGZF/x+6xA\n1EYVMvunGfUYWcHjwGJIDUmpI3l7oDdWOz6KMIf7xKse3C+URpmj45JKn3eq\nWOFoR/hiTfJrejm8Z+FT6CG0hPjaXFBZds9vF9Qtb3iu7cPzOHVIPZK9F6JX\ntmmCJzZMCWyxcO4U1fAUMMei74D5KJnPM+gdeRW0MKptKvsTHboL5AghAT3d\np/y6xUjuPnX9I2Ie8y9b+n9nK/vd1YruWH7sbcF3Xn5ElRyt3VVIx2igYlEI\nz5mK\r\n=8ZOp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGK6dpDO1eFi7lm0ZeD3olH1xCowSaqj2uqTThHni+QNAiBQWtxXeiq+/G/BcRbmz/yxNlOL5z0siP/ZqnTYvP3mmA=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4-beta.8_1625558397342_0.41197830577653405"},"_hasShrinkwrap":false},"1.0.4":{"name":"tb-shop-picture","version":"1.0.4","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"cdee7e8281d4041554f82a3ffa79a0558f954e5c","_id":"tb-shop-picture@1.0.4","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-bCEelBt/PTMWtdeX8SYuk+F9IJPTU+GRuPwBTnLGy5L9M0CZDJhdxjQ52e9qW5eUmq1bjxDK5xSPFuR0LFrUDw==","shasum":"3825ac0431942ddc6c1822ad12ffff611317e11c","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.4.tgz","fileCount":34,"unpackedSize":27914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5A70CRA9TVsSAnZWagAAqAIP/iBAI2WjLmKvZy8sF9p9\nWQ6M4yAAryLmbwJY1l+Epz+jaumFfWexDV8EqrTKy7miz+5Pe7PeDrQzMqo6\nhpBFTVNL07CIJLRRzeNXX6OTCgbOILChFQ387oplGTnMd9HOpCc7LVLFgvqH\nVKtbTq2itn+v0v/dRTMqD5IssuJV1sq13lC/HJsfv051x4+ngZq5+XTXTjO1\n11tR/RQcNctOeyWUsv2STvTFxdvebs9nI7wksKdfV1DNj/TJB/3Or9tPXrfg\nrlecWrSPHiizvrcggqfJtpGlRbj6FW6WsWsMM/UZctFjHUKpVjTQrmv/Flo5\nSmEw1G7+X6qBGAEd4e4YHI5TyFgCcGKX/7GVRB2UJnDUp/IyWlIxFQ23axg4\nxKIfEDFNTZEcOHAELddh5ku7P8eQWOHeouWAvshNJMki+B7leiQ+Xq8gww53\nbsHqZEl7yUSqvypM7sToP11/xxCiGEz6aQI8YcE7BOIs64ExGgXyrzfWLYPE\nTkrgX9i/K3aK5sJj7IvukOYWnJk5t8CF1ug7NNwToRE8ZDuo7gom4hyYrooQ\nmIoLIxky6ema5xm2yuBK5S4KNe+9rox3ixdwfhq/bIJZR0lpNnEHRdo9FZbr\nF8CiohbqFoVCsUbSB3XoTEGdvtFtOrYaNfilQd0DN4Vpz4a1MDrXwrnPfq5i\nbx0F\r\n=ew7Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5JHeIoEknI304vxDgW8hqHZtuc1mZqZB8XNV7DLE5eAiEArbGKHSubCh4AwXCDPyJ2IF8TzL71cFeXJjwHJjIFfyE="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.4_1625558771808_0.6320839733339534"},"_hasShrinkwrap":false},"1.0.5":{"name":"tb-shop-picture","version":"1.0.5","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"cdee7e8281d4041554f82a3ffa79a0558f954e5c","_id":"tb-shop-picture@1.0.5","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-x2p7cpUvhRoN/VIqHWmIKciP9VyPAPymmfQy9dE6R0UqkxxRh+KhfOeBh25+WjAxR0Xm/IGDHmrrfpyvFj9/1w==","shasum":"1d974d22fb2499fab2ebdd2fb165f9b02dcaf898","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.5.tgz","fileCount":34,"unpackedSize":27996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5BA1CRA9TVsSAnZWagAABBQQAI0cyB50pIqJBGWg3jg+\nArOyExwm3ZwyRDJ6JzNLncqB2DUJ+VV4Ucic9uhZJgPloz4mtclmS++Eq1PH\nMpWDMOpLyVNE2xVCQnUDAYiZZXHOkiW4/OymhOFjR+pOz6d4M+b+2gIUJyHk\n6mZHhtukwMg44UxoVi1HeJ9dlyWuR3295T7fbPicxrUK6IoUdVPZsIf84NSh\nfn9xWqwNT0ZH4P7KDTfbSMYfJGJSFPJXHQU+PQXLIl/1DtGoQR+k4cow0Kn6\nDyfQPSltY04gce8rau1dDnovBkVRbjVb73I8tD3ZDnqwvn2g+IOwTRH76Wpl\nmkuPi/U7fYV6nTnwPZ5lxS2obUKcOaSJCN8YhR1LBeSCSf261OUmEBCC28My\nIkIfkbBGMrTeoPnKuUi9vvjYazW0F/txtGYT3iPjfDU3YyeyY3kOjXDpVzv5\n2+w+IIx9zMGEaz3XOJJ4AZk2y7WrFLx9kxTCBYLe6MrDrhhSjLgOxxvR1QUe\n5W92gbMBYBaVCjeuQum+gZc6vVkHe4dFpoOsMgC7KRU4Xa2zSKWlPTwHE7Ou\nxVJb3KrC+DqnLMKNK+SoUw+bN9qqguZrKADwL8l24yUJ4P+P6+R3ceOpJmPx\npTd1WQ9ck5404+sATkSxU/iluAaT0oAGpMJQBnLuH488VwFxkp5H8HsxOExn\nAfO6\r\n=w+BM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtj/cEZjG6aFNWFKuB2CAO0V2Wa1PeTZ5hHZGLqU/pjgIhAMMAJCUEojnMlWwMJkMG4IVShNGX+lBnTMKT+qHI5efn"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.5_1625559092698_0.5877888619532965"},"_hasShrinkwrap":false},"1.0.6":{"name":"tb-shop-picture","version":"1.0.6","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"f808b97dfa4da06207c1fad68320977b948339f3","_id":"tb-shop-picture@1.0.6","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-fDvhx02nBQZ4r6+TXEmzwRYeFydtBTPhyhcH8dZvnA3DMg+sL4Wx2I2kjc5ZpKSnyxwJVfCHPDhrNeK3bhEUfA==","shasum":"a64f43294b702c949648f63b3dee6b8fcc839f13","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.6.tgz","fileCount":34,"unpackedSize":27996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5BIlCRA9TVsSAnZWagAA00sQAING567rLDM7S6nCYclu\n7j1DwJEjdq3ANgs4+Dbex283E6VVIR70LpG0r0cMe4SFzMaIVchm2GO6Sgd0\nhlicIRsW6y/I7Pr9CPJlPZ7E3mgqCrRhg+VzXstxMEymXO+Qqbq/WpQCTukx\nVjxCTPH1gm+7AcCUsdqdHKBeAWCyXXK8BXxPnkTxjITdsSuCjdI9IRila177\nlHWCW5GCqLsxiQAxHO8UmFV1o1G+Eg/2U2rQSI2wZ1Ltz2gzDqSW/i6dt6kt\n5WaG+JlEl1IoUPmqzmQ0GGrHDd43qAbF2nqrBfob0hOSMdoCdzG5sDhIwX4d\niADVz+2aKtpYWhcqNCVllLXoUBPNEZhv0KVzX9Ec+YJFTzk7QDVcUxdloA18\nQfvySrNWpD4h6Q9UTWnxZVsbszoYQ7HCVioY2hGA5DojDZRnu4RwTrI5rnVA\n2OclQYahnqQRs3rQkpsWUsPTxnAqPoY71yc5oKZbfSm4wijUiUo1aTuIdFhr\nWFDQdbsgnner405YLtCHegniRs7wqxWLW6yy8+R+0a2scWY09tIkzA1pHFRx\nVi4V0qzsRahCJhBWcyddPfixWddgaxe1X8n+QI2fDMYWBbIU8p5Cj/wQxicw\ngsS9rk8H7H60HwPoKaZxLoWtgTSa3YsXMmQ9Sw8aIFurRFei99Iu2hzUbXH3\nDUdM\r\n=n8mx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrhPplLWSa09TW7GxpPpklmdFP3wekg6HbWZJvDQqDnQIhAJvC20r23eIe1ftUC8AqfSc35w8/8o/OGukB5/aya38R"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.6_1625559589438_0.06052868585720117"},"_hasShrinkwrap":false},"1.0.7-beta.1":{"name":"tb-shop-picture","version":"1.0.7-beta.1","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.1","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-SGyHltlOT/y+z0dGYN8D0rrjZiYnx64IASQ7/vpAt8UjyOaxWYDGxxwZzkRwVBh3xwVu083a/nV7flHt37bBQQ==","shasum":"7f5f8d3e41d43eac13d1b51fbb90810ac7bbfc57","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.1.tgz","fileCount":36,"unpackedSize":30673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGmZpCRA9TVsSAnZWagAAu24P/0LFoy2VHCa2KIHb6MIB\n58squSfM1ITmh9mOVKKMG1H2y/cShN08zA9AjVWyhM8JYtyqER5Jrnv3tFLO\na2VAQs344oC/KtkfFFrEeXZsB1KuvkHEOjXQqORmsERIho40EArrTLAU91Ds\nV+vB7V5tOem8sfQ3CU3DDJPj72gh7m4+JwYmMENTUeGWDQgngwkk76OKz30U\n6Rdt+Z5xvUftauvWaL6mX7dD2eI5d/+NY6VFnTRcO2KTgZF+86CYvDCVypXv\nXpOKpRz6PRdlvVT5NetfwaR9drjEt7W1PA/dtyDCLIXmkbsVNLIX96vuH/2h\n/uIaQKGH7ypUPv0lmvzTpwZz1kQHO8ncrJYruO2tPc2QabHrrzN2ufbQE0F2\nTyTmVmlgCvWf+8tYjRp1zPC+0b7K+nqVr5AULYB/+aXv5loopi2I1lI7nPBR\nHQ4BY1ETTWcCtkUhab5TFI8utzFN0OqPwl1WkgeDehvigz1DodHOfZ1wHUte\nsfIoMjm0bwo/UyXzIXlICBvc6wlQA4jgMLixBLjaM8sBI3EcDG96zrq+12JH\nYemjjCnSdHPfFEfotR1fi3/fNe2yChZk/TQ+A9KzbvZvWmfT7hqzt40zJ8qx\nUZSGEGTTHhE+iwL2QN84J7Kwu21lhGrEvcHosXfSaTSd4188qdtNwMn3pIsl\nYqEA\r\n=Fgvg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkB7lR6qYx++DYotJ+Mr7Kovn+QnPoqinbUiUt4m0jHwIgKssdDvxlAQIcIrIgapBiuDYj6mG6OnO8SGLNU1jor+8="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.1_1629120105812_0.19881415180983142"},"_hasShrinkwrap":false},"1.0.7-beta.2":{"name":"tb-shop-picture","version":"1.0.7-beta.2","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.2","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-BlZDaSt6xPRmqAUaCPxh5DnbqTJ1b8+R1Rm6yShReq5cDXJpUoZV2Z7a1wOHY4QMQE/JRkGN0dbnA51bdh5Yuw==","shasum":"2f17c7c2f7c9583686682cfb152b92e8df3a8c0d","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.2.tgz","fileCount":36,"unpackedSize":30838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG3uWCRA9TVsSAnZWagAAc6wP/3b3gX+/qdrqldQfFGwg\nEfTSyCd5wVDrKsZIf7e+giHKeHbzlYrHmnrMs1n68wWIp+f97Vc7BREHOjDz\nJvjnd2xtkZheeeGClVKjh8APVRAo9JpvUm+aFcWfnKgz/zwUVTAD0SxrVUF/\nY9zEs1QXnQYZvdU+cuF1k8NYgwaAz2FqbDvyqPkKcZV6sNqoxO5vfX3m3mah\nGSGKD6EZx7+rnwaJWkCAym3ZgfV1FAdRVKzPWavkhox8BT3GDNmdD05BElE1\nW3AWk3Sji19mxXw1T5qenmTR6itT4Mg18Q6LPXmwjnHCnMuQLnL4kn5OB+Mg\nv2K4u4IfKo5FVe1B6eSMeeiYUUhap+dE8kDEvSwhndX9hv05YUg7pSo2kZpk\nIOxBz07FZbXGEckZ2y20PgJFStb0bcKfUiIBjgV6WRGbDe9Xo4jGHhK1z5l9\nAfeO54uJ8FK+M+gX7yS3v66V89CMHPhqXkCkXaLaxihv680gxeaLus5/IO2K\npQtbiPjl1/K/+rXq4dD0KbfVqIxVeg/NZdWm8ATsxNcLLYKzdUOrfzu5qKc0\nh3T7TKqMkb7hzuvHYqC5/WhnULgpXmPdAc294hujMMNRCia8UDwSAkNhRJsV\nlod+SFsU2qhgBQZxXtpxWtuugIgKXtQ5B6HrkmMajJls5k4zCyawE5siOjKK\nIpC6\r\n=IHF3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1GFdzkG7yC6cg93IqX3Wh+wtaHKJizNK4qxQlWtrlEgIhAIFzvAKMkHJzHKd1ZJ86XossWrQqEIwciZybjk8apWXJ"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.2_1629191062613_0.4304777663621462"},"_hasShrinkwrap":false},"1.0.7-beta.3":{"name":"tb-shop-picture","version":"1.0.7-beta.3","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.3","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-V0kuO8gTVnQLbBKQlSbFV3MKduLb+kwW8PD9Tj39QdOAGdjP/q9T0/wZVOdWDsSzMxVTFvJLZEE2POIu8isS0g==","shasum":"61edcde0a1c323d7128837fc3de612e03a0357bd","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.3.tgz","fileCount":36,"unpackedSize":30837,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG3whCRA9TVsSAnZWagAAsyYP/RrQP6wYyuc307ClVs78\ncX2DHAA1EZrpy0eCyUeROjEPhWiV9VqlsLNq/Hp30dNJIQwZHriIsti9IAZ6\n0FR4oXeLd+AAnfZ/rbVCw6vnMq35mSxFWB1YxGopV0+bq2lg/DHsXT+FpRWx\nTM4oHEiVs8BTcGWlO99Ge500bhq/tT6CDt5IWmww8HS1sAxzGHzyQmBAHJw1\nGz6gMd3ATGZzgO/Xnqyi5v94dUadhADI3a/wxWZFpGah6Xc4SQ22Hf9ekUS7\nGAocd7ZNbnKfvqpfZ0zYkAm+gGn9t3bHicsK1APBmOIkmodyY5y14Hu0Dh8+\nPgPsTEJvJSGOQtsG1BjVjCowsvi0fZ++KF27TxGORiNNF1GK1GedkWVKU1iF\nx5BFUpH9GkU86BAvDKvkVEikZm/yyD59klhZLxFVgT9IciTU3nq7lztCdZsj\nSwfMTEgg5kM0k20qCXeYkONCB03HieSGfU2c95hYVMSEuUucj/YQTblx0VQl\nwYb02Pz0Fk/9sormwRnLeRnk1ijdB6QBoT0/2GZtkMEovWCslVE9NvI40J8M\n9qyc9BUTLvHUBlIyigZEIts14kALawoZYDT4JbPOTMl3Y8ejkCoWq0yiDAfG\nAnUV59YH/utt4tI/WSSkrzs/Y2SFNi8oKwZONerW3zfrR8fTxSHBNYgCzKSj\n2VjG\r\n=50C9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYsPepRkihtUbyOhV0qu/89mBd6VP7qVK8wPO5b+QG+QIhAJf/DhownMmdJMRGEdtLY6RioPl31zUOvF3Ma8z+vzl8"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.3_1629191201468_0.720692077694773"},"_hasShrinkwrap":false},"1.0.7-beta.4":{"name":"tb-shop-picture","version":"1.0.7-beta.4","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.4","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-AJtDs70D5e55WHSbpNrpuBF6xRzjqxH9LRXE+hRJdpACjv8GRvgYX3x+N3IEWkTc7zVMp6nP+8Xe3thEElqQVw==","shasum":"2a7cce83cfe77b5f9efd10f04f50f5f7aee9da95","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.4.tgz","fileCount":36,"unpackedSize":31210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG4LbCRA9TVsSAnZWagAAGZoP+QHNx4OOt/FqR62pWNBe\nxpNmosxf5jPHnZ6npdeprFJK7BGHatfZr/BvVQCvA8ohcyd1RfoWBRlxUoYC\nybXP5eoUPTIJpPwJB/qqY52G/LvGBcCIievlsuS9ZfMcK1vcbeNlUQkUnZIn\n8yXNjU2o/QN3bSCxFQdG6e2DFfOSp5GYoSFVxsxvG0XJSJPd/bhaz+jmh+KI\nzKmnwPdlKdU68vxV/EMcOzzY0cyYvzZi3a13+Cu6d1ySevG6meETh4F6Tjbb\nmnkt+9Pz3ZaXQZKjI3GJg0lExJLv8XxwfetP1hynJR+wSkUb7itGjL/Pxt1i\nS6+kZUJhgnOJ8XIKBW8fNbVgz2oru9zblghPN0jxNeiBPgpEZKGmBYKJ4aJx\nY99eIiBWPKjH256Dbx9Etr3zw6d1b1s0Lqj/7SYD0tSl8pHhING5D+pXu8iy\n6mAPR7meER7W7KADaL9i6GUKUh5QDD0Y4LTDE13pgJwHkc+efiCV/+h2OEtO\nAM4EtB7n3Khse7qrj9BOhoKEY6xCAn162aJM6t0VBRZ6ExUgbb3witxrLf5B\nhZB0vq5FGZ1n8rnOe4PoB22bwlMjXfaIU7G8qVMVTLlcnyW+m2ZJSxCr1suJ\ntAACw1XlXYRjU46RPJmBeJDiG5tuDkURiJoc1KpLQwtZNByP9Lo75ZJczIV2\nsMom\r\n=ReY/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDef9JPbMy/AFHvcSSfmRq009G8IBjJo+CEVKc/BBLUVAiAoHVOtMVBaDHVRB4RBzf/N31KLvf5ESHixB+lHZTlTHQ=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.4_1629192922960_0.6806998680136607"},"_hasShrinkwrap":false},"1.0.7-beta.5":{"name":"tb-shop-picture","version":"1.0.7-beta.5","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.5","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-2bXnC6GImMuIjq0Mqvp7E6IjCCSNTyZ5tVnGAeT46t2QLkxTlDvrk0Q+9H7Y7mfZPEMuHqDxC6tpsKo0gfdH9w==","shasum":"8152864b95875a6c58b8999d9111ab47bf15b8fe","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.5.tgz","fileCount":36,"unpackedSize":31210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG4QGCRA9TVsSAnZWagAAKRAP/iGUpcD1Z8oTwI5XVB9T\nlJ9T3HxWyAgNlaqiYdWwZqIX1UWPfaqQ/aveu7Bq93rnZdj5PNXFIjL8hrEl\n2CG3jhdr8qWlHnEgWrkzZojXyfnXc+ZGhLFkj/wFEliQQBcJxMhOGF2XMHSL\nuL3j/+Lty62tL4pHWps15Ixdro6z/XY98gxAwfOpp6IX0ih+ebkHx8YWvphL\nB5ZomWrYwGgZvvr6/UNBkNzECEu32fl3SS0T2CfXdvc+s5tM8KGWzCht9Lgt\nvkHFzHZ7invwoE1HjGjfwlTY7pZjdp/kNl9DBnbx00pxU16ZV6a03nHWt6pJ\ncrE+5W8M6TvRuURf7HWBTel+8CJ2XWSTPNjJ2i+5WYCWW2Ljt+R+IKGEPcNc\nSL9FdmVfovP9Ri0/hO7TLPZ8tP1t8HxWiN5U7ByUbfEbp/hB0h/PUgUjj1X9\nt7Oi+2vxkgyRBxAJXj7ihkE/eswGcTW5yLMVK8bvh0xdqS6B7rTzUXLFkcpy\nnUaevIRqrdqyPfIKdArAB0pt32DSTaiOYHiY/YQtqQ0D0HUqwLqiYrVhmQZs\nkhtTnIdaKAtnrvzlxqWApcRb5dV+rN0bkNJzPBx0QAxQdaI/+EuT1wmpQScV\nr+tBhX1WNqcVQB2qX5buM4srYrzTjIWdBBIb3qwy2v7ba6sJYk3T1IvhCw2j\nMpbE\r\n=hsXF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHTphrFMykrDFkhYM5xk4QkYxN05f5MBPctKzm7BR/U2AiEAlWHtn6yQPIJit8mzBqtskTRBnDBhrNGa4aT9CPyU6f4="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.5_1629193222081_0.4502089507416591"},"_hasShrinkwrap":false},"1.0.7-beta.6":{"name":"tb-shop-picture","version":"1.0.7-beta.6","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.6","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-02ZICjm+iP3fNsaymn4F/cxd1eDwFkEgkTTVNybIQCokmxXwrIiEFkxz9B2mmoAsuVMKxTrWc1iaOjc46Mo8Vg==","shasum":"7c9f4d0dc060b4f01659da410fbd6bfebdb9b628","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.6.tgz","fileCount":36,"unpackedSize":31269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG4VfCRA9TVsSAnZWagAARb0QAJ+M9SSzkOy8GbVSkGAe\njUlMcuv5JTRHOw0k6YSnzu4YblkC1VBFG7PRkagEFPzt1XqXS7Pp8+NxcNX8\nRplMvj2Qq8VWwDD2icrumkdrdlwdoOz8COF+cJRD7UdLhI2E4wO+wQRnZ9au\n5bGwe9KvzTIubn692Po1iHG2T9BYOsVg93gpIsVoCQSDHkYLWQ5n+Kx862eA\njTM53tdoWVi5FjGQPeeNRK70fVuGuCc8JxTI5N4qropEi3BPPILLAODpQT86\n+OcfutqRnOjO9qrBpqHVy51H6xJCYVG/NcQTAJMnO3upiwolWs7NXBpJK++W\n1i9vUtYJN43l7mDX4KfHipQ6gSJ657qQYmyIPGecb/7Xy3b1Etghy/ED1YLF\nnKHyvWY3NUTRCeycawdaXYjak+sdNazs7O0gDjxXbPRml5syYdVntVKx4gUX\nBgHh+RuiFQxW89WgvHmyKppF2TwOcVIbtVFMBiEHsKI6u+5qs4OnVvc22hK+\nOTZyAA7zVa2A2DatjviPTlobumgJAbsV111+2XaifR51vC3c6Zy6okXAnibQ\n3i0ndfp31V1c+3B1IPJsDZDw4B5WC2X17fJMVPS/PLEsbrZuHHDhCnCxNOGu\nonitxrKb9dvMTgWZP54XegqPSnYCV+pxhGwNbX0LhwxTvSRx1PVsAx86tDc+\nbY07\r\n=OEgb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKInwIeYK9xcKx+Z093FUYvh0NW76TkXC7/1Pj56H1eQIhAIrrq7jJkBDV7+/J5b+SvvP1bdaVPoPv+Fbmgqc27FGC"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.6_1629193567782_0.18420148797898617"},"_hasShrinkwrap":false},"1.0.7-beta.7":{"name":"tb-shop-picture","version":"1.0.7-beta.7","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","dependencies":{"universal-env":"^3.0.0"},"readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.7","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-ADR5Vc7bObikHpatWgW2Gcj+oZNCpUqpx929bJBf61bp9b2lPCLZKBWB0peB5RrpjEEeGT+pqST3H2av12DNhw==","shasum":"c87580d554eacf058f160a607150b398b427579b","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.7.tgz","fileCount":38,"unpackedSize":32158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG6DsCRA9TVsSAnZWagAAEa8P/0Z/hGqaGU91yRSg1fwk\n7VVr2FL36kBxbf2ZvwpG3qDalbdw8VSOw65FLZ2o4BMuSvdGagMwcOvS/atn\nfr5ee88hVaJ9hWVCbn5T/gxZDFjNntI27AH3ohJe4mgy1RvIbrMv5vQelVRJ\niK9c4sFWuVm7ZJ+/4Zmn1JAApwsmy5wKhJlRaMIBXKpWTL3O8yAPSTNeBSCi\ncMJFNBljKKrBjoxTxdk8ca+gRNLCbmAAG7tIFOdvhurK0dLpkZE3q1EG0mr8\nAIMgy7kL/DeawQguudFn4J+rfeRQO5wD3Rk6+iiRQkpS8GT1QIuDE2McwJxp\ntbMEMGAasS/xtW2nyXNhm8TPB8so6GooExiAu5VLgH7/IE6T/5iGp1F+T+QR\nxlRRMxLJv8bNWL/nrosx4JHlNRZ+tUs6ZuSl4C2YwLMLKSjELgs6UgPbHwg5\nqqVQBuEmgsizkhCfxRo2BPpukGXbv57+6z/1JPEsbo4FBiS4UMEmq9xh9vBj\n0xNmyM3oEiIu7D3nDbtmp5+k+hkdp6MPMKFGCFbq63Ox8145mufcCgNAK0JB\nsxZRMX086NJSboybo35KuAS6SxsTfk4XR2xBvFRUM9lqP1jGHb0y1TGHn3Wi\nytIW6Fv5V7Sb+OPmfblPr33JzQyIOtKZQZojbcWpg7bkhprzKc5GB2NOn/nw\nuvfS\r\n=oZ1u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTAzAFs5O4Bpe0icnLXEZxnnzNfZG7RQl0dPrW+a5MpAIhALOlCJijpitK3YqfmKeTpzxxFccD5BhZa6yjgmwHpOun"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.7_1629200619921_0.19115450909180254"},"_hasShrinkwrap":false},"1.0.7-beta.8":{"name":"tb-shop-picture","version":"1.0.7-beta.8","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.8","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-wyDNxPvgeLoIJSyWPFVlGuy4nr3hsknuiJqXkHcG5p4sq/sHk7LGPkkBQB6BdqCO8AjL1AjYYbZCdsBKUOEEYA==","shasum":"9f4b9b6350d70a0c62497326e54a57f0d8a6ed2b","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.8.tgz","fileCount":36,"unpackedSize":29783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG6JtCRA9TVsSAnZWagAAXDYP/2GmoGxPxpDkslqZ98ao\n71tPcOFEu/tYsJ+k2qKFCfK1V6tkUIJbdrBc3ZEq1ZgxbixV8FsaUPWHZI8s\nOpjr0UoQTyT9g3dk6ItW0WerWQoigCpauGiaQymoweTmjn63wuTTN/WZ+P1x\noMeXtIRUUWj2tNULTc65qaTfypxHx8br3QpDjTr41lFmkvqtyuveX9LosMx8\npkhXm31HxXVJa4V8+OlkmUclTbfo9fnbl74cc/Ty4QEcCFEn6CxFkPV3fVX7\n5GmBTyFCx3EB9yMn+a1GTg20Pd1tv4xNwppMAJOO8E6cPizjnwCHaoDudffj\nVT3aMHF7I9en6kZf37ZiW8sH8S5AzU66chqDiW6CgbYcNnESgSYN3x/eQfzE\nxmFkngi/Mvnr6E6xvfjmb3G6KbRP5sYML6fDDr1sSFUN0Pa60LCp7csVjOhG\nNjTNacRtPv8hUH+oqhCt0WAeosnZWyuFN1an9p0CSp1RmmskjhEV/i1E+GtW\ngeQLui5zoVVK186UPQZNOfimpiL2tzVh2+tMYuA/f/P8yYGOh2Lwq2EsSKFO\nbVWbO//4H8CyD+I7s6mLCgBrdzs+QN8SVtCYa3sDQb7tealFFy3yKzzCQ6In\nkBhLAALZ55CrtCm9M8pbIDeUHIFj16/tv9+cVSkR2tu7wCXp966I9mkd7gRZ\nG+uT\r\n=0g72\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFVEFuz4tTnmv/h/jgVnkVDli+TutIBs9Y7lbBTxl9UAiBmYNEIgUuvEmJi00vfku9J3D6r8Bpa3513ZGjF+9IrKQ=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.8_1629201005222_0.5438110131731055"},"_hasShrinkwrap":false},"1.0.7-beta.9":{"name":"tb-shop-picture","version":"1.0.7-beta.9","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"4486c152280b65d0d7a81883cff5585331771ba9","_id":"tb-shop-picture@1.0.7-beta.9","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-onHGMJxemgIKG2YHFkVrgvTF38zhaR/cY3BHFfp4cMq47uR6hlQPa/RhUoCF1oMVzdERqGwGnSSwqLVKzSMF8g==","shasum":"272ac4f7fa69fe5fb400ad7ec70fa14ae7807560","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.9.tgz","fileCount":36,"unpackedSize":29866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHHW1CRA9TVsSAnZWagAAm5oP/2ncHMZwqCgYZ3ZJDtEg\nw+MZeCnUitn8ww/6wMP1Ls9NZl50zuhFhUlGCZRiSRGxDnXTS5kOxfzO15NV\nD1juWLTQ5NZQr/TdFUaswG5QTkbBPt8y153DYx8MiNt5zvJKuFMiYZOxCsuW\nknHu+aBf0lmUbUnEgdBx54INtwJa62N35ksUBg2Kvqm3qZ+C1bV7cBs1p99M\nKbWICssW52/vI6TCs7KKbHIdCpL00tTgw6ohJSsAUACmNLaq7+wY7YU2eyjV\ndwHbzE51SkTDa/fC2HCpgUp+y/fGjSog1B+LB8sWkg6+BSjjUrByvfYiM7GI\nNGYkMF4xzLtAUchfqF7fm8PgctuVKMeA68ez9Mv0Pa/HSIBnNpII7c3dXUbH\nL7b+1A65IKC+pcdm6KHn3wMEDkmLEtLbpzpiB2ZD/9yrckV2SL6z8OwhtRc6\nh0vb05YueXUTIvb0CvRCnPO38CnkEIasa8knqhL5hmVH1UaeZwvekbV+2TEB\nc/Sg9NVjqYgLBotfE1ZySqR4/OLRA+uRHwO3WjPy14RUhgEPsOqij1vIrRiC\ngUJI3GoerywzA77dvYOUXkdlZHXZVR4v32KHhcAUF+NyQiiUGuAlOrJeB6YR\n4wtaQm9lLzwMbxdM+mZ3Ny8fAdhWeKmoxzJc8PcA32P+YApsRx0hyRPmwZ2O\nqJ0s\r\n=tuer\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGDXA9kSHU7Z6PKKpY8NsuJWZBgeexUAddahNu8HnLmvAiBFRn8J/qULuHxoQEsBKVzaTEfCiaGbpjdVdHCxO8Mi9g=="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.9_1629255093807_0.8761977521725937"},"_hasShrinkwrap":false},"1.0.7-beta.10":{"name":"tb-shop-picture","version":"1.0.7-beta.10","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"72b62a0514762b3203a47695f09020e68464e321","_id":"tb-shop-picture@1.0.7-beta.10","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-ai8+J4DyBv53/HddU8KzlBfZKe0iRo9yWg5BS3iwm/HRhZ7D17XYexkhvZjZFGlpHth1WM+BVS0J97P9GplgpQ==","shasum":"b500b7933a0a40a3992bb8ab52927e900902390b","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.10.tgz","fileCount":36,"unpackedSize":30023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHLqGCRA9TVsSAnZWagAAN14P/153Sz0qI0LEBuIsPYXe\nGoNf3FXvYCMz1GWTT0Ym0/IK3+QaN3Pxckr44WruIlFNGXG3gnyVGNO8R7CU\nf2bU0GsdOmTvfYJo18oyzSSwPSU4cMY9RaXiKUcrHm8lQlHzGC/QWyKPUr5G\n2MyLYZ/njlofvuENbfKxpMfle/13qYCcNiarJLfTx+iNC6Qp8Z6wIeoLNe1a\nJhvMD6AhufvLUDiN+7xx306Ep9KSDJIJx9O+YUwFWxF5uyXXP8Ur8RVrZPiC\nBCW7GBb5cmQoT0AacdZigSLwYpPMGirhAV8VnZDDSevQk1riHCoMS1UJe4MZ\nMN2yUtwt30YQvRxh6sWx/IMQu+z94cxVdkwjmzpumipqWSQxiya8DpjIud+y\nbw5V6rNtdRCYQTG1H8cFiqcw0Do81C0Lb8OriZ+Ge94s9qU6SXjB+VvJxGrc\n4U6S1Bli4UDl7k5sJFbLFm0IMDT6ZlYDNCfWDx58KyrRAYQ7hPTNgSi8I+d6\n/9ACduwAMLkaf2przfzU1SKhYeO015g2sqj311b/mgY3qsKVgJKjjbaKEHCp\nw2Uz+8qzyUxhWdMm9Rd//ssejuyEenz0FZeHv82sorNF+ExYddUboZB+l2hd\nH3IDJmBtMWB6aA4KP96UtgDbzR2cN5qwArZu3uzK3y6kI1umHsOKdhDlHSaC\n0yYp\r\n=zyQf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPc0lpUwkQWnV8Xx7ZWYC3ho2TwoRzgqyiwzUb5aAdRAIhAO2kIDqnTWoZtIpXVuOyBsg8QdVaFkWv8u02fUOwT/tx"}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.10_1629272709891_0.3570568235268985"},"_hasShrinkwrap":false},"1.0.7-beta.11":{"name":"tb-shop-picture","version":"1.0.7-beta.11","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md","gitHead":"72b62a0514762b3203a47695f09020e68464e321","_id":"tb-shop-picture@1.0.7-beta.11","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-4c9rQv9aDAvdCzYGUZaXzenvpPSwFRwUIMNGQZpN2S+8bWnTcUEgpqzWaTOqu5oezU7cvhfYWXTjoLJ52aFZIA==","shasum":"a2af132d6b5b7b971f49c200330d5c49450c0e6f","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7-beta.11.tgz","fileCount":36,"unpackedSize":30074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHL25CRA9TVsSAnZWagAAMM0P/1DPI34/6IvFL4/mzZ2T\nmQMKmoCA6nr1Y+vWD0P4cS4Ggom9TPKzdTBnGeZmfHmTQVgGAJE3MicJaX02\nfrNNbnuDDPRfMRE8mtPgrAleBiVgzDdwIHJWSgbiLrc2ZtB4/+tXVUH503YU\nERQYzIJTQTwgUCtT3xOUZzIZVv6gqii/n+3AnH3smeHoQyxnSZaGuPbwVUlZ\nI3kb/OZxI+QdjUGRAbxdMknZVq4r6EozthYwMWQBw6h+8zwAV5DUU4LrNIBL\n5+/GfCx1ViaRm7CFycxWpG7lmgApp1oh64t+sklVfZSjNJ3YG3Wcq+Xg894d\nnXmaUl4P/AK8ms6gMAr3EVjYICqZDBSkT3b0/hMKH1KXTI81rOCsGPgHy4L5\nQzgXT2B1avEEi2YewFDu65sWlVxWK8XptQOy2UPFsp4oz4XsdPzKDcvgVntf\n0WxJL5vox7oVG/CeidNiITQF/puDwOBR643/XJhITUjFnbq3cryQJE/B5fHV\n+Sc36EOPg5ad+djacDZfoaiZzWeZn3AMG8sNLPsTNQaXAWwcGKwjPR/4nIAI\nGAQLIJH6YtJ04sSrOkn25SKc7jTkc8O2cAxuMnz2u/8CUgDj3Gpx/4vGhS/Z\nKpgXjZ01swRutkSloJmrgjBTM5sFI5+VdeXDav4Ps1ELf3vGmMBZnuptxj72\nuIis\r\n=LlJq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAHQBtFh+9THJgqbDXA+nh19d+AMyJGrloDjG/5uTZNdAiEAiXigSJcguB46+U+OArr4XC2d9PFUmn/2ACSKXcVwQF8="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7-beta.11_1629273529118_0.5142433643226625"},"_hasShrinkwrap":false},"1.0.7":{"name":"tb-shop-picture","version":"1.0.7","description":"taobao shop picture for miniapp","main":"picture/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"keywords":["picture"],"author":{"name":"wenpin"},"license":"ISC","gitHead":"63014b96330829aaf0cea61bd10a52eec2385e03","_id":"tb-shop-picture@1.0.7","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-sRVkM19TSxgLYBPAy206X/BmBQyCPhN2ryti/swvupnIPXars3ZSoX87pg//w1qKF/8igFIreq5+Hrdh7rTDLg==","shasum":"545c301a879e4c1f1bee904c7ef84fbc04918d22","tarball":"https://registry.npmjs.org/tb-shop-picture/-/tb-shop-picture-1.0.7.tgz","fileCount":36,"unpackedSize":30015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHcMJCRA9TVsSAnZWagAAMeAP/jg99ByMD+wkjojRvtKv\neOFXPt8nAm5OyKlluOeBQTlyRGGz30xxP+hWhgh3TgQMl6Cp9iy9JB+wYzhL\nL7cj7gqzCKvjyW5tjfZPGPz8Pif7ASD6lwrCIqdodgottT3rAb751Tkohdiy\n64nlkSrH9/44hTZl3XNJGPXvffu7OOHoaYWnsV+BWhwdJoE8xoQ/bCq5B157\nUgXH08Bv+zq/XJxxzseFSdV+Eb/OVuLUQ/hdN0EFnDOw0YEoXg84irYM6eX2\nBIuXcWZvxN5iRmbShrav9FtWELPtdK2bLZuDHCZY8uLJEHaiFRJjMJcvuqE3\ne+kYv1y4t/Pwq0CtK5sXaUVLz77lYbmwe7REfkvIVxnTtwDKKGB64SB/ekQp\naDOUQaZ4XYB26V73S3F6h4x8Jq8/Br2kmOwwj7isflYOXqoGMnkuroIsNs8a\nvrWyCz9fnsuJHkdhHwZFT+5fdItm+478yZM17cGrayUEgWjZcfZH+7Mwar52\nRkOnd3x1APl9oKrfs3hqF61/M6KxuC5Tm4MMLvmMgmCcdlsZ6mvVSFXJO/R3\nGrE1BWMZs0+Wo3BIwIbROFC2jGGlL2Xa1EzD4Go5g71UFWnbhwWf4A0WXPMY\nRpBV49YpX7jVk7zC9BsM6H7AGS/ttxzc8xm2D2LPihu1BER1ljerzPo77JPb\nhyzM\r\n=UhMW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiDomYrY/xA7aSSlYbxYOe5Uff5pWJFT2DS1Ln4N5YtAIgLQ5Qtzl+FhhFRIz0PAAaF5k7iMhrlx2ArKqLy4NKx8o="}]},"_npmUser":{"name":"tb_shop","email":"tb_shop@service.taobao.com"},"directories":{},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tb-shop-picture_1.0.7_1629340425358_0.2841859133490303"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-11T03:02:36.172Z","1.0.0":"2021-05-11T03:02:36.321Z","modified":"2022-05-19T10:50:47.154Z","1.0.1":"2021-05-11T03:08:05.330Z","1.0.2":"2021-05-11T03:20:03.020Z","1.0.3":"2021-05-11T13:05:05.531Z","1.0.4-beta.1":"2021-07-06T03:46:59.006Z","1.0.4-beta.2":"2021-07-06T03:56:10.767Z","1.0.4-beta.3":"2021-07-06T04:08:46.836Z","1.0.4-beta.4":"2021-07-06T04:10:12.581Z","1.0.4-beta.5":"2021-07-06T06:58:10.799Z","1.0.4-beta.6":"2021-07-06T07:08:31.340Z","1.0.4-beta.7":"2021-07-06T07:47:35.212Z","1.0.4-beta.8":"2021-07-06T07:59:57.693Z","1.0.4":"2021-07-06T08:06:11.938Z","1.0.5":"2021-07-06T08:11:32.858Z","1.0.6":"2021-07-06T08:19:49.559Z","1.0.7-beta.1":"2021-08-16T13:21:45.968Z","1.0.7-beta.2":"2021-08-17T09:04:22.791Z","1.0.7-beta.3":"2021-08-17T09:06:41.656Z","1.0.7-beta.4":"2021-08-17T09:35:23.134Z","1.0.7-beta.5":"2021-08-17T09:40:22.227Z","1.0.7-beta.6":"2021-08-17T09:46:07.943Z","1.0.7-beta.7":"2021-08-17T11:43:40.064Z","1.0.7-beta.8":"2021-08-17T11:50:05.392Z","1.0.7-beta.9":"2021-08-18T02:51:33.969Z","1.0.7-beta.10":"2021-08-18T07:45:10.068Z","1.0.7-beta.11":"2021-08-18T07:58:49.281Z","1.0.7":"2021-08-19T02:33:45.536Z"},"maintainers":[{"name":"tb_shop","email":"tb_shop@service.taobao.com"}],"description":"taobao shop picture for miniapp","keywords":["picture"],"repository":{"type":"git","url":"git@gitlab.alibaba-inc.com:tb-shop/tb-shop-picture.git"},"author":{"name":"wenpin"},"license":"ISC","readme":"# Picture\n\n结合图片尺寸优化、webp、懒加载等能力，以提升页面性能体验。\n## 安装\n\n```bash\n$ npm install tb-shop-picture --save\n```\n\n## 引用\n\n```json\n  \"usingComponents\": {\n    \"picture\": \"tb-shop-picture\"\n  }\n```\n\n## 示例\n\n```jsx\nimport { createElement, render } from 'rax';\nimport Picture from '@ali/rax-picture';\n\nconst App = () => {\n  return (\n    <Picture\n      source={{\n        uri: 'https://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png',\n      }}\n      style={{\n        width: '750rpx'\n      }}\n    />\n  );\n}\n```\n\n优化后的实际加载图片的 URL 为：http://gw.alicdn.com/imgextra/i2/O1CN01NSVEkX1Qu4ejdWYp9_!!6000000002035-2-tps-1071-351.png_790x10000.jpg_.webp 图片大小从 155kB 降低到 68kB\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: String height: String }` | - | true | width 为必填属性，否则图片无法正常展示，可以补充其他属性| ALL |\n| className | `String` | - | false | 类名 | 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` | false | false | web端有效，根据图像是否在可视范围内延迟加载图像，Web 端需同时引入 [appear-polyfill](https://www.npmjs.com/package/appear-polyfill)  | <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| 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` | false | true | web端有效,图像 URL 自动删除协议头 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-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\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n| autoCompress | `Boolean` | true | false | web端有效, 是否自动添加质量压缩后缀，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| highQuality | `Boolean` | true | false | web端有效， 使用高质量的压缩后缀，autoCompress为true有效，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| compressSuffix | `String` | - | false | web端有效，autoCompress为false有效，图像质量压缩后缀规则，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityAbs | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩绝对值，png图片不支持压缩，取值0< Q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| qualityRlt | `Number` | - | false | web端有效, autoCompress为false有效，图像质量压缩相对原图比例值，png图片不支持压缩，取值0< q <100,且必须为5的倍数 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| sharpen | `Number` | - | false | web端有效, autoCompress为false有效，图像锐化参数，可选值：50，100，150，200，250，300，png图片不支持压缩 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| ignoreGif | `Boolean` | true | false | web端有效，所有针对 URL 的优化是否忽略 gif 格式的图像，默认忽略 | <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-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| 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","readmeFilename":"readme.md"}