New Component Image

[ycjcl868]

<Image src={src} />
// click image to zoom in / zoom out / rotate
<Image zoom  src={src} />
// image clip
<Image clip={{ obj }} src={src} />
// banner image load image 1x before image 2x ready
<Image image1x={1x} image2x={2x}  src={src} onLoad={() => {}} />
// loading (1-100)
<Image loading={50} src={src} />

zoom in out Inspired by react-zmage:

in addition, Image can controll gif , like zhihu:

https://github.com/KyleAMathews/react-retina-image

[afc163]

https://www.npmjs.com/package/react-image
https://jossmac.github.io/react-images/
https://github.com/sergiodxa/react-lazy-image
https://github.com/Caldis/react-zmage

<Image
  caption=""
  description=""
  srcset="elva-fairy-320w.jpg 320w"
  lazy={{ offset: 100 }}
  placeholder
/>

[orzyyyy]

What about PicturesWall like this.

I don't think it's a good idea that Upload does too much thing that is not its matter.

[ycjcl868]

@zy410419243 yeah, Pictures Wall in Upload should be replace by Image component.

[ilanus]

@ycjcl868 I agree, very good idea

[ztplz]

Sounds good. Any plan about API?

[ztplz]

@afc163 我加个hook form？

[afc163]

@ztplz Seems not related to this issue.

[orzyyyy]

Is there any progress?

[ycjcl868]

WIP in react-component/image

[afc163]

https://photoswipe.com

[dmdoit]

这个组件真的挺需要的

[ycjcl868]

@dmdoit 有哪些需求？收集下加进去

[afc163]

image checkbox

#16442

[and80506]

很早就开始关注和使用antd，去年开始我们基于antd现有组件及规范，针对内部toB业务维护了一套自己的设计规范和组件库，有相应的图片查看组件，可评估下是否满足社区需求，看下反哺社区是否有可能。
https://nsfi.github.io/ppfish-components/#/components/picturePreview

[afc163]

• https://next.chakra-ui.com/docs/components/image
• https://react.semantic-ui.com/elements/image/

[crazyair]

缺少鼠标滚动变大缩小、推动图片会自动回到中心位置，无法固定。

[zlab]

怎么没有上一张，下一张的功能