├── .dumirc.ts ├── .editorconfig ├── .eslintrc.js ├── .fatherrc.js ├── .github ├── FUNDING.yml ├── dependabot.yml └── workflows │ └── react-component-ci.yml ├── .gitignore ├── .prettierrc ├── LICENSE.md ├── README.md ├── assets ├── index.less └── preview.less ├── bunfig.toml ├── docs ├── demo │ ├── actionsRender.md │ ├── album.md │ ├── basic.md │ ├── controlled.md │ ├── controlledWithGroup.md │ ├── coverPlacement.md │ ├── fallback.md │ ├── imageRender.md │ ├── placeholder.md │ ├── previewgroup-items.md │ ├── previewgroup.md │ └── thumbnail.md ├── examples │ ├── actionsRender.tsx │ ├── album.tsx │ ├── basic.tsx │ ├── common.tsx │ ├── controlled.tsx │ ├── controlledWithGroup.tsx │ ├── coverPlacement.tsx │ ├── fallback.tsx │ ├── imageRender.tsx │ ├── images │ │ ├── 1.jpeg │ │ ├── 2.jpeg │ │ ├── 3.jpeg │ │ ├── disabled.jpeg │ │ └── placeholder.png │ ├── placeholder.tsx │ ├── previewgroup-items.tsx │ ├── previewgroup.tsx │ └── thumbnail.tsx └── index.md ├── now.json ├── package.json ├── src ├── Image.tsx ├── Preview │ ├── CloseBtn.tsx │ ├── Footer.tsx │ ├── PrevNext.tsx │ └── index.tsx ├── PreviewGroup.tsx ├── common.ts ├── context.ts ├── getFixScaleEleTransPosition.ts ├── hooks │ ├── useImageTransform.ts │ ├── useMouseEvent.ts │ ├── usePreviewItems.ts │ ├── useRegisterImage.ts │ ├── useStatus.ts │ └── useTouchEvent.ts ├── index.ts ├── interface.ts ├── previewConfig.ts └── util.ts ├── tests ├── __snapshots__ │ └── basic.test.tsx.snap ├── basic.test.tsx ├── controlled.test.tsx ├── fallback.test.tsx ├── placeholder.test.tsx ├── preview.test.tsx ├── previewGroup.test.tsx └── previewTouch.test.tsx ├── tsconfig.json ├── typings.d.ts └── update-example.js /.dumirc.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.dumirc.ts -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.fatherrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.fatherrc.js -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.github/FUNDING.yml -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.github/dependabot.yml -------------------------------------------------------------------------------- /.github/workflows/react-component-ci.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.github/workflows/react-component-ci.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/.prettierrc -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/LICENSE.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/README.md -------------------------------------------------------------------------------- /assets/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/assets/index.less -------------------------------------------------------------------------------- /assets/preview.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/assets/preview.less -------------------------------------------------------------------------------- /bunfig.toml: -------------------------------------------------------------------------------- 1 | [install] 2 | peer = false -------------------------------------------------------------------------------- /docs/demo/actionsRender.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/actionsRender.md -------------------------------------------------------------------------------- /docs/demo/album.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/album.md -------------------------------------------------------------------------------- /docs/demo/basic.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/basic.md -------------------------------------------------------------------------------- /docs/demo/controlled.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/controlled.md -------------------------------------------------------------------------------- /docs/demo/controlledWithGroup.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/controlledWithGroup.md -------------------------------------------------------------------------------- /docs/demo/coverPlacement.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/coverPlacement.md -------------------------------------------------------------------------------- /docs/demo/fallback.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/fallback.md -------------------------------------------------------------------------------- /docs/demo/imageRender.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/imageRender.md -------------------------------------------------------------------------------- /docs/demo/placeholder.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/placeholder.md -------------------------------------------------------------------------------- /docs/demo/previewgroup-items.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/previewgroup-items.md -------------------------------------------------------------------------------- /docs/demo/previewgroup.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/previewgroup.md -------------------------------------------------------------------------------- /docs/demo/thumbnail.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/demo/thumbnail.md -------------------------------------------------------------------------------- /docs/examples/actionsRender.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/actionsRender.tsx -------------------------------------------------------------------------------- /docs/examples/album.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/album.tsx -------------------------------------------------------------------------------- /docs/examples/basic.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/basic.tsx -------------------------------------------------------------------------------- /docs/examples/common.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/common.tsx -------------------------------------------------------------------------------- /docs/examples/controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/controlled.tsx -------------------------------------------------------------------------------- /docs/examples/controlledWithGroup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/controlledWithGroup.tsx -------------------------------------------------------------------------------- /docs/examples/coverPlacement.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/coverPlacement.tsx -------------------------------------------------------------------------------- /docs/examples/fallback.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/fallback.tsx -------------------------------------------------------------------------------- /docs/examples/imageRender.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/imageRender.tsx -------------------------------------------------------------------------------- /docs/examples/images/1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/images/1.jpeg -------------------------------------------------------------------------------- /docs/examples/images/2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/images/2.jpeg -------------------------------------------------------------------------------- /docs/examples/images/3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/images/3.jpeg -------------------------------------------------------------------------------- /docs/examples/images/disabled.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/images/disabled.jpeg -------------------------------------------------------------------------------- /docs/examples/images/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/images/placeholder.png -------------------------------------------------------------------------------- /docs/examples/placeholder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/placeholder.tsx -------------------------------------------------------------------------------- /docs/examples/previewgroup-items.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/previewgroup-items.tsx -------------------------------------------------------------------------------- /docs/examples/previewgroup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/previewgroup.tsx -------------------------------------------------------------------------------- /docs/examples/thumbnail.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/examples/thumbnail.tsx -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/docs/index.md -------------------------------------------------------------------------------- /now.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/now.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/package.json -------------------------------------------------------------------------------- /src/Image.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/Image.tsx -------------------------------------------------------------------------------- /src/Preview/CloseBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/Preview/CloseBtn.tsx -------------------------------------------------------------------------------- /src/Preview/Footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/Preview/Footer.tsx -------------------------------------------------------------------------------- /src/Preview/PrevNext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/Preview/PrevNext.tsx -------------------------------------------------------------------------------- /src/Preview/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/Preview/index.tsx -------------------------------------------------------------------------------- /src/PreviewGroup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/PreviewGroup.tsx -------------------------------------------------------------------------------- /src/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/common.ts -------------------------------------------------------------------------------- /src/context.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/context.ts -------------------------------------------------------------------------------- /src/getFixScaleEleTransPosition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/getFixScaleEleTransPosition.ts -------------------------------------------------------------------------------- /src/hooks/useImageTransform.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/useImageTransform.ts -------------------------------------------------------------------------------- /src/hooks/useMouseEvent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/useMouseEvent.ts -------------------------------------------------------------------------------- /src/hooks/usePreviewItems.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/usePreviewItems.ts -------------------------------------------------------------------------------- /src/hooks/useRegisterImage.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/useRegisterImage.ts -------------------------------------------------------------------------------- /src/hooks/useStatus.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/useStatus.ts -------------------------------------------------------------------------------- /src/hooks/useTouchEvent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/hooks/useTouchEvent.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/interface.ts -------------------------------------------------------------------------------- /src/previewConfig.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/previewConfig.ts -------------------------------------------------------------------------------- /src/util.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/src/util.ts -------------------------------------------------------------------------------- /tests/__snapshots__/basic.test.tsx.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/__snapshots__/basic.test.tsx.snap -------------------------------------------------------------------------------- /tests/basic.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/basic.test.tsx -------------------------------------------------------------------------------- /tests/controlled.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/controlled.test.tsx -------------------------------------------------------------------------------- /tests/fallback.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/fallback.test.tsx -------------------------------------------------------------------------------- /tests/placeholder.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/placeholder.test.tsx -------------------------------------------------------------------------------- /tests/preview.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/preview.test.tsx -------------------------------------------------------------------------------- /tests/previewGroup.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/previewGroup.test.tsx -------------------------------------------------------------------------------- /tests/previewTouch.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tests/previewTouch.test.tsx -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/tsconfig.json -------------------------------------------------------------------------------- /typings.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/typings.d.ts -------------------------------------------------------------------------------- /update-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/react-component/image/HEAD/update-example.js --------------------------------------------------------------------------------