UNPKG

@rc-component/dialog

Version:
1,749 lines (1,736 loc) 82.5 kB
((typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] = (typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] || []).push([ ['common'], { "docs/changelog.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/changelog.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = [ { "value": "2021-01-07", "paraId": 0, "tocIndex": 1 }, { "value": "improve: ScrollLocker call related. ", "paraId": 1, "tocIndex": 1 }, { "value": "#227", "paraId": 1, "tocIndex": 1 }, { "value": "2021-01-04", "paraId": 2, "tocIndex": 2 }, { "value": "refactor: use ScrollLocker. ", "paraId": 3, "tocIndex": 2 }, { "value": "#220", "paraId": 3, "tocIndex": 2 }, { "value": "2020-12-19", "paraId": 4, "tocIndex": 3 }, { "value": "fix: trigger close only when click wrap itself. ", "paraId": 5, "tocIndex": 3 }, { "value": "#218", "paraId": 5, "tocIndex": 3 }, { "value": "2020-12-07", "paraId": 6, "tocIndex": 4 }, { "value": "fix: Dialog should keep refresh when forceRender provided. ", "paraId": 7, "tocIndex": 4 }, { "value": "#217", "paraId": 7, "tocIndex": 4 }, { "value": "2020-12-03", "paraId": 8, "tocIndex": 5 }, { "value": "fix: dialog dont close when mouseDown in content and mouseUp in wrapper. ", "paraId": 9, "tocIndex": 5 }, { "value": "#210", "paraId": 9, "tocIndex": 5 }, { "value": "chore: Should not re-render when dialog is invisible. ", "paraId": 10, "tocIndex": 5 }, { "value": "#212", "paraId": 10, "tocIndex": 5 }, { "value": "2020-10-21", "paraId": 11, "tocIndex": 6 }, { "value": "chore: support react 17. ", "paraId": 12, "tocIndex": 6 }, { "value": "#207", "paraId": 12, "tocIndex": 6 }, { "value": "2020-10-14", "paraId": 13, "tocIndex": 7 }, { "value": "fix: Dialog should not auto destroy. ", "paraId": 14, "tocIndex": 7 }, { "value": "#206", "paraId": 14, "tocIndex": 7 }, { "value": "2020-10-11", "paraId": 15, "tocIndex": 8 }, { "value": "fix: Portal event bubble. ", "paraId": 16, "tocIndex": 8 }, { "value": "#204", "paraId": 16, "tocIndex": 8 }, { "value": "2020-09-29", "paraId": 17, "tocIndex": 9 }, { "value": "refactor: Use ", "paraId": 18, "tocIndex": 9 }, { "value": "rc-motion", "paraId": 18, "tocIndex": 9 }, { "value": ". ", "paraId": 18, "tocIndex": 9 }, { "value": "#203", "paraId": 18, "tocIndex": 9 }, { "value": "fix: prevent scroll behavior when focus trigger. ", "paraId": 19, "tocIndex": 10 }, { "value": "ant-design/ant-design#26582", "paraId": 19, "tocIndex": 10 }, { "value": "fix: page scroll position will jump after dialog is closed. ", "paraId": 20, "tocIndex": 11 }, { "value": "#202", "paraId": 20, "tocIndex": 11 }, { "value": "fix: remove typing from package.json. ", "paraId": 21, "tocIndex": 12 }, { "value": "#201", "paraId": 21, "tocIndex": 12 }, { "value": "fix: add displayName. ", "paraId": 22, "tocIndex": 13 }, { "value": "#200", "paraId": 22, "tocIndex": 13 }, { "value": "fate: add ", "paraId": 23, "tocIndex": 14 }, { "value": "modalRender", "paraId": 23, "tocIndex": 14 }, { "value": ". ", "paraId": 23, "tocIndex": 14 }, { "value": "#195", "paraId": 23, "tocIndex": 14 }, { "value": "use ", "paraId": 24, "tocIndex": 15 }, { "value": "father", "paraId": 24, "tocIndex": 15 }, { "value": ". ", "paraId": 24, "tocIndex": 15 }, { "value": "#197", "paraId": 24, "tocIndex": 15 }, { "value": "Fix dialog component will only show mask, if initialize a Dialog component with both forceRender and visible are true. ", "paraId": 25, "tocIndex": 16 }, { "value": "#194", "paraId": 25, "tocIndex": 16 }, { "value": "remove babel runtime.", "paraId": 26, "tocIndex": 17 }, { "value": "up ", "paraId": 26, "tocIndex": 17 }, { "value": "rc-drawer", "paraId": 26, "tocIndex": 17 }, { "value": " to ", "paraId": 26, "tocIndex": 17 }, { "value": "4.1.0", "paraId": 26, "tocIndex": 17 }, { "value": ".", "paraId": 26, "tocIndex": 17 }, { "value": "upgrade ", "paraId": 27, "tocIndex": 18 }, { "value": "rc-util", "paraId": 27, "tocIndex": 18 }, { "value": " to ", "paraId": 27, "tocIndex": 18 }, { "value": "5.0.0", "paraId": 27, "tocIndex": 18 }, { "value": ".", "paraId": 27, "tocIndex": 18 }, { "value": "upgrade ", "paraId": 28, "tocIndex": 19 }, { "value": "rc-animate", "paraId": 28, "tocIndex": 19 }, { "value": " to ", "paraId": 28, "tocIndex": 19 }, { "value": "3.0.0", "paraId": 28, "tocIndex": 19 }, { "value": ".", "paraId": 28, "tocIndex": 19 }, { "value": "Update accessibility.", "paraId": 29, "tocIndex": 20 }, { "value": "Support ", "paraId": 30, "tocIndex": 21 }, { "value": "forceRender", "paraId": 30, "tocIndex": 21 }, { "value": " for dialog.", "paraId": 30, "tocIndex": 21 }, { "value": "Add closeIcon. ", "paraId": 31, "tocIndex": 22 }, { "value": "#89", "paraId": 32, "tocIndex": 22 }, { "value": " ", "paraId": 31, "tocIndex": 22 }, { "value": "@HeskeyBaozi ", "paraId": 31, "tocIndex": 22 }, { "value": "Add destroyOnClose. ", "paraId": 33, "tocIndex": 23 }, { "value": "#72", "paraId": 33, "tocIndex": 23 }, { "value": " ", "paraId": 33, "tocIndex": 23 }, { "value": "@Rohanhacker", "paraId": 33, "tocIndex": 23 }, { "value": "Remove ReactNative support, please use ", "paraId": 34, "tocIndex": 24 }, { "value": "https://github.com/react-component/m-dialog", "paraId": 34, "tocIndex": 24 }, { "value": " instead.", "paraId": 34, "tocIndex": 24 }, { "value": "Support React 16.", "paraId": 34, "tocIndex": 24 }, { "value": "Notable change: Close animation won't trigger when dialog unmounting after React 16, see ", "paraId": 35, "tocIndex": 24 }, { "value": "facebook/react#10826", "paraId": 35, "tocIndex": 24 }, { "value": "fixed: RN modal support landscape orientation, ", "paraId": 36, "tocIndex": 25 }, { "value": "https://github.com/react-component/dialog/pull/64", "paraId": 36, "tocIndex": 25 }, { "value": "remove rc-dialog/lib/Modal's entry prop, add animationType prop", "paraId": 37, "tocIndex": 26 }, { "value": "add rc-dialog/lib/Modal to support react-native", "paraId": 38, "tocIndex": 27 }, { "value": "use getContainerRenderMixin from 'rc-util'", "paraId": 39, "tocIndex": 28 }, { "value": "new html structure and class", "paraId": 40, "tocIndex": 29 }, { "value": "disable window scroll when show", "paraId": 40, "tocIndex": 29 }, { "value": "add maskClosable", "paraId": 41, "tocIndex": 30 }, { "value": "separate close and header", "paraId": 42, "tocIndex": 31 }, { "value": "only support react 0.14", "paraId": 43, "tocIndex": 32 }, { "value": "refactor to clean api. remove onShow onBeforeClose", "paraId": 44, "tocIndex": 33 }, { "value": "use rc-animate & rc-align", "paraId": 45, "tocIndex": 34 }, { "value": "support esc to close", "paraId": 46, "tocIndex": 35 }, { "value": "add renderToBody props", "paraId": 47, "tocIndex": 36 }, { "value": "make dialog render to body and use ", "paraId": 48, "tocIndex": 37 }, { "value": "dom-align", "paraId": 48, "tocIndex": 37 }, { "value": " to align", "paraId": 48, "tocIndex": 37 }, { "value": "support es6 and react 0.13", "paraId": 49, "tocIndex": 38 }, { "value": "new", "paraId": 50, "tocIndex": 39 }, { "value": " ", "paraId": 50, "tocIndex": 39 }, { "value": "#3", "paraId": 50, "tocIndex": 39 }, { "value": " support closable requestClose onBeforeClose", "paraId": 50, "tocIndex": 39 } ]; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/demo/ant-design.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/demo/ant-design.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = []; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/demo/bootstrap.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/demo/bootstrap.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = []; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/demo/draggable.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/demo/draggable.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = []; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/demo/pure.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/demo/pure.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = []; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/examples/ant-design.tsx?watch=parent": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/examples/bootstrap.tsx?watch=parent": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/examples/draggable.tsx?watch=parent": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/examples/multiple-Portal.tsx?watch=parent": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/examples/pure.tsx?watch=parent": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "docs/index.md?type=text": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "texts", { enumerable: true, get: function() { return texts; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); __mako_require__("docs/index.md?watch=parent"); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; const texts = [ { "value": "react dialog component.", "paraId": 0, "tocIndex": 0 }, { "value": " ", "paraId": 1, "tocIndex": 0 }, { "value": " ", "paraId": 1, "tocIndex": 0 }, { "value": " ", "paraId": 1, "tocIndex": 0 }, { "value": " ", "paraId": 1, "tocIndex": 0 }, { "value": " ", "paraId": 1, "tocIndex": 0 }, { "value": "http://localhost:8007/examples/", "paraId": 2, "tocIndex": 2 }, { "value": "online example: ", "paraId": 3, "tocIndex": 2 }, { "value": "https://dialog.react-component.vercel.app/", "paraId": 3, "tocIndex": 2 }, { "value": "var Dialog = require('@rc-component/dialog');\n\nReactDOM.render(\n <Dialog title={title} onClose={callback1} visible>\n <p>first dialog</p>\n </Dialog>\n), document.getElementById('t1'));\n\n// use dialog\n", "paraId": 4, "tocIndex": 4 }, { "value": "Name", "paraId": 5, "tocIndex": 6 }, { "value": "Type", "paraId": 5, "tocIndex": 6 }, { "value": "Default", "paraId": 5, "tocIndex": 6 }, { "value": "Description", "paraId": 5, "tocIndex": 6 }, { "value": "Version", "paraId": 5, "tocIndex": 6 }, { "value": "prefixCls", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "rc-dialog", "paraId": 5, "tocIndex": 6 }, { "value": "The dialog dom node's prefixCls", "paraId": 5, "tocIndex": 6 }, { "value": "className", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "additional className for dialog", "paraId": 5, "tocIndex": 6 }, { "value": "classNames", "paraId": 5, "tocIndex": 6 }, { "value": "{ header?: string; body?: string; footer?: string; mask?: string; content?: string; wrapper?: string; }", "paraId": 5, "tocIndex": 6 }, { "value": "pass className to target area", "paraId": 5, "tocIndex": 6 }, { "value": "styles", "paraId": 5, "tocIndex": 6 }, { "value": "{ header?: CSSProperties; body?: CSSProperties; footer?: CSSProperties; mask?: CSSProperties; content?: CSSProperties; wrapper?: CSSProperties; }", "paraId": 5, "tocIndex": 6 }, { "value": "pass styles to target area", "paraId": 5, "tocIndex": 6 }, { "value": "style", "paraId": 5, "tocIndex": 6 }, { "value": "Object", "paraId": 5, "tocIndex": 6 }, { "value": "{}", "paraId": 5, "tocIndex": 6 }, { "value": "Root style for dialog element.Such as width, height", "paraId": 5, "tocIndex": 6 }, { "value": "zIndex", "paraId": 5, "tocIndex": 6 }, { "value": "Number", "paraId": 5, "tocIndex": 6 }, { "value": "visible", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "false", "paraId": 5, "tocIndex": 6 }, { "value": "current dialog's visible status", "paraId": 5, "tocIndex": 6 }, { "value": "animation", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "part of dialog animation css class name", "paraId": 5, "tocIndex": 6 }, { "value": "maskAnimation", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "part of dialog's mask animation css class name", "paraId": 5, "tocIndex": 6 }, { "value": "transitionName", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "dialog animation css class name", "paraId": 5, "tocIndex": 6 }, { "value": "maskTransitionName", "paraId": 5, "tocIndex": 6 }, { "value": "String", "paraId": 5, "tocIndex": 6 }, { "value": "mask animation css class name", "paraId": 5, "tocIndex": 6 }, { "value": "title", "paraId": 5, "tocIndex": 6 }, { "value": "String|React.Element", "paraId": 5, "tocIndex": 6 }, { "value": "Title of the dialog", "paraId": 5, "tocIndex": 6 }, { "value": "footer", "paraId": 5, "tocIndex": 6 }, { "value": "React.Element", "paraId": 5, "tocIndex": 6 }, { "value": "footer of the dialog", "paraId": 5, "tocIndex": 6 }, { "value": "closable", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean | ({ closeIcon?: React.ReactNode; disabled?: boolean, afterClose:function } & React.AriaAttributes)", "paraId": 5, "tocIndex": 6 }, { "value": "true", "paraId": 5, "tocIndex": 6 }, { "value": "whether show close button", "paraId": 5, "tocIndex": 6 }, { "value": "mask", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "true", "paraId": 5, "tocIndex": 6 }, { "value": "whether show mask", "paraId": 5, "tocIndex": 6 }, { "value": "maskClosable", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "true", "paraId": 5, "tocIndex": 6 }, { "value": "whether click mask to close", "paraId": 5, "tocIndex": 6 }, { "value": "keyboard", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "true", "paraId": 5, "tocIndex": 6 }, { "value": "whether support press esc to close", "paraId": 5, "tocIndex": 6 }, { "value": "mousePosition", "paraId": 5, "tocIndex": 6 }, { "value": "{x:number,y:number}", "paraId": 5, "tocIndex": 6 }, { "value": "set pageX and pageY of current mouse(it will cause transform origin to be set).", "paraId": 5, "tocIndex": 6 }, { "value": "onClose", "paraId": 5, "tocIndex": 6 }, { "value": "function()", "paraId": 5, "tocIndex": 6 }, { "value": "called when click close button or mask", "paraId": 5, "tocIndex": 6 }, { "value": "afterClose", "paraId": 5, "tocIndex": 6 }, { "value": "function()", "paraId": 5, "tocIndex": 6 }, { "value": "called when close animation end", "paraId": 5, "tocIndex": 6 }, { "value": "getContainer", "paraId": 5, "tocIndex": 6 }, { "value": "function(): HTMLElement", "paraId": 5, "tocIndex": 6 }, { "value": "to determine where Dialog will be mounted", "paraId": 5, "tocIndex": 6 }, { "value": "destroyOnHidden", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "false", "paraId": 5, "tocIndex": 6 }, { "value": "to unmount child compenents on onClose", "paraId": 5, "tocIndex": 6 }, { "value": "closeIcon", "paraId": 5, "tocIndex": 6 }, { "value": "ReactNode", "paraId": 5, "tocIndex": 6 }, { "value": "specific the close icon.", "paraId": 5, "tocIndex": 6 }, { "value": "forceRender", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "false", "paraId": 5, "tocIndex": 6 }, { "value": "Create dialog dom node before dialog first show", "paraId": 5, "tocIndex": 6 }, { "value": "focusTriggerAfterClose", "paraId": 5, "tocIndex": 6 }, { "value": "Boolean", "paraId": 5, "tocIndex": 6 }, { "value": "true", "paraId": 5, "tocIndex": 6 }, { "value": "focus trigger element when dialog closed", "paraId": 5, "tocIndex": 6 }, { "value": "modalRender", "paraId": 5, "tocIndex": 6 }, { "value": "(node: ReactNode) => ReactNode", "paraId": 5, "tocIndex": 6 }, { "value": "Custom modal content render", "paraId": 5, "tocIndex": 6 }, { "value": "8.3.0", "paraId": 5, "tocIndex": 6 }, { "value": "npm install\nnpm start\n", "paraId": 6, "tocIndex": 7 }, { "value": "npm test\nnpm run chrome-test\n", "paraId": 7, "tocIndex": 8 }, { "value": "npm run coverage\n", "paraId": 8, "tocIndex": 9 }, { "value": "open coverage/ dir", "paraId": 9, "tocIndex": 9 }, { "value": "@rc-component/dialog is released under the MIT license.", "paraId": 10, "tocIndex": 10 }, { "value": "\n ", "paraId": 11 } ]; if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "src/Dialog/Content/MemoChildren.tsx": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "default", { enumerable: true, get: function() { return _default; } }); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react/index.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; var _default = /*#__PURE__*/ _c1 = _react.memo(_c = ({ children })=>children, (_, { shouldUpdate })=>!shouldUpdate); var _c; var _c1; $RefreshReg$(_c, "%default%$React.memo"); $RefreshReg$(_c1, "%default%"); if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg; if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig; function registerClassComponent(filename, moduleExports) { for(const key in moduleExports)try { if (key === "__esModule") continue; const exportValue = moduleExports[key]; if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key); } catch (e) {} } function $RefreshIsReactComponentLike$(moduleExports) { if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true; for(var key in moduleExports)try { if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true; } catch (e) {} return false; } registerClassComponent(module.id, module.exports); if ($RefreshIsReactComponentLike$(module.exports)) { module.meta.hot.accept(); _reactrefresh.performReactRefresh(); } }, "src/Dialog/Content/Panel.tsx": function (module, exports, __mako_require__){ "use strict"; __mako_require__.d(exports, "__esModule", { value: true }); __mako_require__.d(exports, "default", { enumerable: true, get: function() { return _default; } }); var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default"); var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard"); var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js")); var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js"); var _clsx = __mako_require__("node_modules/clsx/dist/clsx.mjs"); var _ref = __mako_require__("node_modules/@rc-component/util/lib/ref.js"); var _focus = __mako_require__("node_modules/@rc-component/util/lib/Dom/focus.js"); var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react/index.js")); var _context = __mako_require__("src/context.ts"); var _MemoChildren = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/Dialog/Content/MemoChildren.tsx")); var _pickAttrs = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/@rc-component/util/lib/pickAttrs.js")); var prevRefreshReg; var prevRefreshSig; prevRefreshReg = self.$RefreshReg$; prevRefreshSig = self.$RefreshSig$; self.$RefreshReg$ = (type, id)=>{ _reactrefresh.register(type, module.id + id); }; self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform; var _s = $RefreshSig$(); const Panel = /*#__PURE__*/ _s(_react.default.forwardRef(_c = _s((props, ref)=>{ _s(); const { prefixCls, className, style, title, ariaId, footer, closable, closeIcon, onClose, children, bodyStyle, bodyProps, modalRender, onMouseDown, onMouseUp, holderRef, visible, forceRender, width, height, classNames: modalClassNames, styles: modalStyles } = props; // ================================= Refs ================================= const { panel: panelRef } = _react.default.useContext(_context.RefContext); const internalRef = (0, _react.useRef)(null); const mergedRef = (0, _ref.useComposeRef)(holderRef, panelRef, internalRef); (0, _focus.useLockFocus)(visible, ()=>internalRef.current); _react.default.useImperativeHandle(ref, ()=>({ focus: ()=>{ var _internalRef_current; (_internalRef_current = internalRef.current) === null || _internalRef_current === void 0 || _internalRef_current.focus({ preventScroll: true }); } })); // ================================ Style ================================= const contentStyle = {}; if (width !== undefined) contentStyle.width = width; if (height !== undefined) contentStyle.height = height; // ================================ Render ================================ const footerNode = footer ? /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { className: (0, _clsx.clsx)(`${prefixCls}-footer`, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.footer), style: { ...modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.footer }, children: footer }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 72, columnNumber: 5 }, this) : null; const headerNode = title ? /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { className: (0, _clsx.clsx)(`${prefixCls}-header`, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.header), style: { ...modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.header }, children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { className: (0, _clsx.clsx)(`${prefixCls}-title`, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.title), id: ariaId, style: { ...modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.title }, children: title }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 85, columnNumber: 7 }, this) }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 81, columnNumber: 5 }, this) : null; const closableObj = (0, _react.useMemo)(()=>{ if (typeof closable === 'object' && closable !== null) return closable; if (closable) return { closeIcon: closeIcon ?? /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("span", { className: `${prefixCls}-close-x` }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 100, columnNumber: 40 }, this) }; return {}; }, [ closable, closeIcon, prefixCls ]); const ariaProps = (0, _pickAttrs.default)(closableObj, true); const closeBtnIsDisabled = typeof closable === 'object' && closable.disabled; const closerNode = closable ? /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", { type: "button", onClick: onClose, "aria-label": "Close", ...ariaProps, className: `${prefixCls}-close`, disabled: closeBtnIsDisabled, children: closableObj.closeIcon }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 109, columnNumber: 5 }, this) : null; const content = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { className: (0, _clsx.clsx)(`${prefixCls}-container`, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.container), style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.container, children: [ closerNode, headerNode, /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { className: (0, _clsx.clsx)(`${prefixCls}-body`, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.body), style: { ...bodyStyle, ...modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.body }, ...bodyProps, children: children }, void 0, false, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 128, columnNumber: 7 }, this), footerNode ] }, void 0, true, { fileName: "src/Dialog/Content/Panel.tsx", lineNumber: 122, columnNumber: 5 }, this); return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", { role: "dialog", "aria-labelledby": title ? ariaId : null, "aria-modal": "true", ref: mergedRef, style: { ...style, ...contentStyle }, className: (0, _clsx.clsx)(prefixCls, className), onMouseDown: onMouseDown, onMouseUp: onMouseUp, tabIndex: -1, children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_MemoChildren.default, { shouldUpdate: visible || forceRender, children: modalRender ? modalRender(content) : content