@rc-component/dialog 1.4.0 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +1 -1
  2. package/es/Dialog/Content/Panel.js +7 -7
  3. package/es/Dialog/Content/index.js +2 -2
  4. package/es/Dialog/Mask.js +2 -2
  5. package/es/Dialog/index.js +3 -3
  6. package/es/DialogWrap.js +6 -0
  7. package/es/IDialogPropTypes.d.ts +6 -4
  8. package/lib/Dialog/Content/Panel.js +8 -8
  9. package/lib/Dialog/Content/index.js +2 -2
  10. package/lib/Dialog/Mask.js +2 -2
  11. package/lib/Dialog/index.js +3 -3
  12. package/lib/DialogWrap.js +6 -0
  13. package/lib/IDialogPropTypes.d.ts +6 -4
  14. package/package.json +3 -6
  15. package/dist/10509781610555453368.hot-update-url-map.json +0 -1
  16. package/dist/10509781610555453368.hot-update.json +0 -1
  17. package/dist/11977476592833392720.hot-update-url-map.json +0 -1
  18. package/dist/11977476592833392720.hot-update.json +0 -1
  19. package/dist/14397576132152343869.hot-update-url-map.json +0 -1
  20. package/dist/14397576132152343869.hot-update.json +0 -1
  21. package/dist/14597408625395534096.hot-update-url-map.json +0 -1
  22. package/dist/14597408625395534096.hot-update.json +0 -1
  23. package/dist/15104553912779929595.hot-update-url-map.json +0 -1
  24. package/dist/15104553912779929595.hot-update.json +0 -1
  25. package/dist/4361192314875393955.hot-update-url-map.json +0 -1
  26. package/dist/4361192314875393955.hot-update.json +0 -1
  27. package/dist/4704580574928883170.hot-update-url-map.json +0 -1
  28. package/dist/4704580574928883170.hot-update.json +0 -1
  29. package/dist/5496443382647786649.hot-update-url-map.json +0 -1
  30. package/dist/5496443382647786649.hot-update.json +0 -1
  31. package/dist/7338948553039754745.hot-update-url-map.json +0 -1
  32. package/dist/7338948553039754745.hot-update.json +0 -1
  33. package/dist/7441995189917427860.hot-update-url-map.json +0 -1
  34. package/dist/7441995189917427860.hot-update.json +0 -1
  35. package/dist/8425845753817463333.hot-update-url-map.json +0 -1
  36. package/dist/8425845753817463333.hot-update.json +0 -1
  37. package/dist/8742625841545363477.hot-update-url-map.json +0 -1
  38. package/dist/8742625841545363477.hot-update.json +0 -1
  39. package/dist/960384830459946830.hot-update-url-map.json +0 -1
  40. package/dist/960384830459946830.hot-update.json +0 -1
  41. package/dist/9707589364653732454.hot-update-url-map.json +0 -1
  42. package/dist/9707589364653732454.hot-update.json +0 -1
  43. package/dist/common-async.10509781610555453368.hot-update.js +0 -268
  44. package/dist/common-async.10509781610555453368.hot-update.js.map +0 -1
  45. package/dist/common-async.11977476592833392720.hot-update.js +0 -395
  46. package/dist/common-async.11977476592833392720.hot-update.js.map +0 -1
  47. package/dist/common-async.14397576132152343869.hot-update.js +0 -395
  48. package/dist/common-async.14397576132152343869.hot-update.js.map +0 -1
  49. package/dist/common-async.14597408625395534096.hot-update.js +0 -268
  50. package/dist/common-async.14597408625395534096.hot-update.js.map +0 -1
  51. package/dist/common-async.15104553912779929595.hot-update.js +0 -268
  52. package/dist/common-async.15104553912779929595.hot-update.js.map +0 -1
  53. package/dist/common-async.4361192314875393955.hot-update.js +0 -268
  54. package/dist/common-async.4361192314875393955.hot-update.js.map +0 -1
  55. package/dist/common-async.4704580574928883170.hot-update.js +0 -268
  56. package/dist/common-async.4704580574928883170.hot-update.js.map +0 -1
  57. package/dist/common-async.5496443382647786649.hot-update.js +0 -391
  58. package/dist/common-async.5496443382647786649.hot-update.js.map +0 -1
  59. package/dist/common-async.7338948553039754745.hot-update.js +0 -395
  60. package/dist/common-async.7338948553039754745.hot-update.js.map +0 -1
  61. package/dist/common-async.7441995189917427860.hot-update.js +0 -394
  62. package/dist/common-async.7441995189917427860.hot-update.js.map +0 -1
  63. package/dist/common-async.8425845753817463333.hot-update.js +0 -268
  64. package/dist/common-async.8425845753817463333.hot-update.js.map +0 -1
  65. package/dist/common-async.8742625841545363477.hot-update.js +0 -268
  66. package/dist/common-async.8742625841545363477.hot-update.js.map +0 -1
  67. package/dist/common-async.960384830459946830.hot-update.js +0 -268
  68. package/dist/common-async.960384830459946830.hot-update.js.map +0 -1
  69. package/dist/common-async.9707589364653732454.hot-update.js +0 -268
  70. package/dist/common-async.9707589364653732454.hot-update.js.map +0 -1
  71. package/dist/common-async.js +0 -1180
  72. package/dist/common-async.js.map +0 -1
  73. package/dist/demos-async.7338948553039754745.hot-update.js +0 -395
  74. package/dist/demos-async.7338948553039754745.hot-update.js.map +0 -1
  75. package/dist/demos-async.css +0 -396
  76. package/dist/demos-async.css.map +0 -1
  77. package/dist/demos-async.js +0 -1242
  78. package/dist/demos-async.js.map +0 -1
  79. package/dist/docs_changelog_md-async.js +0 -2159
  80. package/dist/docs_changelog_md-async.js.map +0 -1
  81. package/dist/docs_demo_ant-design_md-async.js +0 -119
  82. package/dist/docs_demo_ant-design_md-async.js.map +0 -1
  83. package/dist/docs_demo_bootstrap_md-async.js +0 -119
  84. package/dist/docs_demo_bootstrap_md-async.js.map +0 -1
  85. package/dist/docs_demo_draggable_md-async.js +0 -119
  86. package/dist/docs_demo_draggable_md-async.js.map +0 -1
  87. package/dist/docs_demo_multiple-Portal_md-async.js +0 -119
  88. package/dist/docs_demo_multiple-Portal_md-async.js.map +0 -1
  89. package/dist/docs_demo_pure_md-async.js +0 -119
  90. package/dist/docs_demo_pure_md-async.js.map +0 -1
  91. package/dist/docs_index_md-async.js +0 -1717
  92. package/dist/docs_index_md-async.js.map +0 -1
  93. package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js +0 -201
  94. package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js.map +0 -1
  95. package/dist/meta__docs-async.7338948553039754745.hot-update.js +0 -395
  96. package/dist/meta__docs-async.7338948553039754745.hot-update.js.map +0 -1
  97. package/dist/meta__docs-async.css +0 -396
  98. package/dist/meta__docs-async.css.map +0 -1
  99. package/dist/meta__docs-async.js +0 -2391
  100. package/dist/meta__docs-async.js.map +0 -1
  101. package/dist/nm__dumi__dist__client__pages__404-async.js +0 -69
  102. package/dist/nm__dumi__dist__client__pages__404-async.js.map +0 -1
  103. package/dist/nm__dumi__dist__client__pages__Demo__index-async.js +0 -63
  104. package/dist/nm__dumi__dist__client__pages__Demo__index-async.js.map +0 -1
  105. package/dist/node_modules__dumi_2_4_17_dumi_dist_client_misc_reactDemoCompiler_js-async.js +0 -368
  106. package/dist/node_modules__dumi_2_4_17_dumi_dist_client_misc_reactDemoCompiler_js-async.js.map +0 -1
  107. package/dist/node_modules__dumi_2_4_17_dumi_theme-default_layouts_DocLayout_index_js-async.js +0 -1077
  108. package/dist/node_modules__dumi_2_4_17_dumi_theme-default_layouts_DocLayout_index_js-async.js.map +0 -1
  109. package/dist/node_modules__react-dom_18_3_1_react-dom_server_browser_js-async.js +0 -18
  110. package/dist/node_modules__react-dom_18_3_1_react-dom_server_browser_js-async.js.map +0 -1
  111. package/dist/umi.css +0 -1302
  112. package/dist/umi.css.map +0 -1
  113. package/dist/umi.js +0 -80442
  114. package/dist/umi.js.map +0 -1
  115. package/dist/vendors-async.css +0 -22545
  116. package/dist/vendors-async.css.map +0 -1
  117. package/dist/vendors-async.js +0 -53289
  118. package/dist/vendors-async.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/Dialog/Content/MemoChildren.tsx","src/Dialog/Content/Panel.tsx","src/Dialog/Content/index.tsx","src/Dialog/Mask.tsx","src/Dialog/index.tsx","src/DialogWrap.tsx","src/context.ts","src/index.ts","src/util.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MemoChildrenProps = {\n shouldUpdate: boolean;\n children: React.ReactNode;\n};\n\nexport default React.memo(\n ({ children }: MemoChildrenProps) => children as React.ReactElement,\n (_, { shouldUpdate }) => !shouldUpdate,\n);\n","import classNames from 'classnames';\nimport { useComposeRef } from '@rc-component/util/lib/ref';\nimport React, { useMemo, useRef } from 'react';\nimport { RefContext } from '../../context';\nimport type { IDialogPropTypes } from '../../IDialogPropTypes';\nimport MemoChildren from './MemoChildren';\nimport pickAttrs from '@rc-component/util/lib/pickAttrs';\n\nconst sentinelStyle = { width: 0, height: 0, overflow: 'hidden', outline: 'none' };\nconst entityStyle = { outline: 'none' };\n\nexport interface PanelProps extends Omit<IDialogPropTypes, 'getOpenCount'> {\n prefixCls: string;\n ariaId?: string;\n onMouseDown?: React.MouseEventHandler;\n onMouseUp?: React.MouseEventHandler;\n holderRef?: React.Ref<HTMLDivElement>;\n}\n\nexport type PanelRef = {\n focus: () => void;\n changeActive: (next: boolean) => void;\n};\n\nconst Panel = React.forwardRef<PanelRef, PanelProps>((props, ref) => {\n const {\n prefixCls,\n className,\n style,\n title,\n ariaId,\n footer,\n closable,\n closeIcon,\n onClose,\n children,\n bodyStyle,\n bodyProps,\n modalRender,\n onMouseDown,\n onMouseUp,\n holderRef,\n visible,\n forceRender,\n width,\n height,\n classNames: modalClassNames,\n styles: modalStyles,\n } = props;\n\n // ================================= Refs =================================\n const { panel: panelRef } = React.useContext(RefContext);\n\n const mergedRef = useComposeRef(holderRef, panelRef);\n\n const sentinelStartRef = useRef<HTMLDivElement>();\n const sentinelEndRef = useRef<HTMLDivElement>();\n\n React.useImperativeHandle(ref, () => ({\n focus: () => {\n sentinelStartRef.current?.focus({ preventScroll: true });\n },\n changeActive: (next) => {\n const { activeElement } = document;\n if (next && activeElement === sentinelEndRef.current) {\n sentinelStartRef.current.focus({ preventScroll: true });\n } else if (!next && activeElement === sentinelStartRef.current) {\n sentinelEndRef.current.focus({ preventScroll: true });\n }\n },\n }));\n\n // ================================ Style =================================\n const contentStyle: React.CSSProperties = {};\n\n if (width !== undefined) {\n contentStyle.width = width;\n }\n if (height !== undefined) {\n contentStyle.height = height;\n }\n // ================================ Render ================================\n const footerNode = footer ? (\n <div\n className={classNames(`${prefixCls}-footer`, modalClassNames?.footer)}\n style={{ ...modalStyles?.footer }}\n >\n {footer}\n </div>\n ) : null;\n\n const headerNode = title ? (\n <div\n className={classNames(`${prefixCls}-header`, modalClassNames?.header)}\n style={{ ...modalStyles?.header }}\n >\n <div\n className={classNames(`${prefixCls}-title`, modalClassNames?.title)}\n id={ariaId}\n style={{ ...modalStyles?.title }}\n >\n {title}\n </div>\n </div>\n ) : null;\n\n const closableObj = useMemo(() => {\n if (typeof closable === 'object' && closable !== null) {\n return closable;\n }\n if (closable) {\n return { closeIcon: closeIcon ?? <span className={`${prefixCls}-close-x`} /> };\n }\n return {};\n }, [closable, closeIcon, prefixCls]);\n\n const ariaProps = pickAttrs(closableObj, true);\n const closeBtnIsDisabled = typeof closable === 'object' && closable.disabled;\n\n const closerNode = closable ? (\n <button\n type=\"button\"\n onClick={onClose}\n aria-label=\"Close\"\n {...ariaProps}\n className={`${prefixCls}-close`}\n disabled={closeBtnIsDisabled}\n >\n {closableObj.closeIcon}\n </button>\n ) : null;\n\n const content = (\n <div\n className={classNames(`${prefixCls}-section`, modalClassNames?.section)}\n style={modalStyles?.section}\n >\n {closerNode}\n {headerNode}\n <div\n className={classNames(`${prefixCls}-body`, modalClassNames?.body)}\n style={{ ...bodyStyle, ...modalStyles?.body }}\n {...bodyProps}\n >\n {children}\n </div>\n {footerNode}\n </div>\n );\n\n return (\n <div\n key=\"dialog-element\"\n role=\"dialog\"\n aria-labelledby={title ? ariaId : null}\n aria-modal=\"true\"\n ref={mergedRef}\n style={{ ...style, ...contentStyle }}\n className={classNames(prefixCls, className)}\n onMouseDown={onMouseDown}\n onMouseUp={onMouseUp}\n >\n <div ref={sentinelStartRef} tabIndex={0} style={entityStyle}>\n <MemoChildren shouldUpdate={visible || forceRender}>\n {modalRender ? modalRender(content) : content}\n </MemoChildren>\n </div>\n <div tabIndex={0} ref={sentinelEndRef} style={sentinelStyle} />\n </div>\n );\n});\n\nif (process.env.NODE_ENV !== 'production') {\n Panel.displayName = 'Panel';\n}\n\nexport default Panel;\n","import * as React from 'react';\nimport { useRef } from 'react';\nimport classNames from 'classnames';\nimport CSSMotion from '@rc-component/motion';\nimport { offset } from '../../util';\nimport type { PanelProps, PanelRef } from './Panel';\nimport Panel from './Panel';\nimport type { CSSMotionRef } from '@rc-component/motion/es/CSSMotion';\n\nexport type CSSMotionStateRef = Pick<CSSMotionRef, 'inMotion' | 'enableMotion'>;\n\nexport type ContentRef = PanelRef & CSSMotionStateRef;\n\nexport type ContentProps = {\n motionName: string;\n ariaId: string;\n onVisibleChanged: (visible: boolean) => void;\n} & PanelProps;\n\nconst Content = React.forwardRef<ContentRef, ContentProps>((props, ref) => {\n const {\n prefixCls,\n title,\n style,\n className,\n visible,\n forceRender,\n destroyOnClose,\n motionName,\n ariaId,\n onVisibleChanged,\n mousePosition,\n } = props;\n\n const dialogRef = useRef<\n {\n nativeElement: HTMLElement;\n } & CSSMotionStateRef\n >();\n\n const panelRef = useRef<PanelRef>();\n\n // ============================== Refs ==============================\n React.useImperativeHandle(ref, () => ({\n ...panelRef.current,\n inMotion: dialogRef.current.inMotion,\n enableMotion: dialogRef.current.enableMotion,\n }));\n\n // ============================= Style ==============================\n const [transformOrigin, setTransformOrigin] = React.useState<string>();\n const contentStyle: React.CSSProperties = {};\n\n if (transformOrigin) {\n contentStyle.transformOrigin = transformOrigin;\n }\n\n function onPrepare() {\n const elementOffset = offset(dialogRef.current.nativeElement);\n\n setTransformOrigin(\n mousePosition && (mousePosition.x || mousePosition.y)\n ? `${mousePosition.x - elementOffset.left}px ${mousePosition.y - elementOffset.top}px`\n : '',\n );\n }\n\n // ============================= Render =============================\n return (\n <CSSMotion\n visible={visible}\n onVisibleChanged={onVisibleChanged}\n onAppearPrepare={onPrepare}\n onEnterPrepare={onPrepare}\n forceRender={forceRender}\n motionName={motionName}\n removeOnLeave={destroyOnClose}\n ref={dialogRef}\n >\n {({ className: motionClassName, style: motionStyle }, motionRef) => (\n <Panel\n {...props}\n ref={panelRef}\n title={title}\n ariaId={ariaId}\n prefixCls={prefixCls}\n holderRef={motionRef}\n style={{ ...motionStyle, ...style, ...contentStyle }}\n className={classNames(className, motionClassName)}\n />\n )}\n </CSSMotion>\n );\n});\n\nContent.displayName = 'Content';\n\nexport default Content;\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport CSSMotion from '@rc-component/motion';\n\nexport type MaskProps = {\n prefixCls: string;\n visible: boolean;\n motionName?: string;\n style?: React.CSSProperties;\n maskProps?: React.HTMLAttributes<HTMLDivElement>;\n className?: string;\n};\n\nconst Mask: React.FC<MaskProps> = (props) => {\n const { prefixCls, style, visible, maskProps, motionName, className } = props;\n return (\n <CSSMotion\n key=\"mask\"\n visible={visible}\n motionName={motionName}\n leavedClassName={`${prefixCls}-mask-hidden`}\n >\n {({ className: motionClassName, style: motionStyle }, ref) => (\n <div\n ref={ref}\n style={{ ...motionStyle, ...style }}\n className={classNames(`${prefixCls}-mask`, motionClassName, className)}\n {...maskProps}\n />\n )}\n </CSSMotion>\n );\n};\n\nexport default Mask;\n","import classNames from 'classnames';\nimport contains from '@rc-component/util/lib/Dom/contains';\nimport useId from '@rc-component/util/lib/hooks/useId';\nimport KeyCode from '@rc-component/util/lib/KeyCode';\nimport pickAttrs from '@rc-component/util/lib/pickAttrs';\nimport * as React from 'react';\nimport { useEffect, useRef } from 'react';\nimport type { IDialogPropTypes } from '../IDialogPropTypes';\nimport { getMotionName } from '../util';\nimport Content, { type ContentRef } from './Content';\nimport Mask from './Mask';\nimport { warning } from '@rc-component/util/lib/warning';\n\nconst Dialog: React.FC<IDialogPropTypes> = (props) => {\n const {\n prefixCls = 'rc-dialog',\n zIndex,\n visible = false,\n keyboard = true,\n focusTriggerAfterClose = true,\n // scrollLocker,\n // Wrapper\n wrapStyle,\n wrapClassName,\n wrapProps,\n onClose,\n afterOpenChange,\n afterClose,\n\n // Dialog\n transitionName,\n animation,\n closable = true,\n\n // Mask\n mask = true,\n maskTransitionName,\n maskAnimation,\n maskClosable = true,\n maskStyle,\n maskProps,\n rootClassName,\n rootStyle,\n classNames: modalClassNames,\n styles: modalStyles,\n } = props;\n\n if (process.env.NODE_ENV !== 'production') {\n ['wrapStyle', 'bodyStyle', 'maskStyle'].forEach((prop) => {\n // (prop in props) && console.error(`Warning: ${prop} is deprecated, please use styles instead.`)\n warning(!(prop in props), `${prop} is deprecated, please use styles instead.`);\n });\n if ('wrapClassName' in props) {\n warning(false, `wrapClassName is deprecated, please use classNames instead.`);\n }\n }\n\n const lastOutSideActiveElementRef = useRef<HTMLElement>();\n const wrapperRef = useRef<HTMLDivElement>();\n const contentRef = useRef<ContentRef>();\n\n const [animatedVisible, setAnimatedVisible] = React.useState(visible);\n\n // ========================== Init ==========================\n const ariaId = useId();\n\n function saveLastOutSideActiveElementRef() {\n if (!contains(wrapperRef.current, document.activeElement)) {\n lastOutSideActiveElementRef.current = document.activeElement as HTMLElement;\n }\n }\n\n function focusDialogContent() {\n if (!contains(wrapperRef.current, document.activeElement)) {\n contentRef.current?.focus();\n }\n }\n\n // ========================= Events =========================\n // Close action will trigger by:\n // 1. When hide motion end\n // 2. Controlled `open` to `false` immediately after set to `true` which will not trigger motion\n function doClose() {\n // Clean up scroll bar & focus back\n setAnimatedVisible(false);\n\n if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {\n try {\n lastOutSideActiveElementRef.current.focus({ preventScroll: true });\n } catch (e) {\n // Do nothing\n }\n lastOutSideActiveElementRef.current = null;\n }\n\n // Trigger afterClose only when change visible from true to false\n if (animatedVisible) {\n afterClose?.();\n }\n }\n\n function onDialogVisibleChanged(newVisible: boolean) {\n // Try to focus\n if (newVisible) {\n focusDialogContent();\n } else {\n doClose();\n }\n afterOpenChange?.(newVisible);\n }\n\n function onInternalClose(e: React.SyntheticEvent) {\n onClose?.(e);\n }\n\n // >>> Content\n const contentClickRef = useRef(false);\n const contentTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n // We need record content click incase content popup out of dialog\n const onContentMouseDown: React.MouseEventHandler = () => {\n clearTimeout(contentTimeoutRef.current);\n contentClickRef.current = true;\n };\n\n const onContentMouseUp: React.MouseEventHandler = () => {\n contentTimeoutRef.current = setTimeout(() => {\n contentClickRef.current = false;\n });\n };\n\n // >>> Wrapper\n // Close only when element not on dialog\n let onWrapperClick: (e: React.SyntheticEvent) => void = null;\n if (maskClosable) {\n onWrapperClick = (e) => {\n if (contentClickRef.current) {\n contentClickRef.current = false;\n } else if (wrapperRef.current === e.target) {\n onInternalClose(e);\n }\n };\n }\n\n function onWrapperKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n if (keyboard && e.keyCode === KeyCode.ESC) {\n e.stopPropagation();\n onInternalClose(e);\n return;\n }\n\n // keep focus inside dialog\n if (visible && e.keyCode === KeyCode.TAB) {\n contentRef.current.changeActive(!e.shiftKey);\n }\n }\n\n // ========================= Effect =========================\n useEffect(() => {\n if (visible) {\n setAnimatedVisible(true);\n saveLastOutSideActiveElementRef();\n } else if (\n animatedVisible &&\n contentRef.current.enableMotion() &&\n !contentRef.current.inMotion()\n ) {\n doClose();\n }\n }, [visible]);\n\n // Remove direct should also check the scroll bar update\n useEffect(\n () => () => {\n clearTimeout(contentTimeoutRef.current);\n },\n [],\n );\n\n const mergedStyle: React.CSSProperties = {\n zIndex,\n ...wrapStyle,\n ...modalStyles?.wrapper,\n display: !animatedVisible ? 'none' : null,\n };\n\n // ========================= Render =========================\n return (\n <div\n className={classNames(`${prefixCls}-root`, rootClassName)}\n style={rootStyle}\n {...pickAttrs(props, { data: true })}\n >\n <Mask\n prefixCls={prefixCls}\n visible={mask && visible}\n motionName={getMotionName(prefixCls, maskTransitionName, maskAnimation)}\n style={{ zIndex, ...maskStyle, ...modalStyles?.mask }}\n maskProps={maskProps}\n className={modalClassNames?.mask}\n />\n <div\n tabIndex={-1}\n onKeyDown={onWrapperKeyDown}\n className={classNames(`${prefixCls}-wrap`, wrapClassName, modalClassNames?.wrapper)}\n ref={wrapperRef}\n onClick={onWrapperClick}\n style={mergedStyle}\n {...wrapProps}\n >\n <Content\n {...props}\n onMouseDown={onContentMouseDown}\n onMouseUp={onContentMouseUp}\n ref={contentRef}\n closable={closable}\n ariaId={ariaId}\n prefixCls={prefixCls}\n visible={visible && animatedVisible}\n onClose={onInternalClose}\n onVisibleChanged={onDialogVisibleChanged}\n motionName={getMotionName(prefixCls, transitionName, animation)}\n />\n </div>\n </div>\n );\n};\n\nexport default Dialog;\n","import Portal from '@rc-component/portal';\nimport * as React from 'react';\nimport { RefContext } from './context';\nimport Dialog from './Dialog';\nimport type { IDialogPropTypes } from './IDialogPropTypes';\n\n// fix issue #10656\n/*\n * getContainer remarks\n * Custom container should not be return, because in the Portal component, it will remove the\n * return container element here, if the custom container is the only child of it's component,\n * like issue #10656, It will has a conflict with removeChild method in react-dom.\n * So here should add a child (div element) to custom container.\n * */\n\nconst DialogWrap: React.FC<IDialogPropTypes> = (props) => {\n const {\n visible,\n getContainer,\n forceRender,\n destroyOnClose = false,\n afterClose,\n panelRef,\n } = props;\n const [animatedVisible, setAnimatedVisible] = React.useState<boolean>(visible);\n\n const refContext = React.useMemo(() => ({ panel: panelRef }), [panelRef]);\n\n React.useEffect(() => {\n if (visible) {\n setAnimatedVisible(true);\n }\n }, [visible]);\n\n // Destroy on close will remove wrapped div\n if (!forceRender && destroyOnClose && !animatedVisible) {\n return null;\n }\n\n return (\n <RefContext.Provider value={refContext}>\n <Portal\n open={visible || forceRender || animatedVisible}\n autoDestroy={false}\n getContainer={getContainer}\n autoLock={visible || animatedVisible}\n >\n <Dialog\n {...props}\n destroyOnClose={destroyOnClose}\n afterClose={() => {\n afterClose?.();\n setAnimatedVisible(false);\n }}\n />\n </Portal>\n </RefContext.Provider>\n );\n};\n\nDialogWrap.displayName = 'Dialog';\n\nexport default DialogWrap;\n","import * as React from 'react';\n\nexport interface RefContextProps {\n panel?: React.Ref<HTMLDivElement>;\n}\n\nexport const RefContext = React.createContext<RefContextProps>({});\n","import DialogWrap from './DialogWrap';\nimport Panel from './Dialog/Content/Panel';\nimport type { IDialogPropTypes as DialogProps } from './IDialogPropTypes';\n\nexport type { DialogProps };\nexport { Panel };\n\nexport default DialogWrap;\n","// =============================== Motion ===============================\nexport function getMotionName(prefixCls: string, transitionName?: string, animationName?: string) {\n let motionName = transitionName;\n if (!motionName && animationName) {\n motionName = `${prefixCls}-${animationName}`;\n }\n return motionName;\n}\n\n// =============================== Offset ===============================\nfunction getScroll(w: Window, top?: boolean): number {\n let ret = w[`page${top ? 'Y' : 'X'}Offset`];\n const method = `scroll${top ? 'Top' : 'Left'}`;\n if (typeof ret !== 'number') {\n const d = w.document;\n ret = d.documentElement[method];\n if (typeof ret !== 'number') {\n ret = d.body[method];\n }\n }\n return ret;\n}\n\ntype CompatibleDocument = {\n parentWindow?: Window;\n} & Document;\n\nexport function offset(el: Element) {\n const rect = el.getBoundingClientRect();\n const pos = {\n left: rect.left,\n top: rect.top,\n };\n const doc = el.ownerDocument as CompatibleDocument;\n const w = doc.defaultView || doc.parentWindow;\n pos.left += getScroll(w);\n pos.top += getScroll(w, true);\n return pos;\n}\n"],"names":[],"mappings":"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"}
@@ -1,395 +0,0 @@
1
- globalThis.makoModuleHotUpdate('demos', {
2
- modules: {
3
- "docs/examples/multiple-Portal.tsx?watch=parent": function(module, exports, __mako_require__) {
4
- "use strict";
5
- __mako_require__.d(exports, "__esModule", {
6
- value: true
7
- });
8
- var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
9
- var _reactrefresh = _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
10
- var prevRefreshReg;
11
- var prevRefreshSig;
12
- prevRefreshReg = self.$RefreshReg$;
13
- prevRefreshSig = self.$RefreshSig$;
14
- self.$RefreshReg$ = (type, id)=>{
15
- _reactrefresh.register(type, module.id + id);
16
- };
17
- self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
18
- if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
19
- if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
20
- function registerClassComponent(filename, moduleExports) {
21
- for(const key in moduleExports)try {
22
- if (key === "__esModule") continue;
23
- const exportValue = moduleExports[key];
24
- if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
25
- } catch (e) {}
26
- }
27
- function $RefreshIsReactComponentLike$(moduleExports) {
28
- if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
29
- for(var key in moduleExports)try {
30
- if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
31
- } catch (e) {}
32
- return false;
33
- }
34
- registerClassComponent(module.id, module.exports);
35
- if ($RefreshIsReactComponentLike$(module.exports)) {
36
- module.meta.hot.accept();
37
- _reactrefresh.performReactRefresh();
38
- }
39
- },
40
- "docs/examples/multiple-Portal.tsx?dumi-raw": function(module, exports, __mako_require__) {
41
- "use strict";
42
- __mako_require__.d(exports, "__esModule", {
43
- value: true
44
- });
45
- __mako_require__.d(exports, "default", {
46
- enumerable: true,
47
- get: function() {
48
- return _default;
49
- }
50
- });
51
- var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
52
- var _reactrefresh = _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
53
- __mako_require__("docs/examples/multiple-Portal.tsx?watch=parent");
54
- var prevRefreshReg;
55
- var prevRefreshSig;
56
- prevRefreshReg = self.$RefreshReg$;
57
- prevRefreshSig = self.$RefreshSig$;
58
- self.$RefreshReg$ = (type, id)=>{
59
- _reactrefresh.register(type, module.id + id);
60
- };
61
- self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
62
- var _default = "import * as React from 'react';\nimport Drawer from 'rc-drawer';\nimport 'rc-drawer/assets/index.css';\nimport Dialog from 'rc-dialog';\nimport '../../assets/index.less';\n\nconst Demo: React.FC = () => {\n const [showDialog, setShowDialog] = React.useState(false);\n const [showDrawer, setShowDrawer] = React.useState(false);\n\n const onToggleDrawer = () => {\n setShowDrawer((value) => !value);\n };\n\n const onToggleDialog = () => {\n setShowDialog((value) => !value);\n };\n\n const dialog = (\n <Dialog\n visible={showDialog}\n animation=\"zoom\"\n maskAnimation=\"fade\"\n onClose={onToggleDialog}\n forceRender\n title=\"basic modal\"\n >\n <p>\n <button type=\"button\" onClick={onToggleDrawer}>\n show drawer\n </button>\n </p>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n const drawer = (\n <Drawer open={showDrawer} onClose={onToggleDrawer}>\n <button type=\"button\" onClick={onToggleDrawer}>\n close drawer\n </button>\n </Drawer>\n );\n return (\n <div>\n <button type=\"button\" onClick={onToggleDialog}>\n open dialog\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowDialog(true);\n setTimeout(() => {\n setShowDialog(false);\n }, 0);\n }}\n >\n quick\n </button>\n {dialog}\n {drawer}\n </div>\n );\n};\n\nexport default Demo;\n";
63
- if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
64
- if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
65
- function registerClassComponent(filename, moduleExports) {
66
- for(const key in moduleExports)try {
67
- if (key === "__esModule") continue;
68
- const exportValue = moduleExports[key];
69
- if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
70
- } catch (e) {}
71
- }
72
- function $RefreshIsReactComponentLike$(moduleExports) {
73
- if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
74
- for(var key in moduleExports)try {
75
- if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
76
- } catch (e) {}
77
- return false;
78
- }
79
- registerClassComponent(module.id, module.exports);
80
- if ($RefreshIsReactComponentLike$(module.exports)) {
81
- module.meta.hot.accept();
82
- _reactrefresh.performReactRefresh();
83
- }
84
- },
85
- "docs/examples/multiple-Portal.tsx?techStack=react": function(module, exports, __mako_require__) {
86
- "use strict";
87
- __mako_require__.d(exports, "__esModule", {
88
- value: true
89
- });
90
- __mako_require__.d(exports, "default", {
91
- enumerable: true,
92
- get: function() {
93
- return _default;
94
- }
95
- });
96
- var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
97
- var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
98
- var _reactrefresh = _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
99
- var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
100
- __mako_require__("docs/examples/multiple-Portal.tsx?watch=parent");
101
- var _react = _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
102
- var _rcdrawer = _interop_require_default._(__mako_require__("node_modules/_rc-drawer@7.2.0@rc-drawer/es/index.js"));
103
- "";
104
- var _rcdialog = _interop_require_default._(__mako_require__("src/index.ts"));
105
- "";
106
- var prevRefreshReg;
107
- var prevRefreshSig;
108
- prevRefreshReg = self.$RefreshReg$;
109
- prevRefreshSig = self.$RefreshSig$;
110
- self.$RefreshReg$ = (type, id)=>{
111
- _reactrefresh.register(type, module.id + id);
112
- };
113
- self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
114
- var _s = $RefreshSig$();
115
- const Demo = ()=>{
116
- _s();
117
- const [showDialog, setShowDialog] = _react.useState(false);
118
- const [showDrawer, setShowDrawer] = _react.useState(false);
119
- const onToggleDrawer = ()=>{
120
- setShowDrawer((value)=>!value);
121
- };
122
- const onToggleDialog = ()=>{
123
- setShowDialog((value)=>!value);
124
- };
125
- const dialog = (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
126
- visible: showDialog,
127
- animation: "zoom",
128
- maskAnimation: "fade",
129
- onClose: onToggleDialog,
130
- forceRender: true,
131
- title: "basic modal",
132
- children: [
133
- (0, _jsxdevruntime.jsxDEV)("p", {
134
- children: (0, _jsxdevruntime.jsxDEV)("button", {
135
- type: "button",
136
- onClick: onToggleDrawer,
137
- children: "show drawer"
138
- }, void 0, false, {
139
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
140
- lineNumber: 29,
141
- columnNumber: 9
142
- }, this)
143
- }, void 0, false, {
144
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
145
- lineNumber: 28,
146
- columnNumber: 7
147
- }, this),
148
- (0, _jsxdevruntime.jsxDEV)("div", {
149
- style: {
150
- height: 200
151
- }
152
- }, void 0, false, {
153
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
154
- lineNumber: 33,
155
- columnNumber: 7
156
- }, this)
157
- ]
158
- }, void 0, true, {
159
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
160
- lineNumber: 20,
161
- columnNumber: 5
162
- }, this);
163
- const drawer = (0, _jsxdevruntime.jsxDEV)(_rcdrawer.default, {
164
- open: showDrawer,
165
- onClose: onToggleDrawer,
166
- children: (0, _jsxdevruntime.jsxDEV)("button", {
167
- type: "button",
168
- onClick: onToggleDrawer,
169
- children: "close drawer"
170
- }, void 0, false, {
171
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
172
- lineNumber: 38,
173
- columnNumber: 7
174
- }, this)
175
- }, void 0, false, {
176
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
177
- lineNumber: 37,
178
- columnNumber: 5
179
- }, this);
180
- return (0, _jsxdevruntime.jsxDEV)("div", {
181
- children: [
182
- (0, _jsxdevruntime.jsxDEV)("button", {
183
- type: "button",
184
- onClick: onToggleDialog,
185
- children: "open dialog"
186
- }, void 0, false, {
187
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
188
- lineNumber: 45,
189
- columnNumber: 7
190
- }, this),
191
- (0, _jsxdevruntime.jsxDEV)("button", {
192
- type: "button",
193
- onClick: ()=>{
194
- setShowDialog(true);
195
- setTimeout(()=>{
196
- setShowDialog(false);
197
- }, 0);
198
- },
199
- children: "quick"
200
- }, void 0, false, {
201
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
202
- lineNumber: 48,
203
- columnNumber: 7
204
- }, this),
205
- dialog,
206
- drawer
207
- ]
208
- }, void 0, true, {
209
- fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
210
- lineNumber: 44,
211
- columnNumber: 5
212
- }, this);
213
- };
214
- _s(Demo, "NXmLaLBTsMoIATQhEKlsH30qgiI=");
215
- _c = Demo;
216
- var _default = Demo;
217
- var _c;
218
- $RefreshReg$(_c, "Demo");
219
- if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
220
- if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
221
- function registerClassComponent(filename, moduleExports) {
222
- for(const key in moduleExports)try {
223
- if (key === "__esModule") continue;
224
- const exportValue = moduleExports[key];
225
- if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
226
- } catch (e) {}
227
- }
228
- function $RefreshIsReactComponentLike$(moduleExports) {
229
- if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
230
- for(var key in moduleExports)try {
231
- if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
232
- } catch (e) {}
233
- return false;
234
- }
235
- registerClassComponent(module.id, module.exports);
236
- if ($RefreshIsReactComponentLike$(module.exports)) {
237
- module.meta.hot.accept();
238
- _reactrefresh.performReactRefresh();
239
- }
240
- }
241
- }
242
- }, function(runtime) {
243
- runtime._h = '8742625841545363477';
244
- runtime.updateEnsure2Map({
245
- ".dumi/tmp/dumi/theme/ContextWrapper.tsx": [
246
- "dumi__tmp__dumi__theme__ContextWrapper"
247
- ],
248
- "docs/changelog.md": [
249
- "vendors",
250
- "docs/changelog.md"
251
- ],
252
- "docs/changelog.md?type=demo": [
253
- "vendors",
254
- "common",
255
- "meta__docs"
256
- ],
257
- "docs/changelog.md?type=text": [
258
- "vendors",
259
- "common",
260
- "meta__docs"
261
- ],
262
- "docs/demo/ant-design.md": [
263
- "vendors",
264
- "docs/demo/ant-design.md"
265
- ],
266
- "docs/demo/ant-design.md?type=demo": [
267
- "vendors",
268
- "common",
269
- "meta__docs"
270
- ],
271
- "docs/demo/ant-design.md?type=text": [
272
- "vendors",
273
- "common",
274
- "meta__docs"
275
- ],
276
- "docs/demo/bootstrap.md": [
277
- "vendors",
278
- "docs/demo/bootstrap.md"
279
- ],
280
- "docs/demo/bootstrap.md?type=demo": [
281
- "vendors",
282
- "common",
283
- "meta__docs"
284
- ],
285
- "docs/demo/bootstrap.md?type=text": [
286
- "vendors",
287
- "common",
288
- "meta__docs"
289
- ],
290
- "docs/demo/draggable.md": [
291
- "vendors",
292
- "docs/demo/draggable.md"
293
- ],
294
- "docs/demo/draggable.md?type=demo": [
295
- "vendors",
296
- "common",
297
- "meta__docs"
298
- ],
299
- "docs/demo/draggable.md?type=text": [
300
- "vendors",
301
- "common",
302
- "meta__docs"
303
- ],
304
- "docs/demo/multiple-Portal.md": [
305
- "vendors",
306
- "docs/demo/multiple-Portal.md"
307
- ],
308
- "docs/demo/multiple-Portal.md?type=demo": [
309
- "vendors",
310
- "common",
311
- "meta__docs"
312
- ],
313
- "docs/demo/multiple-Portal.md?type=text": [
314
- "vendors",
315
- "common",
316
- "meta__docs"
317
- ],
318
- "docs/demo/pure.md": [
319
- "vendors",
320
- "docs/demo/pure.md"
321
- ],
322
- "docs/demo/pure.md?type=demo": [
323
- "vendors",
324
- "common",
325
- "meta__docs"
326
- ],
327
- "docs/demo/pure.md?type=text": [
328
- "vendors",
329
- "common",
330
- "meta__docs"
331
- ],
332
- "docs/examples/ant-design.tsx?techStack=react": [
333
- "vendors",
334
- "common",
335
- "demos"
336
- ],
337
- "docs/examples/bootstrap.tsx?techStack=react": [
338
- "vendors",
339
- "common",
340
- "demos"
341
- ],
342
- "docs/examples/draggable.tsx?techStack=react": [
343
- "vendors",
344
- "common",
345
- "demos"
346
- ],
347
- "docs/examples/multiple-Portal.tsx?techStack=react": [
348
- "vendors",
349
- "common",
350
- "demos"
351
- ],
352
- "docs/examples/pure.tsx?techStack=react": [
353
- "vendors",
354
- "common",
355
- "demos"
356
- ],
357
- "docs/index.md": [
358
- "vendors",
359
- "docs/index.md"
360
- ],
361
- "docs/index.md?type=demo": [
362
- "vendors",
363
- "common",
364
- "meta__docs"
365
- ],
366
- "docs/index.md?type=text": [
367
- "vendors",
368
- "common",
369
- "meta__docs"
370
- ],
371
- "node_modules/_dumi@2.4.17@dumi/dist/client/misc/reactDemoCompiler.js": [
372
- "vendors",
373
- "node_modules/_dumi@2.4.17@dumi/dist/client/misc/reactDemoCompiler.js"
374
- ],
375
- "node_modules/_dumi@2.4.17@dumi/dist/client/pages/404.js": [
376
- "vendors",
377
- "nm__dumi__dist__client__pages__404"
378
- ],
379
- "node_modules/_dumi@2.4.17@dumi/dist/client/pages/Demo/index.js": [
380
- "vendors",
381
- "nm__dumi__dist__client__pages__Demo__index"
382
- ],
383
- "node_modules/_dumi@2.4.17@dumi/theme-default/layouts/DocLayout/index.js": [
384
- "vendors",
385
- "node_modules/_dumi@2.4.17@dumi/theme-default/layouts/DocLayout/index.js"
386
- ],
387
- "node_modules/_react-dom@18.3.1@react-dom/server.browser.js": [
388
- "vendors",
389
- "node_modules/_react-dom@18.3.1@react-dom/server.browser.js"
390
- ]
391
- });
392
- ;
393
- });
394
-
395
- //# sourceMappingURL=demos-async.7338948553039754745.hot-update.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["demos-async.7338948553039754745.hot-update.js","docs/examples/multiple-Portal.tsx?dumi-raw","docs/examples/multiple-Portal.tsx?techStack=react"],"sourcesContent":["globalThis.makoModuleHotUpdate(\n 'demos',\n {\n modules: {},\n },\n function (runtime) {\n runtime._h='8742625841545363477';\nruntime.updateEnsure2Map({\".dumi/tmp/dumi/theme/ContextWrapper.tsx\":[\"dumi__tmp__dumi__theme__ContextWrapper\"],\"docs/changelog.md\":[\"vendors\",\"docs/changelog.md\"],\"docs/changelog.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/changelog.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/ant-design.md\":[\"vendors\",\"docs/demo/ant-design.md\"],\"docs/demo/ant-design.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/ant-design.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/bootstrap.md\":[\"vendors\",\"docs/demo/bootstrap.md\"],\"docs/demo/bootstrap.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/bootstrap.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/draggable.md\":[\"vendors\",\"docs/demo/draggable.md\"],\"docs/demo/draggable.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/draggable.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/multiple-Portal.md\":[\"vendors\",\"docs/demo/multiple-Portal.md\"],\"docs/demo/multiple-Portal.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/multiple-Portal.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/pure.md\":[\"vendors\",\"docs/demo/pure.md\"],\"docs/demo/pure.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/demo/pure.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/examples/ant-design.tsx?techStack=react\":[\"vendors\",\"common\",\"demos\"],\"docs/examples/bootstrap.tsx?techStack=react\":[\"vendors\",\"common\",\"demos\"],\"docs/examples/draggable.tsx?techStack=react\":[\"vendors\",\"common\",\"demos\"],\"docs/examples/multiple-Portal.tsx?techStack=react\":[\"vendors\",\"common\",\"demos\"],\"docs/examples/pure.tsx?techStack=react\":[\"vendors\",\"common\",\"demos\"],\"docs/index.md\":[\"vendors\",\"docs/index.md\"],\"docs/index.md?type=demo\":[\"vendors\",\"common\",\"meta__docs\"],\"docs/index.md?type=text\":[\"vendors\",\"common\",\"meta__docs\"],\"node_modules/_dumi@2.4.17@dumi/dist/client/misc/reactDemoCompiler.js\":[\"vendors\",\"node_modules/_dumi@2.4.17@dumi/dist/client/misc/reactDemoCompiler.js\"],\"node_modules/_dumi@2.4.17@dumi/dist/client/pages/404.js\":[\"vendors\",\"nm__dumi__dist__client__pages__404\"],\"node_modules/_dumi@2.4.17@dumi/dist/client/pages/Demo/index.js\":[\"vendors\",\"nm__dumi__dist__client__pages__Demo__index\"],\"node_modules/_dumi@2.4.17@dumi/theme-default/layouts/DocLayout/index.js\":[\"vendors\",\"node_modules/_dumi@2.4.17@dumi/theme-default/layouts/DocLayout/index.js\"],\"node_modules/_react-dom@18.3.1@react-dom/server.browser.js\":[\"vendors\",\"node_modules/_react-dom@18.3.1@react-dom/server.browser.js\"]});;\n },\n);\n","\n import '/Users/jilin/projects/antd/rc-dialog/docs/examples/multiple-Portal.tsx?watch=parent';\n export default \"import * as React from 'react';\\nimport Drawer from 'rc-drawer';\\nimport 'rc-drawer/assets/index.css';\\nimport Dialog from 'rc-dialog';\\nimport '../../assets/index.less';\\n\\nconst Demo: React.FC = () => {\\n const [showDialog, setShowDialog] = React.useState(false);\\n const [showDrawer, setShowDrawer] = React.useState(false);\\n\\n const onToggleDrawer = () => {\\n setShowDrawer((value) => !value);\\n };\\n\\n const onToggleDialog = () => {\\n setShowDialog((value) => !value);\\n };\\n\\n const dialog = (\\n <Dialog\\n visible={showDialog}\\n animation=\\\"zoom\\\"\\n maskAnimation=\\\"fade\\\"\\n onClose={onToggleDialog}\\n forceRender\\n title=\\\"basic modal\\\"\\n >\\n <p>\\n <button type=\\\"button\\\" onClick={onToggleDrawer}>\\n show drawer\\n </button>\\n </p>\\n <div style={{ height: 200 }} />\\n </Dialog>\\n );\\n const drawer = (\\n <Drawer open={showDrawer} onClose={onToggleDrawer}>\\n <button type=\\\"button\\\" onClick={onToggleDrawer}>\\n close drawer\\n </button>\\n </Drawer>\\n );\\n return (\\n <div>\\n <button type=\\\"button\\\" onClick={onToggleDialog}>\\n open dialog\\n </button>\\n <button\\n type=\\\"button\\\"\\n onClick={() => {\\n setShowDialog(true);\\n setTimeout(() => {\\n setShowDialog(false);\\n }, 0);\\n }}\\n >\\n quick\\n </button>\\n {dialog}\\n {drawer}\\n </div>\\n );\\n};\\n\\nexport default Demo;\\n\";;\n ","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/multiple-Portal.tsx?watch=parent';import * as React from 'react';\nimport Drawer from 'rc-drawer';\nimport 'rc-drawer/assets/index.css';\nimport Dialog from 'rc-dialog';\nimport '../../assets/index.less';\n\nconst Demo: React.FC = () => {\n const [showDialog, setShowDialog] = React.useState(false);\n const [showDrawer, setShowDrawer] = React.useState(false);\n\n const onToggleDrawer = () => {\n setShowDrawer((value) => !value);\n };\n\n const onToggleDialog = () => {\n setShowDialog((value) => !value);\n };\n\n const dialog = (\n <Dialog\n visible={showDialog}\n animation=\"zoom\"\n maskAnimation=\"fade\"\n onClose={onToggleDialog}\n forceRender\n title=\"basic modal\"\n >\n <p>\n <button type=\"button\" onClick={onToggleDrawer}>\n show drawer\n </button>\n </p>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n const drawer = (\n <Drawer open={showDrawer} onClose={onToggleDrawer}>\n <button type=\"button\" onClick={onToggleDrawer}>\n close drawer\n </button>\n </Drawer>\n );\n return (\n <div>\n <button type=\"button\" onClick={onToggleDialog}>\n open dialog\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowDialog(true);\n setTimeout(() => {\n setShowDialog(false);\n }, 0);\n }}\n >\n quick\n </button>\n {dialog}\n {drawer}\n </div>\n );\n};\n\nexport default Demo;\n"],"names":[],"mappings":"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"}