@rc-component/dialog
Version:
dialog ui component for react
1,189 lines (1,185 loc) • 52.2 kB
JavaScript
((typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] = (typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] || []).push([
['demos'],
{ "docs/examples/ant-design.tsx?techStack=react": 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@0.14.2@react-refresh/runtime.js"));
var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
__mako_require__("docs/examples/ant-design.tsx?watch=parent");
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
var _rcselect = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_rc-select@14.16.6@rc-select/es/index.js"));
"";
var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
"";
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 clearPath = "M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z";
const getSvg = (path, props = {}, align = false)=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("i", {
...props,
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("svg", {
viewBox: "0 0 1024 1024",
width: "1em",
height: "1em",
fill: "currentColor",
style: align ? {
verticalAlign: '-0.125em '
} : {},
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("path", {
d: path
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 24,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 17,
columnNumber: 5
}, this)
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 16,
columnNumber: 3
}, this);
const MyControl = ()=>{
_s();
const [visible1, setVisible1] = _react.useState(true);
const [visible2, setVisible2] = _react.useState(false);
const [visible3, setVisible3] = _react.useState(false);
const [width, setWidth] = _react.useState(600);
const [destroyOnClose, setDestroyOnClose] = _react.useState(false);
const [center, setCenter] = _react.useState(false);
const [mousePosition, setMousePosition] = _react.useState({
x: null,
y: null
});
const [useIcon, setUseIcon] = _react.useState(false);
const [forceRender, setForceRender] = _react.useState(false);
const onClick = (e)=>{
setMousePosition({
x: e.pageX,
y: e.pageY
});
setVisible1(true);
};
const onClose = ()=>{
setVisible1(false);
};
const onClose2 = ()=>{
setVisible2(false);
};
const onClose3 = ()=>{
setVisible3(false);
};
const closeAll = ()=>{
setVisible1(false);
setVisible2(false);
setVisible3(false);
};
const onDestroyOnCloseChange = (e)=>{
setDestroyOnClose(e.target.checked);
};
const onForceRenderChange = (e)=>{
setForceRender(e.target.checked);
};
const changeWidth = ()=>{
setWidth(width === 600 ? 800 : 600);
};
const centerEvent = (e)=>{
setCenter(e.target.checked);
};
const toggleCloseIcon = ()=>{
setUseIcon(!useIcon);
};
const style = {
width
};
let wrapClassName = '';
if (center) wrapClassName = 'center';
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
visible: visible1,
wrapClassName: wrapClassName,
animation: "zoom",
maskAnimation: "fade",
onClose: onClose,
style: style,
title: "dialog1",
mousePosition: mousePosition,
destroyOnClose: destroyOnClose,
closeIcon: useIcon ? getSvg(clearPath, {}, true) : undefined,
forceRender: forceRender,
focusTriggerAfterClose: false,
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
autoFocus: true
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 105,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "basic modal"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 106,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setVisible1(false);
setVisible2(true);
},
children: "打开第二个并关闭当前的"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 107,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setVisible2(true);
},
children: "打开第二个"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 116,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: changeWidth,
children: "change width"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 124,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: toggleCloseIcon,
children: [
"use custom icon, is using icon: ",
useIcon && 'true' || 'false',
"."
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 127,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
height: 200
},
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcselect.default, {
dropdownStyle: {
zIndex: 9999999
},
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcselect.default.Option, {
value: "light",
children: "Light"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 132,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 131,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 130,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 91,
columnNumber: 5
}, this);
const dialog2 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
visible: visible2,
title: "dialog2",
onClose: onClose2,
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
autoFocus: true
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 140,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "basic modal"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 141,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setVisible3(true);
},
children: "打开第三个"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 142,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setVisible2(false);
},
children: "关闭当前"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 150,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: closeAll,
children: "关闭所有"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 158,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: changeWidth,
children: "change width"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 161,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: toggleCloseIcon,
children: [
"use custom icon, is using icon: ",
useIcon && 'true' || 'false',
"."
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 164,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
height: 200
}
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 167,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 139,
columnNumber: 5
}, this);
const dialog3 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
forceRender: true,
title: "dialog3",
visible: visible3,
onClose: onClose3,
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "initialized with forceRender and visbile true"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 173,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setVisible3(false);
},
children: "关闭当前"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 174,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: closeAll,
children: "关闭所有"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 182,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: changeWidth,
children: "change width"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 185,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: toggleCloseIcon,
children: [
"use custom icon, is using icon: ",
useIcon && 'true' || 'false',
"."
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 188,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
height: 200
}
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 191,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 172,
columnNumber: 5
}, this);
return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_react.StrictMode, {
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
width: '90%',
margin: '0 auto',
height: '150vh'
},
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("style", {
children: `
.center {
display: flex;
align-items: center;
justify-content: center;
}
`
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 198,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-primary",
onClick: onClick,
children: "show dialog"
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 208,
columnNumber: 11
}, this),
" ",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
children: [
"destroy on close:",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
type: "checkbox",
checked: destroyOnClose,
onChange: onDestroyOnCloseChange
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 214,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 212,
columnNumber: 11
}, this),
" ",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
children: [
"center",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
type: "checkbox",
checked: center,
onChange: centerEvent
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 219,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 217,
columnNumber: 11
}, this),
" ",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
children: [
"force render",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
type: "checkbox",
checked: forceRender,
onChange: onForceRenderChange
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 224,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 222,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
placeholder: "Useless Input",
onClick: onClick
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 226,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 207,
columnNumber: 9
}, this),
dialog,
dialog2,
dialog3
]
}, void 0, true, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 197,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "docs/examples/ant-design.tsx?techStack=react",
lineNumber: 196,
columnNumber: 5
}, this);
};
_s(MyControl, "Q4n2a7SirievzNcbMgjFqOBGAvQ=");
_c = MyControl;
var _default = MyControl;
var _c;
$RefreshReg$(_c, "MyControl");
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?techStack=react": 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@0.14.2@react-refresh/runtime.js"));
var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
__mako_require__("docs/examples/bootstrap.tsx?watch=parent");
var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
"";
"";
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$();
// Check for memo update should work
const InnerRender = ()=>{
console.log('Updated...', Date.now());
return null;
};
_c = InnerRender;
const MyControl = ()=>{
_s();
const [visible, setVisible] = _react.default.useState(false);
const [destroyOnClose, setDestroyOnClose] = _react.default.useState(false);
const onClick = ()=>{
setVisible(true);
};
const onClose = ()=>{
setVisible(false);
};
const onDestroyOnCloseChange = (e)=>{
setDestroyOnClose(e.target.checked);
};
const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
visible: visible,
destroyOnClose: destroyOnClose,
animation: "slide-fade",
maskAnimation: "fade",
onClose: onClose,
style: {
width: 600
},
title: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
children: "第二个弹框"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 36,
columnNumber: 14
}, void 0),
footer: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-default",
onClick: onClose,
children: "Close"
}, "close", false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 38,
columnNumber: 9
}, void 0),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-primary",
onClick: onClose,
children: "Save changes"
}, "save", false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 41,
columnNumber: 9
}, void 0)
],
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(InnerRender, {}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 46,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("h4", {
children: "Text in a modal"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 47,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Duis mollis, est non commodo luctus, nisi erat porttitor ligula."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 48,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("hr", {}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 49,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("h4", {
children: "Overflowing text to show scroll behavior"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 50,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 51,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-primary",
children: "Primary"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 56,
columnNumber: 9
}, this),
' ',
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-secondary",
children: "Secondary"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 59,
columnNumber: 9
}, this),
' ',
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-success",
children: "Success"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 62,
columnNumber: 9
}, this),
' ',
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-danger",
children: "Danger"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 65,
columnNumber: 9
}, this),
' ',
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-warning",
children: "Warning"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 68,
columnNumber: 9
}, this),
' ',
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-info",
children: "Info"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 71,
columnNumber: 9
}, this),
' '
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 55,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 75,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
display: ''
},
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 80,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 85,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 89,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 93,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 98,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 102,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 106,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 79,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 29,
columnNumber: 5
}, this);
return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
margin: 20
},
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-primary",
onClick: onClick,
children: "show dialog"
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 118,
columnNumber: 9
}, this),
" ",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
children: [
"destroy on close:",
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
type: "checkbox",
checked: destroyOnClose,
onChange: onDestroyOnCloseChange
}, void 0, false, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 124,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 122,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 117,
columnNumber: 7
}, this),
dialog
]
}, void 0, true, {
fileName: "docs/examples/bootstrap.tsx?techStack=react",
lineNumber: 116,
columnNumber: 5
}, this);
};
_s(MyControl, "363sW11dLczQS/dCG/YLSRcWcb4=");
_c1 = MyControl;
var _default = MyControl;
var _c;
var _c1;
$RefreshReg$(_c, "InnerRender");
$RefreshReg$(_c1, "MyControl");
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?techStack=react": 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@0.14.2@react-refresh/runtime.js"));
var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
__mako_require__("docs/examples/draggable.tsx?watch=parent");
"";
var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
var _reactdraggable = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_react-draggable@4.4.6@react-draggable/build/cjs/cjs.js"));
var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
"";
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 MyControl = ()=>{
_s();
const [visible, setVisible] = _react.useState(false);
const [disabled, setDisabled] = _react.useState(true);
const onClick = ()=>{
setVisible(true);
};
const onClose = ()=>{
setVisible(false);
};
return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
margin: 20
},
children: [
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
className: "btn btn-primary",
onClick: onClick,
children: "show dialog"
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 19,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 18,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
visible: visible,
animation: "slide-fade",
maskAnimation: "fade",
onClose: onClose,
style: {
width: 600
},
title: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
width: '100%',
cursor: 'pointer'
},
onMouseOver: ()=>{
if (disabled) setDisabled(false);
},
onMouseOut: ()=>{
setDisabled(true);
},
// fix eslintjsx-a11y/mouse-events-have-key-events
// https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
onFocus: ()=>{},
onBlur: ()=>{},
children: "modal"
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 30,
columnNumber: 11
}, void 0),
modalRender: (modal)=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_reactdraggable.default, {
disabled: disabled,
children: modal
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 49,
columnNumber: 33
}, void 0),
children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
style: {
height: 200
},
children: "Day before yesterday I saw a rabbit, and yesterday a deer, and today, you."
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 51,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 23,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/draggable.tsx?techStack=react",
lineNumber: 17,
columnNumber: 5
}, this);
};
_s(MyControl, "QI8aYP7T5NAIm89XPwPafPceRPo=");
_c = MyControl;
var _default = MyControl;
var _c;
$RefreshReg$(_c, "MyControl");
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?techStack=react": 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 = _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
__mako_require__("docs/examples/multiple-Portal.tsx?watch=parent");
var _react = _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
var _rcdrawer = _interop_require_default._(__mako_require__("node_modules/_rc-drawer@7.2.0@rc-drawer/es/index.js"));
"";
var _rcdialog = _interop_require_default._(__mako_require__("src/index.ts"));
"";
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 Demo = ()=>{
_s();
const [showDialog, setShowDialog] = _react.useState(false);
const [showDrawer, setShowDrawer] = _react.useState(false);
const onToggleDrawer = ()=>{
setShowDrawer((value)=>!value);
};
const onToggleDialog = ()=>{
setShowDialog((value)=>!value);
};
const dialog = (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
visible: showDialog,
animation: "zoom",
maskAnimation: "fade",
onClose: onToggleDialog,
forceRender: true,
title: "basic modal",
children: [
(0, _jsxdevruntime.jsxDEV)("p", {
children: (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: onToggleDrawer,
children: "show drawer"
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 29,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 28,
columnNumber: 7
}, this),
(0, _jsxdevruntime.jsxDEV)("div", {
style: {
height: 200
}
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 33,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 20,
columnNumber: 5
}, this);
const drawer = (0, _jsxdevruntime.jsxDEV)(_rcdrawer.default, {
open: showDrawer,
onClose: onToggleDrawer,
children: (0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: onToggleDrawer,
children: "close drawer"
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 38,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 37,
columnNumber: 5
}, this);
return (0, _jsxdevruntime.jsxDEV)("div", {
children: [
(0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: onToggleDialog,
children: "open dialog"
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 45,
columnNumber: 7
}, this),
(0, _jsxdevruntime.jsxDEV)("button", {
type: "button",
onClick: ()=>{
setShowDialog(true);
setTimeout(()=>{
setShowDialog(false);
}, 0);
},
children: "quick"
}, void 0, false, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 48,
columnNumber: 7
}, this),
dialog,
drawer
]
}, void 0, true, {
fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
lineNumber: 44,
columnNumber: 5
}, this);
};
_s(Demo, "NXmLaLBTsMoIATQhEKlsH30qgiI=");
_c = Demo;
var _default = Demo;
var _c;
$RefreshReg$(_c, "Demo");
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?techStack=react": 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__("