@windrun-huaiin/third-ui 7.6.1 → 10.1.0

package/dist/node_modules/.pnpm/{mermaid@11.9.0 → mermaid@11.12.1}/node_modules/mermaid/dist/mermaid.core.mjs

@@ -1,17 +1,18 @@
-import { load, JSON_SCHEMA } from './chunks/mermaid.core/chunk-L5ZGVLVO.mjs';
-import { registerLayoutLoaders } from './chunks/mermaid.core/chunk-IWUHOULB.mjs';
-import './chunks/mermaid.core/chunk-M6DAPIYF.mjs';
-import './chunks/mermaid.core/chunk-MXNHSMXR.mjs';
-import './chunks/mermaid.core/chunk-JW4RIYDF.mjs';
-import { __name, detectType, log, registerLazyLoadedDiagrams, defaultConfig, updateSiteConfig, getSiteConfig, setConfig, getConfig, reset, registerDiagram, detectors, getDiagram, assignWithDepth_default, saveConfigFromInitialize, themes_default, setSiteConfig, setLogLevel, evaluate, configureSvgSize, getDiagramLoader, UnknownDiagramError, addDirective, styles_default, frontMatterRegex } from './chunks/mermaid.core/chunk-3XYRH5AP.mjs';
-import { registerIconPacks } from './chunks/mermaid.core/chunk-QESNASVV.mjs';
-import { isDetailedError, utils_default, cleanAndMerge, encodeEntities, decodeEntities, removeDirectives } from './chunks/mermaid.core/chunk-55PJQP7W.mjs';
-import { package_default } from './chunks/mermaid.core/chunk-RKKUNAVE.mjs';
-import { selectSvgElement } from './chunks/mermaid.core/chunk-P3VETL53.mjs';
+import { package_default } from './chunks/mermaid.core/chunk-6MN3ZHY7.mjs';
+import { selectSvgElement } from './chunks/mermaid.core/chunk-EXTU4WIE.mjs';
+import { load, JSON_SCHEMA } from './chunks/mermaid.core/chunk-MI3HLSF2.mjs';
+import { registerLayoutLoaders } from './chunks/mermaid.core/chunk-N4CR4FBY.mjs';
+import './chunks/mermaid.core/chunk-QXUST7PY.mjs';
+import './chunks/mermaid.core/chunk-HN2XXSSU.mjs';
+import './chunks/mermaid.core/chunk-JZLCHNYA.mjs';
+import { __name, log, setLogLevel } from './chunks/mermaid.core/chunk-AGHRB4JF.mjs';
+import { detectType, registerLazyLoadedDiagrams, defaultConfig, updateSiteConfig, getSiteConfig, setConfig, getConfig, reset, registerDiagram, detectors, getDiagram, assignWithDepth_default, saveConfigFromInitialize, themes_default, setSiteConfig, evaluate, configureSvgSize, getDiagramLoader, UnknownDiagramError, addDirective, styles_default, frontMatterRegex } from './chunks/mermaid.core/chunk-ABZYJK2D.mjs';
+import { registerIconPacks } from './chunks/mermaid.core/chunk-JA3XYJ7Z.mjs';
+import { isDetailedError, utils_default, cleanAndMerge, encodeEntities, decodeEntities, removeDirectives } from './chunks/mermaid.core/chunk-S3R3BYOJ.mjs';
 import { dedent } from '../../../../ts-dedent@2.2.0/node_modules/ts-dedent/esm/index.mjs';
 import '../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.mjs';
 import '../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.mjs';
-import purify from '../../../../dompurify@3.2.6/node_modules/dompurify/dist/purify.es.mjs';
+import purify from '../../../../dompurify@3.3.0/node_modules/dompurify/dist/purify.es.mjs';
 import isEmpty from '../../../../lodash-es@4.17.21/node_modules/lodash-es/isEmpty.mjs';
 import { serialize, stringify } from '../../../../stylis@4.3.6/node_modules/stylis/src/Serializer.mjs';
 import { compile } from '../../../../stylis@4.3.6/node_modules/stylis/src/Parser.mjs';
@@ -23,7 +24,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/c4Diagram-6F6E4RAY.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/c4Diagram-YG6GDRKO.mjs');
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -42,7 +43,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-KYDEHFYC.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-NV44I4VS.mjs');
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -67,7 +68,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-KYDEHFYC.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-NV44I4VS.mjs');
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -83,7 +84,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/erDiagram-3M52JZNH.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/erDiagram-Q2GNP2WA.mjs');
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -99,7 +100,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/gitGraphDiagram-GW3U2K7C.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/gitGraphDiagram-NY62KEGX.mjs');
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -115,7 +116,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/ganttDiagram-EK5VF46D.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/ganttDiagram-LVOFAZNH.mjs');
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -131,7 +132,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/infoDiagram-LHK5PUON.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/infoDiagram-ER5ION4S.mjs');
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -146,7 +147,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/pieDiagram-NIOCPIFQ.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/pieDiagram-ADFJNKIX.mjs');
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -161,7 +162,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/quadrantDiagram-2OG54O6I.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/quadrantDiagram-AYHSOK5B.mjs');
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -174,10 +175,10 @@ var quadrantDetector_default = plugin7;
 // src/diagrams/xychart/xychartDetector.ts
 var id10 = "xychart";
 var detector10 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*xychart-beta/.test(txt);
+  return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/xychartDiagram-H2YORKM3.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/xychartDiagram-PRI3JC2R.mjs');
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -193,7 +194,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/requirementDiagram-QOLK2EJ7.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/requirementDiagram-UZGBJVZJ.mjs');
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -209,7 +210,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/sequenceDiagram-SKLFT4DO.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/sequenceDiagram-WL72ISMW.mjs');
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -228,7 +229,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/classDiagram-M3E45YP4.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/classDiagram-2ON5EDUG.mjs');
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -247,7 +248,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/classDiagram-v2-YAWTLIQI.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/classDiagram-v2-WZHVMYZB.mjs');
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -266,7 +267,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/stateDiagram-MI5ZYTHO.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/stateDiagram-FKZM4ZOC.mjs');
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -288,7 +289,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/stateDiagram-v2-5AN5P6BG.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/stateDiagram-v2-4FDKWEC3.mjs');
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -304,7 +305,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/journeyDiagram-EWQZEKCU.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/journeyDiagram-XKPGCS4Q.mjs');
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -369,7 +370,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config = {}) => {
   if (
     // If diagram explicitly states flowchart-elk
     /^\s*flowchart-elk/.test(txt) || // If a flowchart/graph diagram has their default renderer set to elk
-    /^\s*flowchart|graph/.test(txt) && config?.flowchart?.defaultRenderer === "elk"
+    /^\s*(flowchart|graph)/.test(txt) && config?.flowchart?.defaultRenderer === "elk"
   ) {
     config.layout = "elk";
     return true;
@@ -377,7 +378,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-KYDEHFYC.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/flowDiagram-NV44I4VS.mjs');
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -393,7 +394,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/timeline-definition-MYPXXCX6.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/timeline-definition-IT6M3QCI.mjs');
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -409,7 +410,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/mindmap-definition-6CBA2TL7.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/mindmap-definition-VGOIOE7T.mjs');
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -425,7 +426,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/kanban-definition-ZSS6B67P.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/kanban-definition-3W4ZIXB7.mjs');
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -438,10 +439,10 @@ var detector_default4 = plugin19;
 // src/diagrams/sankey/sankeyDetector.ts
 var id22 = "sankey";
 var detector22 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*sankey-beta/.test(txt);
+  return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/sankeyDiagram-4UZDY2LN.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/sankeyDiagram-TZEHDZUN.mjs');
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -457,7 +458,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-5UYTHUR4.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-S2PKOQOG.mjs');
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -472,7 +473,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-ZTM2IBQH.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-QEK2KX5R.mjs');
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -484,10 +485,10 @@ var radar = {
 // src/diagrams/block/blockDetector.ts
 var id25 = "block";
 var detector25 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*block-beta/.test(txt);
+  return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/blockDiagram-6J76NXCF.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/blockDiagram-VD42YOAC.mjs');
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -503,7 +504,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/architectureDiagram-SUXI7LT5.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/architectureDiagram-VXUJARFQ.mjs');
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -519,7 +520,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-VMROVX33.mjs');
+  const { diagram: diagram2 } = await import('./chunks/mermaid.core/diagram-PSM6KHXK.mjs');
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {

package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.3.0_react-dom@19.1.0_react@19.1.0__react@19.1.0 → react-medium-image-zoom@5.4.0_react-dom@19.2.0_react@19.2.0__react@19.2.0}/node_modules/react-medium-image-zoom/dist/index.js

@@ -531,20 +531,20 @@ class ControlledBase extends React.Component {
                 img.onload = setLoaded;
             });
         };
-        this.handleZoom = () => {
+        this.handleZoom = (e) => {
             if (!this.props.isDisabled && this.hasImage()) {
-                this.props.onZoomChange?.(true);
+                this.props.onZoomChange?.(true, { event: e });
             }
         };
-        this.handleUnzoom = () => {
+        this.handleUnzoom = (e) => {
             if (!this.props.isDisabled) {
-                this.props.onZoomChange?.(false);
+                this.props.onZoomChange?.(false, { event: e });
             }
         };
         this.handleBtnUnzoomClick = (e) => {
             e.preventDefault();
             e.stopPropagation();
-            this.handleUnzoom();
+            this.handleUnzoom(e);
         };
         this.handleDialogCancel = (e) => {
             e.preventDefault();
@@ -552,18 +552,18 @@ class ControlledBase extends React.Component {
         this.handleDialogClick = (e) => {
             if (e.target === this.refModalContent.current || e.target === this.refModalImg.current) {
                 e.stopPropagation();
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             }
         };
         this.handleDialogClose = (e) => {
             e.stopPropagation();
-            this.handleUnzoom();
+            this.handleUnzoom(e);
         };
         this.handleKeyDown = (e) => {
             if (e.key === 'Escape' || e.keyCode === 27) {
                 e.preventDefault();
                 e.stopPropagation();
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             }
         };
         this.handleWheel = (e) => {
@@ -571,7 +571,7 @@ class ControlledBase extends React.Component {
                 return;
             e.stopPropagation();
             queueMicrotask(() => {
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             });
         };
         this.handleTouchStart = (e) => {
@@ -596,7 +596,7 @@ class ControlledBase extends React.Component {
                 if (delta > this.props.swipeToUnzoomThreshold) {
                     this.touchYStart = undefined;
                     this.touchYEnd = undefined;
-                    this.handleUnzoom();
+                    this.handleUnzoom(e);
                 }
             }
         };
@@ -801,9 +801,13 @@ ControlledBase.defaultProps = {
     zoomMargin: 0,
 };
 
-function Uncontrolled(props) {
+function Uncontrolled({ onZoomChange, ...props }) {
     const [isZoomed, setIsZoomed] = React.useState(false);
-    return React.createElement(Controlled, { ...props, isZoomed: isZoomed, onZoomChange: setIsZoomed });
+    const handleZoomChange = React.useCallback((value, { event }) => {
+        setIsZoomed(value);
+        onZoomChange?.(value, { event });
+    }, [onZoomChange]);
+    return React.createElement(Controlled, { ...props, isZoomed: isZoomed, onZoomChange: handleZoomChange });
 }
 
 exports.Controlled = Controlled;

package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.3.0_react-dom@19.1.0_react@19.1.0__react@19.1.0 → react-medium-image-zoom@5.4.0_react-dom@19.2.0_react@19.2.0__react@19.2.0}/node_modules/react-medium-image-zoom/dist/index.mjs

@@ -527,20 +527,20 @@ class ControlledBase extends React.Component {
                 img.onload = setLoaded;
             });
         };
-        this.handleZoom = () => {
+        this.handleZoom = (e) => {
             if (!this.props.isDisabled && this.hasImage()) {
-                this.props.onZoomChange?.(true);
+                this.props.onZoomChange?.(true, { event: e });
             }
         };
-        this.handleUnzoom = () => {
+        this.handleUnzoom = (e) => {
             if (!this.props.isDisabled) {
-                this.props.onZoomChange?.(false);
+                this.props.onZoomChange?.(false, { event: e });
             }
         };
         this.handleBtnUnzoomClick = (e) => {
             e.preventDefault();
             e.stopPropagation();
-            this.handleUnzoom();
+            this.handleUnzoom(e);
         };
         this.handleDialogCancel = (e) => {
             e.preventDefault();
@@ -548,18 +548,18 @@ class ControlledBase extends React.Component {
         this.handleDialogClick = (e) => {
             if (e.target === this.refModalContent.current || e.target === this.refModalImg.current) {
                 e.stopPropagation();
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             }
         };
         this.handleDialogClose = (e) => {
             e.stopPropagation();
-            this.handleUnzoom();
+            this.handleUnzoom(e);
         };
         this.handleKeyDown = (e) => {
             if (e.key === 'Escape' || e.keyCode === 27) {
                 e.preventDefault();
                 e.stopPropagation();
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             }
         };
         this.handleWheel = (e) => {
@@ -567,7 +567,7 @@ class ControlledBase extends React.Component {
                 return;
             e.stopPropagation();
             queueMicrotask(() => {
-                this.handleUnzoom();
+                this.handleUnzoom(e);
             });
         };
         this.handleTouchStart = (e) => {
@@ -592,7 +592,7 @@ class ControlledBase extends React.Component {
                 if (delta > this.props.swipeToUnzoomThreshold) {
                     this.touchYStart = undefined;
                     this.touchYEnd = undefined;
-                    this.handleUnzoom();
+                    this.handleUnzoom(e);
                 }
             }
         };
@@ -797,9 +797,13 @@ ControlledBase.defaultProps = {
     zoomMargin: 0,
 };
 
-function Uncontrolled(props) {
+function Uncontrolled({ onZoomChange, ...props }) {
     const [isZoomed, setIsZoomed] = React.useState(false);
-    return React.createElement(Controlled, { ...props, isZoomed: isZoomed, onZoomChange: setIsZoomed });
+    const handleZoomChange = React.useCallback((value, { event }) => {
+        setIsZoomed(value);
+        onZoomChange?.(value, { event });
+    }, [onZoomChange]);
+    return React.createElement(Controlled, { ...props, isZoomed: isZoomed, onZoomChange: handleZoomChange });
 }
 
 export { Controlled, Uncontrolled as default };