How to modify preview events
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con la preview API del componente Image y el ejemplo de preview personalizada del issue; después, sigue cómo el popup gestiona los clics en el modal y en la imagen. Se considera terminado cuando hacer clic en la imagen del popup cierra la preview sin romper el comportamiento existente del botón X ni el de hacer clic fuera del modal.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Following custom preview image demo:
<Image
width={200}
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"
preview={{
src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
}}
/>
The only way to close the popup image is either: a) X button b) press on the modal (outside the image).
How is it possible to close the popup when clicking the image?
Using Image preview API modifies only the hover modal of the preview, and modal property of preview does the same.
- Lenguaje dominante
- TypeScript
- Estrellas
- 213
- Forks
- 124
- Merge medio
- 47 min
- PR fusionados (30 d)
- 1
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/image
-
使用 iframe 去访问一个使用了当前组件的页面，页面会报错 Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/image#482 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/image#430 · 1 reacción ·
-
页码在点击别的地方重新渲染image组件以后，会错乱 Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/image#375 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
react-component/image#374 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 42/100
react-component/image#372 · 1 comentario ·
Todos los issues de react-component/image
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
bcgov/bc-wallet-mobile#4761 · 1 comentario ·
-
external-issue to-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
-
area-deployment area-integrations triage:bot-seen
Dificultad 2/5 Medio día Aptitud para principiantes 86/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
-
refactor
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100