pocko-ui 1.0.26 → 1.0.28
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/ModalDialog/index.d.ts +7 -7
- package/ModalDialog/index.js +1 -1
- package/package.json +1 -1
package/ModalDialog/index.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import "./Index.scss";
|
|
3
3
|
interface Props {
|
|
4
|
-
zIndex?:
|
|
4
|
+
zIndex?: number;
|
|
5
5
|
heading?: string;
|
|
6
6
|
modalSize?: "full" | "xl" | "lg" | "common";
|
|
7
7
|
modalContentClassName?: string;
|
|
8
8
|
modalHeaderClassName?: string;
|
|
9
9
|
modalBodyClassName?: string;
|
|
10
10
|
modalFooterClassName?: string;
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
header?: ReactNode;
|
|
13
|
-
footer?: ReactNode;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
header?: React.ReactNode;
|
|
13
|
+
footer?: React.ReactNode;
|
|
14
14
|
onOpen?: Function;
|
|
15
15
|
onSubmit?: Function;
|
|
16
16
|
modalBodyHeight?: string;
|
|
17
17
|
operationName?: string;
|
|
18
18
|
onClose?: Function;
|
|
19
|
-
triggerContent
|
|
19
|
+
triggerContent?: React.ReactNode;
|
|
20
20
|
triggerClassName?: string;
|
|
21
21
|
}
|
|
22
|
-
declare const Mask: React.ForwardRefExoticComponent<Props & React.RefAttributes<
|
|
22
|
+
declare const Mask: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
|
|
23
23
|
export default Mask;
|
package/ModalDialog/index.js
CHANGED
|
@@ -46,7 +46,7 @@ eval("\n\nmodule.exports = function (item) {\n var content = item[1];\n var cs
|
|
|
46
46
|
\***********************/
|
|
47
47
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
48
48
|
|
|
49
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n\n\n\n\nvar Mask = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function
|
|
49
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n\nvar Mask = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {\n var _ref$modalSize = _ref.modalSize,\n modalSize = _ref$modalSize === void 0 ? \"common\" : _ref$modalSize,\n heading = _ref.heading,\n onSubmit = _ref.onSubmit,\n children = _ref.children,\n _ref$operationName = _ref.operationName,\n operationName = _ref$operationName === void 0 ? \"确认\" : _ref$operationName,\n modalBodyHeight = _ref.modalBodyHeight,\n onOpen = _ref.onOpen,\n onClose = _ref.onClose,\n zIndex = _ref.zIndex,\n header = _ref.header,\n footer = _ref.footer,\n modalContentClassName = _ref.modalContentClassName,\n modalHeaderClassName = _ref.modalHeaderClassName,\n modalBodyClassName = _ref.modalBodyClassName,\n modalFooterClassName = _ref.modalFooterClassName,\n triggerContent = _ref.triggerContent,\n triggerClassName = _ref.triggerClassName;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n isMounted = _useState2[0],\n setIsMounted = _useState2[1];\n var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var modalRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n containerRef.current = document.createElement(\"div\");\n containerRef.current.className = \"modal-container \".concat(triggerClassName || \"\");\n document.body.appendChild(containerRef.current);\n setIsMounted(true);\n return function () {\n if (containerRef.current) {\n containerRef.current.remove();\n setIsMounted(false);\n }\n };\n }, []);\n var onOpenClick = function onOpenClick() {\n if (!(modalRef !== null && modalRef !== void 0 && modalRef.current)) return;\n if (onOpen) {\n setTimeout(function () {\n onOpen();\n }, 150);\n }\n modalRef.current.style.display = \"block\";\n setTimeout(function () {\n modalRef.current.classList.add(\"show\");\n }, 100);\n };\n var onCloseClick = function onCloseClick() {\n if (!(modalRef !== null && modalRef !== void 0 && modalRef.current)) return;\n if (onClose) {\n setTimeout(function () {\n onClose();\n }, 150);\n }\n modalRef.current.classList.remove(\"show\");\n setTimeout(function () {\n modalRef.current.style.display = \"none\";\n }, 100);\n };\n\n // Expose methods to parent component\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, function () {\n return {\n open: onOpenClick,\n close: onCloseClick\n };\n });\n var modalContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n ref: modalRef,\n className: \"modal fade bg-black bg-opacity-25 toast\",\n tabIndex: -1,\n role: \"dialog\",\n style: {\n zIndex: zIndex\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsCombine)(\"modal-dialog modal-dialog-centered modal-dialog-scrollable\", {\n \"modal-fullscreen\": modalSize === \"full\",\n \"modal-xl\": modalSize === \"xl\",\n \"modal-lg\": modalSize === \"lg\"\n })\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(modalContentClassName, \"modal-content\")\n }, header ? header : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(modalHeaderClassName, \"modal-header\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h1\", {\n className: \"modal-title fs-5\"\n }, heading), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n type: \"button\",\n className: \"btn-close\",\n \"data-bs-dismiss\": \"modal\",\n \"aria-label\": \"Close\",\n onClick: onCloseClick\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(modalBodyClassName, \"modal-body\"),\n style: {\n height: modalBodyHeight ? \"\".concat(modalBodyHeight, \"vh\") : \"auto\"\n }\n }, children), footer ? footer : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(modalFooterClassName, \"modal-footer\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n type: \"button\",\n className: \"btn btn-secondary\",\n onClick: onCloseClick\n }, \"\\u53D6\\u6D88\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"button\", {\n type: \"button\",\n className: \"btn btn-primary\",\n onClick: function onClick() {\n if (onSubmit) {\n onSubmit();\n }\n }\n }, operationName)))));\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, triggerContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(triggerClassName, \"trigger-container\"),\n onClick: onOpenClick\n }, triggerContent), isMounted && containerRef.current && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(modalContent, containerRef.current));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Mask);\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
|
|
50
50
|
|
|
51
51
|
/***/ }),
|
|
52
52
|
|