chore: rename to react-image-previewer

Author: big-camel

.changeset/config.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@2.0.0/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "MinJieLiu/react-photo-view" }],
+  "changelog": ["@changesets/changelog-github", { "repo": "big-camel/react-image-previewer" }],
   "commit": false,
   "fixed": [],
   "linked": [],

README.md

@@ -1,4 +1,8 @@
-# react-photo-view
+> ## This warehouse is forked from https://github.com/MinJieLiu/react-photo-view
+Since the update of [react-photo-view](https://github.com/MinJieLiu/react-photo-view) is no longer timely, this repository was created.
+> You can see this pr https://github.com/MinJieLiu/react-photo-view/pull/140 for the updated content of this warehouse
+
+# react-image-previewer
 
 **English** | [中文](./README.zh-CN.md)
 
@@ -13,32 +17,32 @@
 
 ## Quick start
 
-- [Getting Started](https://react-photo-view.vercel.app)
-- [Basic usage](https://react-photo-view.vercel.app/docs/getting-started)
-- [API](https://react-photo-view.vercel.app/docs/api)
-- [Change log](https://react-photo-view.vercel.app/docs/change-log)
+- [Getting Started](https://react-image-previewer.vercel.app)
+- [Basic usage](https://react-image-previewer.vercel.app/docs/getting-started)
+- [API](https://react-image-previewer.vercel.app/docs/api)
+- [Change log](https://react-image-previewer.vercel.app/docs/change-log)
 
 ## features
 
 - Support touch gestures, drag and pan physical effect sliding, two-finger specified position to zoom in and out
 - All aspects of animation connection, open and close the rebound touch edge, let the natural interaction effect
 - The image is adaptive, with a suitable initial rendering size, and adapts according to the adjustment
 - Support for custom previews like `<video>` or any `HTML` element
-- Keyboard navigation, perfect for desktop
+- Keyboard navigation, drag mode **supports free dragging in the view, zooming according to the size of the picture**, perfectly adapted to the desktop
 - Support custom node expansion, easy to achieve full-screen preview, rotation control, picture introduction and more functions
 - Based on `typescript`, `7KB Gzipped`, supports server-side rendering
 - Simple and easy to use `API`, zero cost to get started
 
 ## Install
 
 ```bash
-yarn add react-photo-view
+yarn add react-image-previewer
 ```
 
 ## Basic usage:
 
 ```js
-import { PhotoProvider, PhotoView } from 'react-photo-view';
+import { PhotoProvider, PhotoView } from 'react-image-previewer';
 
 function App() {
   return (
@@ -55,10 +59,10 @@ function App() {
 
 Apache-2.0 © [MinJieLiu](https://github.com/MinJieLiu)
 
-[npm-image]: https://img.shields.io/npm/v/react-photo-view.svg?style=flat-square
-[npm-url]: https://npmjs.org/package/react-photo-view
-[downloads-image]: http://img.shields.io/npm/dm/react-photo-view.svg?style=flat-square
-[downloads-url]: https://npmjs.org/package/react-photo-view
-[min-size-image]: https://badgen.net/bundlephobia/min/react-photo-view?label=minified
-[gzip-size-image]: https://badgen.net/bundlephobia/minzip/react-photo-view?label=gzip
-[bundlephobia-url]: https://bundlephobia.com/result?p=react-photo-view
+[npm-image]: https://img.shields.io/npm/v/react-image-previewer.svg?style=flat-square
+[npm-url]: https://npmjs.org/package/react-image-previewer
+[downloads-image]: http://img.shields.io/npm/dm/react-image-previewer.svg?style=flat-square
+[downloads-url]: https://npmjs.org/package/react-image-previewer
+[min-size-image]: https://badgen.net/bundlephobia/min/react-image-previewer?label=minified
+[gzip-size-image]: https://badgen.net/bundlephobia/minzip/react-image-previewer?label=gzip
+[bundlephobia-url]: https://bundlephobia.com/result?p=react-image-previewer

README.zh-CN.md

@@ -1,4 +1,8 @@
-# react-photo-view
+> ## 此仓库 fork 自 https://github.com/MinJieLiu/react-photo-view
+> 由于 [react-photo-view](https://github.com/MinJieLiu/react-photo-view) 的更新不再及时，所以创建此仓库。
+> 此仓库更新的内容可以看这个 pr https://github.com/MinJieLiu/react-photo-view/pull/140
+
+# react-image-previewer
 
 **中文** | [English](./README.md)
 
@@ -13,32 +17,32 @@
 
 ## 快速开始
 
-- [文档入口](https://react-photo-view.vercel.app)
-- [基本示例](https://react-photo-view.vercel.app/docs/getting-started)
-- [API](https://react-photo-view.vercel.app/docs/api)
-- [更新日志](https://react-photo-view.vercel.app/docs/change-log)
+- [文档入口](https://react-image-previewer.vercel.app)
+- [基本示例](https://react-image-previewer.vercel.app/docs/getting-started)
+- [API](https://react-image-previewer.vercel.app/docs/api)
+- [更新日志](https://react-image-previewer.vercel.app/docs/change-log)
 
 ## 特性
 
 - 支持触摸手势，**拖动/平移/物理效果滑动，双指指定位置放大/缩小**
 - 全方面动画衔接，**打开/关闭/回弹/触边**，顺其自然的交互效果
 - 图像自适应，以一个合适的最初呈现大小，并根据调整自适应
 - 支持自定义如 `<video />` 或任意 `HTML` 元素的预览
-- 键盘导航，完美适配桌面端
+- 键盘导航，drag模式**支持视图内自由拖拽，按图片大小缩放**，完美适配桌面端
 - 支持自定义节点扩展，轻松实现**全屏预览、旋转控制、图片介绍**以及更多功能
 - 基于 `typescript`，`7KB Gzipped`，支持服务端渲染
 - 简单易用的 `API`，上手零成本
 
 ## 安装
 
 ```bash
-yarn add react-photo-view
+yarn add react-image-previewer
 ```
 
 ## 基本使用:
 
 ```js
-import { PhotoProvider, PhotoView } from 'react-photo-view';
+import { PhotoProvider, PhotoView } from 'react-image-previewer';
 
 function App() {
   return (
@@ -55,10 +59,10 @@ function App() {
 
 Apache-2.0 © [MinJieLiu](https://github.com/MinJieLiu)
 
-[npm-image]: https://img.shields.io/npm/v/react-photo-view.svg?style=flat-square
-[npm-url]: https://npmjs.org/package/react-photo-view
-[downloads-image]: http://img.shields.io/npm/dm/react-photo-view.svg?style=flat-square
-[downloads-url]: https://npmjs.org/package/react-photo-view
-[min-size-image]: https://badgen.net/bundlephobia/min/react-photo-view?label=minified
-[gzip-size-image]: https://badgen.net/bundlephobia/minzip/react-photo-view?label=gzip
-[bundlephobia-url]: https://bundlephobia.com/result?p=react-photo-view
+[npm-image]: https://img.shields.io/npm/v/react-image-previewer.svg?style=flat-square
+[npm-url]: https://npmjs.org/package/react-image-previewer
+[downloads-image]: http://img.shields.io/npm/dm/react-image-previewer.svg?style=flat-square
+[downloads-url]: https://npmjs.org/package/react-image-previewer
+[min-size-image]: https://badgen.net/bundlephobia/min/react-image-previewer?label=minified
+[gzip-size-image]: https://badgen.net/bundlephobia/minzip/react-image-previewer?label=gzip
+[bundlephobia-url]: https://bundlephobia.com/result?p=react-image-previewer

apps/example/components/doc-backdrop.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { ImageList, Image } from './doc-components'
 import photo2 from '../images/2.jpg'
 

apps/example/components/doc-basic.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { ImageList } from './doc-components'
 import photo2 from '../images/2.jpg'
 import photo3 from '../images/3.jpg'

apps/example/components/doc-broken.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { Button, ImageList } from './doc-components'
 import { EosIconsBubbleLoading } from '../icons/EosIconsBubbleLoading'
 import defaultPhoto from '../images/default-photo.svg'

apps/example/components/doc-button.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { Button, ImageList } from './doc-components'
 import photo4 from '../images/4.jpg'
 

apps/example/components/doc-close.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { ImageList, Image } from './doc-components'
 import photo4 from '../images/4.jpg'
 

apps/example/components/doc-controlled.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoSlider } from 'react-photo-view'
+import { PhotoSlider } from 'react-image-previewer'
 import { Button, ImageList, Overlay, photoImages } from './doc-components'
 
 export default function DocDemo() {

apps/example/components/doc-cover.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { PhotoProvider, PhotoView } from 'react-photo-view'
+import { PhotoProvider, PhotoView } from 'react-image-previewer'
 import { ImageList } from './doc-components'
 import photo6 from '../images/6.jpg'