@rc-component/dialog 1.5.0 → 1.6.0
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.
- package/README.md +24 -17
- package/dist/common-async.js +1488 -150
- package/dist/common-async.js.map +1 -1
- package/dist/demos-async.css +3 -3
- package/dist/demos-async.css.map +1 -1
- package/dist/demos-async.js +57 -57
- package/dist/demos-async.js.map +1 -1
- package/dist/docs_changelog_md-async.js +1823 -1841
- package/dist/docs_changelog_md-async.js.map +1 -1
- package/dist/docs_demo_ant-design_md-async.js +34 -52
- package/dist/docs_demo_ant-design_md-async.js.map +1 -1
- package/dist/docs_demo_bootstrap_md-async.js +34 -52
- package/dist/docs_demo_bootstrap_md-async.js.map +1 -1
- package/dist/docs_demo_draggable_md-async.js +34 -52
- package/dist/docs_demo_draggable_md-async.js.map +1 -1
- package/dist/docs_demo_multiple-Portal_md-async.js +80 -52
- package/dist/docs_demo_multiple-Portal_md-async.js.map +1 -1
- package/dist/docs_demo_pure_md-async.js +34 -52
- package/dist/docs_demo_pure_md-async.js.map +1 -1
- package/dist/docs_index_md-async.js +1617 -1580
- package/dist/docs_index_md-async.js.map +1 -1
- package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js +10 -10
- package/dist/dumi__tmp__dumi__theme__ContextWrapper-async.js.map +1 -1
- package/dist/meta__docs-async.css +3 -3
- package/dist/meta__docs-async.css.map +1 -1
- package/dist/meta__docs-async.js +72 -1415
- package/dist/meta__docs-async.js.map +1 -1
- package/dist/nm__dumi__dist__client__pages__404-async.js +3 -3
- package/dist/nm__dumi__dist__client__pages__404-async.js.map +1 -1
- package/dist/nm__dumi__dist__client__pages__Demo__index-async.js +3 -3
- package/dist/nm__dumi__dist__client__pages__Demo__index-async.js.map +1 -1
- package/dist/{node_modules__dumi_2_4_17_dumi_dist_client_misc_reactDemoCompiler_js-async.js → node_modules_dumi_dist_client_misc_reactDemoCompiler_js-async.js} +4 -4
- package/dist/node_modules_dumi_dist_client_misc_reactDemoCompiler_js-async.js.map +1 -0
- package/dist/{node_modules__dumi_2_4_17_dumi_theme-default_layouts_DocLayout_index_js-async.js → node_modules_dumi_theme-default_layouts_DocLayout_index_js-async.js} +44 -44
- package/dist/node_modules_dumi_theme-default_layouts_DocLayout_index_js-async.js.map +1 -0
- package/dist/{node_modules__react-dom_18_3_1_react-dom_server_browser_js-async.js → node_modules_react-dom_server_browser_js-async.js} +5 -5
- package/dist/node_modules_react-dom_server_browser_js-async.js.map +1 -0
- package/dist/umi.css +15 -0
- package/dist/umi.css.map +1 -1
- package/dist/umi.js +31515 -28954
- package/dist/umi.js.map +1 -1
- package/dist/vendors-async.css +18794 -15080
- package/dist/vendors-async.css.map +1 -1
- package/dist/vendors-async.js +15650 -12147
- package/dist/vendors-async.js.map +1 -1
- package/es/Dialog/Content/Panel.d.ts +0 -1
- package/es/Dialog/Content/Panel.js +15 -44
- package/es/Dialog/Content/index.js +2 -2
- package/es/Dialog/Mask.js +2 -2
- package/es/Dialog/index.js +3 -10
- package/lib/Dialog/Content/Panel.d.ts +0 -1
- package/lib/Dialog/Content/Panel.js +16 -45
- package/lib/Dialog/Content/index.js +2 -2
- package/lib/Dialog/Mask.js +2 -2
- package/lib/Dialog/index.js +3 -10
- package/package.json +4 -7
- package/dist/10509781610555453368.hot-update-url-map.json +0 -1
- package/dist/10509781610555453368.hot-update.json +0 -1
- package/dist/11977476592833392720.hot-update-url-map.json +0 -1
- package/dist/11977476592833392720.hot-update.json +0 -1
- package/dist/14397576132152343869.hot-update-url-map.json +0 -1
- package/dist/14397576132152343869.hot-update.json +0 -1
- package/dist/14597408625395534096.hot-update-url-map.json +0 -1
- package/dist/14597408625395534096.hot-update.json +0 -1
- package/dist/15104553912779929595.hot-update-url-map.json +0 -1
- package/dist/15104553912779929595.hot-update.json +0 -1
- package/dist/4361192314875393955.hot-update-url-map.json +0 -1
- package/dist/4361192314875393955.hot-update.json +0 -1
- package/dist/4704580574928883170.hot-update-url-map.json +0 -1
- package/dist/4704580574928883170.hot-update.json +0 -1
- package/dist/5496443382647786649.hot-update-url-map.json +0 -1
- package/dist/5496443382647786649.hot-update.json +0 -1
- package/dist/7338948553039754745.hot-update-url-map.json +0 -1
- package/dist/7338948553039754745.hot-update.json +0 -1
- package/dist/7441995189917427860.hot-update-url-map.json +0 -1
- package/dist/7441995189917427860.hot-update.json +0 -1
- package/dist/8425845753817463333.hot-update-url-map.json +0 -1
- package/dist/8425845753817463333.hot-update.json +0 -1
- package/dist/8742625841545363477.hot-update-url-map.json +0 -1
- package/dist/8742625841545363477.hot-update.json +0 -1
- package/dist/960384830459946830.hot-update-url-map.json +0 -1
- package/dist/960384830459946830.hot-update.json +0 -1
- package/dist/9707589364653732454.hot-update-url-map.json +0 -1
- package/dist/9707589364653732454.hot-update.json +0 -1
- package/dist/common-async.10509781610555453368.hot-update.js +0 -268
- package/dist/common-async.10509781610555453368.hot-update.js.map +0 -1
- package/dist/common-async.11977476592833392720.hot-update.js +0 -395
- package/dist/common-async.11977476592833392720.hot-update.js.map +0 -1
- package/dist/common-async.14397576132152343869.hot-update.js +0 -395
- package/dist/common-async.14397576132152343869.hot-update.js.map +0 -1
- package/dist/common-async.14597408625395534096.hot-update.js +0 -268
- package/dist/common-async.14597408625395534096.hot-update.js.map +0 -1
- package/dist/common-async.15104553912779929595.hot-update.js +0 -268
- package/dist/common-async.15104553912779929595.hot-update.js.map +0 -1
- package/dist/common-async.4361192314875393955.hot-update.js +0 -268
- package/dist/common-async.4361192314875393955.hot-update.js.map +0 -1
- package/dist/common-async.4704580574928883170.hot-update.js +0 -268
- package/dist/common-async.4704580574928883170.hot-update.js.map +0 -1
- package/dist/common-async.5496443382647786649.hot-update.js +0 -391
- package/dist/common-async.5496443382647786649.hot-update.js.map +0 -1
- package/dist/common-async.7338948553039754745.hot-update.js +0 -395
- package/dist/common-async.7338948553039754745.hot-update.js.map +0 -1
- package/dist/common-async.7441995189917427860.hot-update.js +0 -394
- package/dist/common-async.7441995189917427860.hot-update.js.map +0 -1
- package/dist/common-async.8425845753817463333.hot-update.js +0 -268
- package/dist/common-async.8425845753817463333.hot-update.js.map +0 -1
- package/dist/common-async.8742625841545363477.hot-update.js +0 -268
- package/dist/common-async.8742625841545363477.hot-update.js.map +0 -1
- package/dist/common-async.960384830459946830.hot-update.js +0 -268
- package/dist/common-async.960384830459946830.hot-update.js.map +0 -1
- package/dist/common-async.9707589364653732454.hot-update.js +0 -268
- package/dist/common-async.9707589364653732454.hot-update.js.map +0 -1
- package/dist/demos-async.7338948553039754745.hot-update.js +0 -395
- package/dist/demos-async.7338948553039754745.hot-update.js.map +0 -1
- package/dist/meta__docs-async.7338948553039754745.hot-update.js +0 -395
- package/dist/meta__docs-async.7338948553039754745.hot-update.js.map +0 -1
- package/dist/node_modules__dumi_2_4_17_dumi_dist_client_misc_reactDemoCompiler_js-async.js.map +0 -1
- package/dist/node_modules__dumi_2_4_17_dumi_theme-default_layouts_DocLayout_index_js-async.js.map +0 -1
- package/dist/node_modules__react-dom_18_3_1_react-dom_server_browser_js-async.js.map +0 -1
package/dist/demos-async.js
CHANGED
|
@@ -13,13 +13,13 @@ __mako_require__.d(exports, "default", {
|
|
|
13
13
|
});
|
|
14
14
|
var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
|
|
15
15
|
var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
|
|
16
|
-
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
17
|
-
var _jsxdevruntime = __mako_require__("node_modules/
|
|
16
|
+
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js"));
|
|
17
|
+
var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js");
|
|
18
18
|
__mako_require__("docs/examples/ant-design.tsx?watch=parent");
|
|
19
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
20
|
-
var
|
|
19
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react/index.js"));
|
|
20
|
+
var _select = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/@rc-component/select/es/index.js"));
|
|
21
21
|
"";
|
|
22
|
-
var
|
|
22
|
+
var _dialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
|
|
23
23
|
"";
|
|
24
24
|
var prevRefreshReg;
|
|
25
25
|
var prevRefreshSig;
|
|
@@ -64,7 +64,7 @@ const MyControl = ()=>{
|
|
|
64
64
|
const [visible2, setVisible2] = _react.useState(false);
|
|
65
65
|
const [visible3, setVisible3] = _react.useState(false);
|
|
66
66
|
const [width, setWidth] = _react.useState(600);
|
|
67
|
-
const [
|
|
67
|
+
const [destroyOnHidden, setDestroyOnHidden] = _react.useState(false);
|
|
68
68
|
const [center, setCenter] = _react.useState(false);
|
|
69
69
|
const [mousePosition, setMousePosition] = _react.useState({
|
|
70
70
|
x: null,
|
|
@@ -93,8 +93,8 @@ const MyControl = ()=>{
|
|
|
93
93
|
setVisible2(false);
|
|
94
94
|
setVisible3(false);
|
|
95
95
|
};
|
|
96
|
-
const
|
|
97
|
-
|
|
96
|
+
const onDestroyOnHiddenChange = (e)=>{
|
|
97
|
+
setDestroyOnHidden(e.target.checked);
|
|
98
98
|
};
|
|
99
99
|
const onForceRenderChange = (e)=>{
|
|
100
100
|
setForceRender(e.target.checked);
|
|
@@ -113,7 +113,7 @@ const MyControl = ()=>{
|
|
|
113
113
|
};
|
|
114
114
|
let wrapClassName = '';
|
|
115
115
|
if (center) wrapClassName = 'center';
|
|
116
|
-
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
116
|
+
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
117
117
|
visible: visible1,
|
|
118
118
|
wrapClassName: wrapClassName,
|
|
119
119
|
animation: "zoom",
|
|
@@ -122,7 +122,7 @@ const MyControl = ()=>{
|
|
|
122
122
|
style: style,
|
|
123
123
|
title: "dialog1",
|
|
124
124
|
mousePosition: mousePosition,
|
|
125
|
-
|
|
125
|
+
destroyOnHidden: destroyOnHidden,
|
|
126
126
|
closeIcon: useIcon ? getSvg(clearPath, {}, true) : undefined,
|
|
127
127
|
forceRender: forceRender,
|
|
128
128
|
focusTriggerAfterClose: false,
|
|
@@ -190,11 +190,11 @@ const MyControl = ()=>{
|
|
|
190
190
|
style: {
|
|
191
191
|
height: 200
|
|
192
192
|
},
|
|
193
|
-
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
194
|
-
|
|
193
|
+
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_select.default, {
|
|
194
|
+
popupStyle: {
|
|
195
195
|
zIndex: 9999999
|
|
196
196
|
},
|
|
197
|
-
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
197
|
+
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_select.default.Option, {
|
|
198
198
|
value: "light",
|
|
199
199
|
children: "Light"
|
|
200
200
|
}, void 0, false, {
|
|
@@ -218,7 +218,7 @@ const MyControl = ()=>{
|
|
|
218
218
|
lineNumber: 91,
|
|
219
219
|
columnNumber: 5
|
|
220
220
|
}, this);
|
|
221
|
-
const dialog2 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
221
|
+
const dialog2 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
222
222
|
visible: visible2,
|
|
223
223
|
title: "dialog2",
|
|
224
224
|
onClose: onClose2,
|
|
@@ -305,7 +305,7 @@ const MyControl = ()=>{
|
|
|
305
305
|
lineNumber: 139,
|
|
306
306
|
columnNumber: 5
|
|
307
307
|
}, this);
|
|
308
|
-
const dialog3 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
308
|
+
const dialog3 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
309
309
|
forceRender: true,
|
|
310
310
|
title: "dialog3",
|
|
311
311
|
visible: visible3,
|
|
@@ -411,11 +411,11 @@ const MyControl = ()=>{
|
|
|
411
411
|
" ",
|
|
412
412
|
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
|
|
413
413
|
children: [
|
|
414
|
-
"destroy on
|
|
414
|
+
"destroy on hidden:",
|
|
415
415
|
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
|
|
416
416
|
type: "checkbox",
|
|
417
|
-
checked:
|
|
418
|
-
onChange:
|
|
417
|
+
checked: destroyOnHidden,
|
|
418
|
+
onChange: onDestroyOnHiddenChange
|
|
419
419
|
}, void 0, false, {
|
|
420
420
|
fileName: "docs/examples/ant-design.tsx?techStack=react",
|
|
421
421
|
lineNumber: 214,
|
|
@@ -494,7 +494,7 @@ const MyControl = ()=>{
|
|
|
494
494
|
columnNumber: 5
|
|
495
495
|
}, this);
|
|
496
496
|
};
|
|
497
|
-
_s(MyControl, "
|
|
497
|
+
_s(MyControl, "1JhJ+SabN+SWeiQ+w4YKu6iAhLE=");
|
|
498
498
|
_c = MyControl;
|
|
499
499
|
var _default = MyControl;
|
|
500
500
|
var _c;
|
|
@@ -535,11 +535,11 @@ __mako_require__.d(exports, "default", {
|
|
|
535
535
|
});
|
|
536
536
|
var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
|
|
537
537
|
var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
|
|
538
|
-
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
539
|
-
var _jsxdevruntime = __mako_require__("node_modules/
|
|
538
|
+
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js"));
|
|
539
|
+
var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js");
|
|
540
540
|
__mako_require__("docs/examples/bootstrap.tsx?watch=parent");
|
|
541
|
-
var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/
|
|
542
|
-
var
|
|
541
|
+
var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/react/index.js"));
|
|
542
|
+
var _dialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
|
|
543
543
|
"";
|
|
544
544
|
"";
|
|
545
545
|
var prevRefreshReg;
|
|
@@ -560,19 +560,19 @@ _c = InnerRender;
|
|
|
560
560
|
const MyControl = ()=>{
|
|
561
561
|
_s();
|
|
562
562
|
const [visible, setVisible] = _react.default.useState(false);
|
|
563
|
-
const [
|
|
563
|
+
const [destroyOnHidden, setDestroyOnHidden] = _react.default.useState(false);
|
|
564
564
|
const onClick = ()=>{
|
|
565
565
|
setVisible(true);
|
|
566
566
|
};
|
|
567
567
|
const onClose = ()=>{
|
|
568
568
|
setVisible(false);
|
|
569
569
|
};
|
|
570
|
-
const
|
|
571
|
-
|
|
570
|
+
const onDestroyOnHiddenChange = (e)=>{
|
|
571
|
+
setDestroyOnHidden(e.target.checked);
|
|
572
572
|
};
|
|
573
|
-
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
573
|
+
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
574
574
|
visible: visible,
|
|
575
|
-
|
|
575
|
+
destroyOnHidden: destroyOnHidden,
|
|
576
576
|
animation: "slide-fade",
|
|
577
577
|
maskAnimation: "fade",
|
|
578
578
|
onClose: onClose,
|
|
@@ -808,11 +808,11 @@ const MyControl = ()=>{
|
|
|
808
808
|
" ",
|
|
809
809
|
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
|
|
810
810
|
children: [
|
|
811
|
-
"destroy on
|
|
811
|
+
"destroy on hidden:",
|
|
812
812
|
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
|
|
813
813
|
type: "checkbox",
|
|
814
|
-
checked:
|
|
815
|
-
onChange:
|
|
814
|
+
checked: destroyOnHidden,
|
|
815
|
+
onChange: onDestroyOnHiddenChange
|
|
816
816
|
}, void 0, false, {
|
|
817
817
|
fileName: "docs/examples/bootstrap.tsx?techStack=react",
|
|
818
818
|
lineNumber: 124,
|
|
@@ -838,7 +838,7 @@ const MyControl = ()=>{
|
|
|
838
838
|
columnNumber: 5
|
|
839
839
|
}, this);
|
|
840
840
|
};
|
|
841
|
-
_s(MyControl, "
|
|
841
|
+
_s(MyControl, "Nh1DLC/Dg3sgOQ6X8E9k3j5RyRk=");
|
|
842
842
|
_c1 = MyControl;
|
|
843
843
|
var _default = MyControl;
|
|
844
844
|
var _c;
|
|
@@ -881,13 +881,13 @@ __mako_require__.d(exports, "default", {
|
|
|
881
881
|
});
|
|
882
882
|
var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
|
|
883
883
|
var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
|
|
884
|
-
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
885
|
-
var _jsxdevruntime = __mako_require__("node_modules/
|
|
884
|
+
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js"));
|
|
885
|
+
var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js");
|
|
886
886
|
__mako_require__("docs/examples/draggable.tsx?watch=parent");
|
|
887
887
|
"";
|
|
888
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
889
|
-
var _reactdraggable = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/
|
|
890
|
-
var
|
|
888
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react/index.js"));
|
|
889
|
+
var _reactdraggable = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/react-draggable/build/cjs/cjs.js"));
|
|
890
|
+
var _dialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
|
|
891
891
|
"";
|
|
892
892
|
var prevRefreshReg;
|
|
893
893
|
var prevRefreshSig;
|
|
@@ -929,7 +929,7 @@ const MyControl = ()=>{
|
|
|
929
929
|
lineNumber: 18,
|
|
930
930
|
columnNumber: 7
|
|
931
931
|
}, this),
|
|
932
|
-
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
932
|
+
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
933
933
|
visible: visible,
|
|
934
934
|
animation: "slide-fade",
|
|
935
935
|
maskAnimation: "fade",
|
|
@@ -1029,13 +1029,13 @@ __mako_require__.d(exports, "default", {
|
|
|
1029
1029
|
});
|
|
1030
1030
|
var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
|
|
1031
1031
|
var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
|
|
1032
|
-
var _reactrefresh = _interop_require_wildcard._(__mako_require__("node_modules/
|
|
1033
|
-
var _jsxdevruntime = __mako_require__("node_modules/
|
|
1032
|
+
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js"));
|
|
1033
|
+
var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js");
|
|
1034
1034
|
__mako_require__("docs/examples/multiple-Portal.tsx?watch=parent");
|
|
1035
|
-
var _react = _interop_require_wildcard._(__mako_require__("node_modules/
|
|
1036
|
-
var
|
|
1035
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react/index.js"));
|
|
1036
|
+
var _drawer = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/@rc-component/drawer/es/index.js"));
|
|
1037
1037
|
"";
|
|
1038
|
-
var
|
|
1038
|
+
var _dialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
|
|
1039
1039
|
"";
|
|
1040
1040
|
var prevRefreshReg;
|
|
1041
1041
|
var prevRefreshSig;
|
|
@@ -1056,7 +1056,7 @@ const Demo = ()=>{
|
|
|
1056
1056
|
const onToggleDialog = ()=>{
|
|
1057
1057
|
setShowDialog((value)=>!value);
|
|
1058
1058
|
};
|
|
1059
|
-
const dialog = (0, _jsxdevruntime.jsxDEV)(
|
|
1059
|
+
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.default, {
|
|
1060
1060
|
visible: showDialog,
|
|
1061
1061
|
animation: "zoom",
|
|
1062
1062
|
maskAnimation: "fade",
|
|
@@ -1064,8 +1064,8 @@ const Demo = ()=>{
|
|
|
1064
1064
|
forceRender: true,
|
|
1065
1065
|
title: "basic modal",
|
|
1066
1066
|
children: [
|
|
1067
|
-
(0, _jsxdevruntime.jsxDEV)("p", {
|
|
1068
|
-
children: (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1067
|
+
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
|
|
1068
|
+
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1069
1069
|
type: "button",
|
|
1070
1070
|
onClick: onToggleDrawer,
|
|
1071
1071
|
children: "show drawer"
|
|
@@ -1079,7 +1079,7 @@ const Demo = ()=>{
|
|
|
1079
1079
|
lineNumber: 28,
|
|
1080
1080
|
columnNumber: 7
|
|
1081
1081
|
}, this),
|
|
1082
|
-
(0, _jsxdevruntime.jsxDEV)("div", {
|
|
1082
|
+
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
|
|
1083
1083
|
style: {
|
|
1084
1084
|
height: 200
|
|
1085
1085
|
}
|
|
@@ -1094,10 +1094,10 @@ const Demo = ()=>{
|
|
|
1094
1094
|
lineNumber: 20,
|
|
1095
1095
|
columnNumber: 5
|
|
1096
1096
|
}, this);
|
|
1097
|
-
const drawer = (0, _jsxdevruntime.jsxDEV)(
|
|
1097
|
+
const drawer = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_drawer.default, {
|
|
1098
1098
|
open: showDrawer,
|
|
1099
1099
|
onClose: onToggleDrawer,
|
|
1100
|
-
children: (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1100
|
+
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1101
1101
|
type: "button",
|
|
1102
1102
|
onClick: onToggleDrawer,
|
|
1103
1103
|
children: "close drawer"
|
|
@@ -1111,9 +1111,9 @@ const Demo = ()=>{
|
|
|
1111
1111
|
lineNumber: 37,
|
|
1112
1112
|
columnNumber: 5
|
|
1113
1113
|
}, this);
|
|
1114
|
-
return (0, _jsxdevruntime.jsxDEV)("div", {
|
|
1114
|
+
return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
|
|
1115
1115
|
children: [
|
|
1116
|
-
(0, _jsxdevruntime.jsxDEV)("button", {
|
|
1116
|
+
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1117
1117
|
type: "button",
|
|
1118
1118
|
onClick: onToggleDialog,
|
|
1119
1119
|
children: "open dialog"
|
|
@@ -1122,7 +1122,7 @@ const Demo = ()=>{
|
|
|
1122
1122
|
lineNumber: 45,
|
|
1123
1123
|
columnNumber: 7
|
|
1124
1124
|
}, this),
|
|
1125
|
-
(0, _jsxdevruntime.jsxDEV)("button", {
|
|
1125
|
+
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
|
|
1126
1126
|
type: "button",
|
|
1127
1127
|
onClick: ()=>{
|
|
1128
1128
|
setShowDialog(true);
|
|
@@ -1186,11 +1186,11 @@ __mako_require__.d(exports, "default", {
|
|
|
1186
1186
|
});
|
|
1187
1187
|
var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
|
|
1188
1188
|
var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
|
|
1189
|
-
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/
|
|
1190
|
-
var _jsxdevruntime = __mako_require__("node_modules/
|
|
1189
|
+
var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/react-refresh/runtime.js"));
|
|
1190
|
+
var _jsxdevruntime = __mako_require__("node_modules/react/jsx-dev-runtime.js");
|
|
1191
1191
|
__mako_require__("docs/examples/pure.tsx?watch=parent");
|
|
1192
|
-
var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/
|
|
1193
|
-
var
|
|
1192
|
+
var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/react/index.js"));
|
|
1193
|
+
var _dialog = __mako_require__("src/index.ts");
|
|
1194
1194
|
"";
|
|
1195
1195
|
"";
|
|
1196
1196
|
var prevRefreshReg;
|
|
@@ -1201,7 +1201,7 @@ self.$RefreshReg$ = (type, id)=>{
|
|
|
1201
1201
|
_reactrefresh.register(type, module.id + id);
|
|
1202
1202
|
};
|
|
1203
1203
|
self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
|
|
1204
|
-
const Demo = ()=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(
|
|
1204
|
+
const Demo = ()=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_dialog.Panel, {
|
|
1205
1205
|
prefixCls: "rc-dialog",
|
|
1206
1206
|
title: "Title",
|
|
1207
1207
|
closable: true,
|
package/dist/demos-async.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["docs/examples/ant-design.tsx?techStack=react","docs/examples/bootstrap.tsx?techStack=react","docs/examples/draggable.tsx?techStack=react","docs/examples/multiple-Portal.tsx?techStack=react","docs/examples/pure.tsx?techStack=react"],"sourcesContent":["import '/Users/jilin/projects/antd/rc-dialog/docs/examples/ant-design.tsx?watch=parent';/* eslint no-console:0 */\nimport * as React from 'react';\nimport Select from 'rc-select';\nimport 'rc-select/assets/index.less';\nimport Dialog from 'rc-dialog';\nimport '../../assets/index.less';\n\nconst clearPath =\n 'M793 242H366v-74c0-6.7-7.7-10.4-12.9' +\n '-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c' +\n '5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4' +\n ' 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-' +\n '28.7 64-64V306c0-35.3-28.7-64-64-64z';\n\nconst getSvg = (path: string, props = {}, align = false) => (\n <i {...props}>\n <svg\n viewBox=\"0 0 1024 1024\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n style={align ? { verticalAlign: '-0.125em ' } : {}}\n >\n <path d={path} />\n </svg>\n </i>\n);\n\nconst MyControl: React.FC = () => {\n const [visible1, setVisible1] = React.useState(true);\n const [visible2, setVisible2] = React.useState(false);\n const [visible3, setVisible3] = React.useState(false);\n const [width, setWidth] = React.useState(600);\n const [destroyOnClose, setDestroyOnClose] = React.useState(false);\n const [center, setCenter] = React.useState(false);\n const [mousePosition, setMousePosition] = React.useState({ x: null, y: null });\n const [useIcon, setUseIcon] = React.useState(false);\n const [forceRender, setForceRender] = React.useState(false);\n\n const onClick = (e: React.MouseEvent) => {\n setMousePosition({ x: e.pageX, y: e.pageY });\n setVisible1(true);\n };\n\n const onClose = () => {\n setVisible1(false);\n };\n\n const onClose2 = () => {\n setVisible2(false);\n };\n\n const onClose3 = () => {\n setVisible3(false);\n };\n\n const closeAll = () => {\n setVisible1(false);\n setVisible2(false);\n setVisible3(false);\n };\n\n const onDestroyOnCloseChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setDestroyOnClose(e.target.checked);\n };\n\n const onForceRenderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setForceRender(e.target.checked);\n };\n\n const changeWidth = () => {\n setWidth(width === 600 ? 800 : 600);\n };\n\n const centerEvent = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCenter(e.target.checked);\n };\n\n const toggleCloseIcon = () => {\n setUseIcon(!useIcon);\n };\n\n const style = { width };\n\n let wrapClassName = '';\n if (center) {\n wrapClassName = 'center';\n }\n\n const dialog = (\n <Dialog\n visible={visible1}\n wrapClassName={wrapClassName}\n animation=\"zoom\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={style}\n title=\"dialog1\"\n mousePosition={mousePosition}\n destroyOnClose={destroyOnClose}\n closeIcon={useIcon ? getSvg(clearPath, {}, true) : undefined}\n forceRender={forceRender}\n focusTriggerAfterClose={false}\n >\n <input autoFocus />\n <p>basic modal</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible1(false);\n setVisible2(true);\n }}\n >\n 打开第二个并关闭当前的\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVisible2(true);\n }}\n >\n 打开第二个\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }}>\n <Select dropdownStyle={{ zIndex: 9999999 }}>\n <Select.Option value=\"light\">Light</Select.Option>\n </Select>\n </div>\n </Dialog>\n );\n\n const dialog2 = (\n <Dialog visible={visible2} title=\"dialog2\" onClose={onClose2}>\n <input autoFocus />\n <p>basic modal</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible3(true);\n }}\n >\n 打开第三个\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVisible2(false);\n }}\n >\n 关闭当前\n </button>\n <button type=\"button\" onClick={closeAll}>\n 关闭所有\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n\n const dialog3 = (\n <Dialog forceRender title=\"dialog3\" visible={visible3} onClose={onClose3}>\n <p>initialized with forceRender and visbile true</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible3(false);\n }}\n >\n 关闭当前\n </button>\n <button type=\"button\" onClick={closeAll}>\n 关闭所有\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n\n return (\n <React.StrictMode>\n <div style={{ width: '90%', margin: '0 auto', height: '150vh' }}>\n <style>\n {`\n .center {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n `}\n </style>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n \n <label>\n destroy on close:\n <input type=\"checkbox\" checked={destroyOnClose} onChange={onDestroyOnCloseChange} />\n </label>\n \n <label>\n center\n <input type=\"checkbox\" checked={center} onChange={centerEvent} />\n </label>\n \n <label>\n force render\n <input type=\"checkbox\" checked={forceRender} onChange={onForceRenderChange} />\n </label>\n <input placeholder=\"Useless Input\" onClick={onClick} />\n </p>\n {dialog}\n {dialog2}\n {dialog3}\n </div>\n </React.StrictMode>\n );\n};\n\nexport default MyControl;\n","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/bootstrap.tsx?watch=parent';import React from 'react';\nimport Dialog from 'rc-dialog';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport '../../assets/bootstrap.less';\n\n// Check for memo update should work\nconst InnerRender: React.FC = () => {\n console.log('Updated...', Date.now());\n return null;\n};\n\nconst MyControl: React.FC = () => {\n const [visible, setVisible] = React.useState(false);\n const [destroyOnClose, setDestroyOnClose] = React.useState(false);\n\n const onClick = () => {\n setVisible(true);\n };\n\n const onClose = () => {\n setVisible(false);\n };\n\n const onDestroyOnCloseChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setDestroyOnClose(e.target.checked);\n };\n\n const dialog = (\n <Dialog\n visible={visible}\n destroyOnClose={destroyOnClose}\n animation=\"slide-fade\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={{ width: 600 }}\n title={<div>第二个弹框</div>}\n footer={[\n <button type=\"button\" className=\"btn btn-default\" key=\"close\" onClick={onClose}>\n Close\n </button>,\n <button type=\"button\" className=\"btn btn-primary\" key=\"save\" onClick={onClose}>\n Save changes\n </button>,\n ]}\n >\n <InnerRender />\n <h4>Text in a modal</h4>\n <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>\n <hr />\n <h4>Overflowing text to show scroll behavior</h4>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n <button type=\"button\" className=\"btn btn-primary\">\n Primary\n </button>{' '}\n <button type=\"button\" className=\"btn btn-secondary\">\n Secondary\n </button>{' '}\n <button type=\"button\" className=\"btn btn-success\">\n Success\n </button>{' '}\n <button type=\"button\" className=\"btn btn-danger\">\n Danger\n </button>{' '}\n <button type=\"button\" className=\"btn btn-warning\">\n Warning\n </button>{' '}\n <button type=\"button\" className=\"btn btn-info\">\n Info\n </button>{' '}\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <div style={{ display: '' }}>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis\n in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis\n in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n </div>\n </Dialog>\n );\n\n return (\n <div style={{ margin: 20 }}>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n \n <label>\n destroy on close:\n <input type=\"checkbox\" checked={destroyOnClose} onChange={onDestroyOnCloseChange} />\n </label>\n </p>\n {dialog}\n </div>\n );\n};\n\nexport default MyControl;\n","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/draggable.tsx?watch=parent';import 'bootstrap/dist/css/bootstrap.css';\nimport * as React from 'react';\nimport Draggable from 'react-draggable';\nimport Dialog from 'rc-dialog';\nimport '../../assets/index.less';\n\nconst MyControl: React.FC = () => {\n const [visible, setVisible] = React.useState(false);\n const [disabled, setDisabled] = React.useState(true);\n const onClick = () => {\n setVisible(true);\n };\n const onClose = () => {\n setVisible(false);\n };\n return (\n <div style={{ margin: 20 }}>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n </p>\n <Dialog\n visible={visible}\n animation=\"slide-fade\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={{ width: 600 }}\n title={\n <div\n style={{ width: '100%', cursor: 'pointer' }}\n onMouseOver={() => {\n if (disabled) {\n setDisabled(false);\n }\n }}\n onMouseOut={() => {\n setDisabled(true);\n }}\n // fix eslintjsx-a11y/mouse-events-have-key-events\n // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md\n onFocus={() => {}}\n onBlur={() => {}}\n // end\n >\n modal\n </div>\n }\n modalRender={(modal) => <Draggable disabled={disabled}>{modal}</Draggable>}\n >\n <div style={{ height: 200 }}>\n Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.\n </div>\n </Dialog>\n </div>\n );\n};\n\nexport default MyControl;\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","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/pure.tsx?watch=parent';import React from 'react';\nimport { Panel } from 'rc-dialog';\nimport 'rc-select/assets/index.less';\nimport '../../assets/index.less';\n\nconst Demo: React.FC = () => (\n <Panel prefixCls=\"rc-dialog\" title=\"Title\" closable>\n Hello World!\n </Panel>\n);\n\nexport default Demo;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["docs/examples/ant-design.tsx?techStack=react","docs/examples/bootstrap.tsx?techStack=react","docs/examples/draggable.tsx?techStack=react","docs/examples/multiple-Portal.tsx?techStack=react","docs/examples/pure.tsx?techStack=react"],"sourcesContent":["import '/Users/jilin/projects/antd/rc-dialog/docs/examples/ant-design.tsx?watch=parent';/* eslint no-console:0 */\nimport * as React from 'react';\nimport Select from '@rc-component/select';\nimport '@rc-component/select/assets/index.less';\nimport Dialog from '@rc-component/dialog';\nimport '../../assets/index.less';\n\nconst clearPath =\n 'M793 242H366v-74c0-6.7-7.7-10.4-12.9' +\n '-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c' +\n '5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4' +\n ' 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-' +\n '28.7 64-64V306c0-35.3-28.7-64-64-64z';\n\nconst getSvg = (path: string, props = {}, align = false) => (\n <i {...props}>\n <svg\n viewBox=\"0 0 1024 1024\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n style={align ? { verticalAlign: '-0.125em ' } : {}}\n >\n <path d={path} />\n </svg>\n </i>\n);\n\nconst MyControl: React.FC = () => {\n const [visible1, setVisible1] = React.useState(true);\n const [visible2, setVisible2] = React.useState(false);\n const [visible3, setVisible3] = React.useState(false);\n const [width, setWidth] = React.useState(600);\n const [destroyOnHidden, setDestroyOnHidden] = React.useState(false);\n const [center, setCenter] = React.useState(false);\n const [mousePosition, setMousePosition] = React.useState({ x: null, y: null });\n const [useIcon, setUseIcon] = React.useState(false);\n const [forceRender, setForceRender] = React.useState(false);\n\n const onClick = (e: React.MouseEvent) => {\n setMousePosition({ x: e.pageX, y: e.pageY });\n setVisible1(true);\n };\n\n const onClose = () => {\n setVisible1(false);\n };\n\n const onClose2 = () => {\n setVisible2(false);\n };\n\n const onClose3 = () => {\n setVisible3(false);\n };\n\n const closeAll = () => {\n setVisible1(false);\n setVisible2(false);\n setVisible3(false);\n };\n\n const onDestroyOnHiddenChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setDestroyOnHidden(e.target.checked);\n };\n\n const onForceRenderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setForceRender(e.target.checked);\n };\n\n const changeWidth = () => {\n setWidth(width === 600 ? 800 : 600);\n };\n\n const centerEvent = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCenter(e.target.checked);\n };\n\n const toggleCloseIcon = () => {\n setUseIcon(!useIcon);\n };\n\n const style = { width };\n\n let wrapClassName = '';\n if (center) {\n wrapClassName = 'center';\n }\n\n const dialog = (\n <Dialog\n visible={visible1}\n wrapClassName={wrapClassName}\n animation=\"zoom\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={style}\n title=\"dialog1\"\n mousePosition={mousePosition}\n destroyOnHidden={destroyOnHidden}\n closeIcon={useIcon ? getSvg(clearPath, {}, true) : undefined}\n forceRender={forceRender}\n focusTriggerAfterClose={false}\n >\n <input autoFocus />\n <p>basic modal</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible1(false);\n setVisible2(true);\n }}\n >\n 打开第二个并关闭当前的\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVisible2(true);\n }}\n >\n 打开第二个\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }}>\n <Select popupStyle={{ zIndex: 9999999 }}>\n <Select.Option value=\"light\">Light</Select.Option>\n </Select>\n </div>\n </Dialog>\n );\n\n const dialog2 = (\n <Dialog visible={visible2} title=\"dialog2\" onClose={onClose2}>\n <input autoFocus />\n <p>basic modal</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible3(true);\n }}\n >\n 打开第三个\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVisible2(false);\n }}\n >\n 关闭当前\n </button>\n <button type=\"button\" onClick={closeAll}>\n 关闭所有\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n\n const dialog3 = (\n <Dialog forceRender title=\"dialog3\" visible={visible3} onClose={onClose3}>\n <p>initialized with forceRender and visbile true</p>\n <button\n type=\"button\"\n onClick={() => {\n setVisible3(false);\n }}\n >\n 关闭当前\n </button>\n <button type=\"button\" onClick={closeAll}>\n 关闭所有\n </button>\n <button type=\"button\" onClick={changeWidth}>\n change width\n </button>\n <button type=\"button\" onClick={toggleCloseIcon}>\n use custom icon, is using icon: {(useIcon && 'true') || 'false'}.\n </button>\n <div style={{ height: 200 }} />\n </Dialog>\n );\n\n return (\n <React.StrictMode>\n <div style={{ width: '90%', margin: '0 auto', height: '150vh' }}>\n <style>\n {`\n .center {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n `}\n </style>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n \n <label>\n destroy on hidden:\n <input type=\"checkbox\" checked={destroyOnHidden} onChange={onDestroyOnHiddenChange} />\n </label>\n \n <label>\n center\n <input type=\"checkbox\" checked={center} onChange={centerEvent} />\n </label>\n \n <label>\n force render\n <input type=\"checkbox\" checked={forceRender} onChange={onForceRenderChange} />\n </label>\n <input placeholder=\"Useless Input\" onClick={onClick} />\n </p>\n {dialog}\n {dialog2}\n {dialog3}\n </div>\n </React.StrictMode>\n );\n};\n\nexport default MyControl;\n","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/bootstrap.tsx?watch=parent';import React from 'react';\nimport Dialog from '@rc-component/dialog';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport '../../assets/bootstrap.less';\n\n// Check for memo update should work\nconst InnerRender: React.FC = () => {\n console.log('Updated...', Date.now());\n return null;\n};\n\nconst MyControl: React.FC = () => {\n const [visible, setVisible] = React.useState(false);\n const [destroyOnHidden, setDestroyOnHidden] = React.useState(false);\n\n const onClick = () => {\n setVisible(true);\n };\n\n const onClose = () => {\n setVisible(false);\n };\n\n const onDestroyOnHiddenChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setDestroyOnHidden(e.target.checked);\n };\n\n const dialog = (\n <Dialog\n visible={visible}\n destroyOnHidden={destroyOnHidden}\n animation=\"slide-fade\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={{ width: 600 }}\n title={<div>第二个弹框</div>}\n footer={[\n <button type=\"button\" className=\"btn btn-default\" key=\"close\" onClick={onClose}>\n Close\n </button>,\n <button type=\"button\" className=\"btn btn-primary\" key=\"save\" onClick={onClose}>\n Save changes\n </button>,\n ]}\n >\n <InnerRender />\n <h4>Text in a modal</h4>\n <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>\n <hr />\n <h4>Overflowing text to show scroll behavior</h4>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n <button type=\"button\" className=\"btn btn-primary\">\n Primary\n </button>{' '}\n <button type=\"button\" className=\"btn btn-secondary\">\n Secondary\n </button>{' '}\n <button type=\"button\" className=\"btn btn-success\">\n Success\n </button>{' '}\n <button type=\"button\" className=\"btn btn-danger\">\n Danger\n </button>{' '}\n <button type=\"button\" className=\"btn btn-warning\">\n Warning\n </button>{' '}\n <button type=\"button\" className=\"btn btn-info\">\n Info\n </button>{' '}\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <div style={{ display: '' }}>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis\n in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n <p>\n Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis\n in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\n </p>\n <p>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus\n vel augue laoreet rutrum faucibus dolor auctor.\n </p>\n <p>\n Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel\n scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus\n auctor fringilla.\n </p>\n </div>\n </Dialog>\n );\n\n return (\n <div style={{ margin: 20 }}>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n \n <label>\n destroy on hidden:\n <input type=\"checkbox\" checked={destroyOnHidden} onChange={onDestroyOnHiddenChange} />\n </label>\n </p>\n {dialog}\n </div>\n );\n};\n\nexport default MyControl;\n","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/draggable.tsx?watch=parent';import 'bootstrap/dist/css/bootstrap.css';\nimport * as React from 'react';\nimport Draggable from 'react-draggable';\nimport Dialog from '@rc-component/dialog';\nimport '../../assets/index.less';\n\nconst MyControl: React.FC = () => {\n const [visible, setVisible] = React.useState(false);\n const [disabled, setDisabled] = React.useState(true);\n const onClick = () => {\n setVisible(true);\n };\n const onClose = () => {\n setVisible(false);\n };\n return (\n <div style={{ margin: 20 }}>\n <p>\n <button type=\"button\" className=\"btn btn-primary\" onClick={onClick}>\n show dialog\n </button>\n </p>\n <Dialog\n visible={visible}\n animation=\"slide-fade\"\n maskAnimation=\"fade\"\n onClose={onClose}\n style={{ width: 600 }}\n title={\n <div\n style={{ width: '100%', cursor: 'pointer' }}\n onMouseOver={() => {\n if (disabled) {\n setDisabled(false);\n }\n }}\n onMouseOut={() => {\n setDisabled(true);\n }}\n // fix eslintjsx-a11y/mouse-events-have-key-events\n // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md\n onFocus={() => { }}\n onBlur={() => { }}\n // end\n >\n modal\n </div>\n }\n modalRender={(modal) => <Draggable disabled={disabled}>{modal}</Draggable>}\n >\n <div style={{ height: 200 }}>\n Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.\n </div>\n </Dialog>\n </div>\n );\n};\n\nexport default MyControl;\n","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/multiple-Portal.tsx?watch=parent';import * as React from 'react';\nimport Drawer from '@rc-component/drawer';\nimport '@rc-component/drawer/assets/index.css';\nimport Dialog from '@rc-component/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","import '/Users/jilin/projects/antd/rc-dialog/docs/examples/pure.tsx?watch=parent';import React from 'react';\nimport { Panel } from '@rc-component/dialog';\nimport '@rc-component/select/assets/index.less';\nimport '../../assets/index.less';\n\nconst Demo: React.FC = () => (\n <Panel prefixCls=\"rc-dialog\" title=\"Title\" closable>\n Hello World!\n </Panel>\n);\n\nexport default Demo;\n"],"names":[],"mappings":"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"}
|