React Zmage Versions Save

新功能

• 增加了属性 animate，你现在可以使用这个属性来控制图片的转场动画（缩放动画暂不可控制）
• 增加了受控属性 borwsing，你现在可以使用这个属性来控制图片的查看状态
• 增加了函数调用方式，你现在可以尝试如 Zmage.browsing({ src:imagePath }) 这样的方式来唤出图片，其参数与 Zmage 的 props 保持一致即可

---

New Features

• Added attribute animate, you can now use this attribute to control the animation of the image fliping (the zoom animation on browsing is temporarily uncontrollable)
• Added controlled attribute borwsing, you can now use this attribute to control the viewing status of the picture
• Added function call mode, you can now use the method like Zmage.browsing({ src:imagePath }) to call out the image, its parameters are consistent with Zmage's props

重大更改

• 现在您需要升级 react 到 v16.6.0 以上才可使用

重构

• 重构了数据流传输及组件初始化逻辑，提升了某些场景下的性能

修复

• 修复了某些情况下移动端下的图片在隐藏后无法移除问题

---

Breaking Changes

• Now you need to upgrade react version above v16.6.0 to using the libs

Refactoring

• Refactored data stream transfer and component initialization logic to improve performance in certain scenarios

Fixed

• Fixed an issue where the image in mobile could not be removed after being hidden in some cases

更改

• 修改了查看模式下默认边距, 现在查看模式下图片将会紧贴边缘

修复

• 修复了样式前缀警告问题 https://github.com/Caldis/react-zmage/issues/69 https://github.com/Caldis/react-zmage/issues/70
• 修复了 IE 下快捷键不生效问题 https://github.com/Caldis/react-zmage/issues/72
• 修复了 IE 下放大查看后图片跟随鼠标位移的卡顿问题
• 修复了一个滚动监听事件未被及时释放的问题

---

Changing

• Changing the default edge in browsing mode, now the view mode will be close to the edge

Fixed

• Fixed style prefix warning issue https://github.com/Caldis/react-zmage/issues/69 https://github.com/Caldis/react-zmage/issues/70
• Fixed an issue where hotkey does not work in IE https://github.com/Caldis/react-zmage/issues/72
• Fixed an issue which will cause image lagging when it follows the mouse movement after zooming in IE
• Fixed an issue where a scroll listener event was not released in time

新增

• 增加了下载的控制按钮 (默认为禁用), 你可以在 control 属性中将 download 一项设为 true 来启用它 https://github.com/Caldis/react-zmage/issues/26

优化

• 优化了在动画缩放过程中的圆角过渡效果
• 改进了元素的可访问性, 用户现在可以通过 id 来获取到对应的元素, 从而修改其样式 https://github.com/Caldis/react-zmage/issues/61 https://github.com/Caldis/react-zmage/issues/52

---

New Features

• Added new control button for download (disabled by default), you can enable it by setting download to true in the control property. https://github.com/Caldis/react-zmage/issues/26

Improvements

• Improved border radius animation transitions.
• Improved accessibility of element, users can now changing the style of the corresponding element by accessing id attribute. https://github.com/Caldis/react-zmage/issues/61 https://github.com/Caldis/react-zmage/issues/52

优化

• 优化 Loading 图示的呈现效果

修正

• 修复 defaultPage 属性可能导致的错误问题
• 修复 Loading 在某些情况下的闪动问题
• 修复封面图片比例与放大后指定的图片比例在某些特定的不一致组合下导致的显示问题
• 修复在某些情况下 EventListener 未能按预期释放的问题

---

Optimization

• Optimize the rendering of the Loading icon

Fixed

• Fixed an error issue that may be caused by the defaultPage attribute
• Fixed Loading Flashing issues in certain situations
• Fixed display issues caused by the ratio of the cover image to the specified image ratio after zooming in certain specific inconsistencies
• Fixed an issue where EventListener failed to release as expected in some cases

新增

• 属性 set 的图片集合对象内允许传入属性 className 和 style, 用于控制查看模式下的图片样式

修正

• 修复 zIndex 属性在部分情况下无效的问题
• 修复多图模式下切换到首图时缩放不正确的问题
• 修复加载 Icon 不会隐藏的问题

---

New Features

• Allow you using attribute className and style in property set to let the style of image customizable

Fixed

• Fix an issue will cause property zIndex not working in some cases.
• Fix an issue will cause zoom size mismatch when switching to first image.
• Fix loading icon will not hide correctly.

新增

• 新的生命周期钩子方法

配置项	类型	默认值
onBrowsing	func	(browsingState)=>{}
onZooming	func	(zoomingState)=>{}
onSwitching	func	(currentPage)=>{}
onRotating	func	(currentAngle)=>{}

修正

• 按钮被遮盖的问题

---

New Features

• New life circle hook function

Option	Type	Default
onBrowsing	func	(browsingState)=>{}
onZooming	func	(zoomingState)=>{}
onSwitching	func	(currentPage)=>{}
onRotating	func	(currentAngle)=>{}

Fixed

• Some button is being covered by image.

新增

• 增加 backdrop 属性, 可以调整 overlay 的背景颜色
• 增加 zIndex 属性, 可以调整 overlay 的 z-index

修正

• 封面图片 Url 非法时 overlay 无法正确隐藏的问题

---

New Features

• Add backdrop props to adjust the overlay background.
• Add zIndex props to adjust the overlay z-index.

Fixed

• Fix a issue will cause overlay resident in document when cover url invaild.