pocko-ui 1.1.21 → 1.1.22
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.
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./Index.scss";
|
|
3
|
-
|
|
3
|
+
/** 单条通知对象 */
|
|
4
|
+
export interface Notice {
|
|
4
5
|
message: string;
|
|
5
6
|
description?: string;
|
|
6
7
|
duration?: number;
|
|
7
8
|
}
|
|
8
|
-
|
|
9
|
+
/** Notification 组件 Props */
|
|
10
|
+
export interface NotificationProps {
|
|
9
11
|
wrapperContentClassName?: string;
|
|
10
12
|
wrapperContentMessageClassName?: string;
|
|
11
13
|
wrapperContentDescriptionClassName?: string;
|
|
12
14
|
closeIcon?: React.ReactNode;
|
|
13
|
-
onOpen?:
|
|
14
|
-
onClose?:
|
|
15
|
+
onOpen?: () => void;
|
|
16
|
+
onClose?: () => void;
|
|
15
17
|
}
|
|
18
|
+
/** Notification 组件 ref 暴露方法 */
|
|
16
19
|
export interface NotificationRef {
|
|
17
20
|
open: (notice: Notice) => void;
|
|
18
21
|
close: () => void;
|
|
@@ -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 _utils_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\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 Notification = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {\n var wrapperContentClassName = props.wrapperContentClassName,\n wrapperContentMessageClassName = props.wrapperContentMessageClassName,\n wrapperContentDescriptionClassName = props.wrapperContentDescriptionClassName,\n closeIcon = props.closeIcon,\n onOpen = props.onOpen,\n onClose = props.onClose;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n visible = _useState2[0],\n setVisible = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n message: \"\",\n description: \"\",\n duration: 3\n }),\n _useState4 = _slicedToArray(_useState3, 2),\n currentNotice = _useState4[0],\n setCurrentNotice = _useState4[1];\n var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
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 _utils_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\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\n\n/** 单条通知对象 */\n\n/** Notification 组件 Props */\n\n/** Notification 组件 ref 暴露方法 */\n\nvar Notification = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {\n var wrapperContentClassName = props.wrapperContentClassName,\n wrapperContentMessageClassName = props.wrapperContentMessageClassName,\n wrapperContentDescriptionClassName = props.wrapperContentDescriptionClassName,\n closeIcon = props.closeIcon,\n onOpen = props.onOpen,\n onClose = props.onClose;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n visible = _useState2[0],\n setVisible = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n message: \"\",\n description: \"\",\n duration: 3\n }),\n _useState4 = _slicedToArray(_useState3, 2),\n currentNotice = _useState4[0],\n setCurrentNotice = _useState4[1];\n var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n _useState6 = _slicedToArray(_useState5, 2),\n container = _useState6[0],\n setContainer = _useState6[1];\n\n // 延迟初始化容器，避免 SSR 报错\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n var div = document.createElement(\"div\");\n div.className = \"noticefication-content\";\n document.body.appendChild(div);\n setContainer(div);\n return function () {\n document.body.removeChild(div);\n };\n }, []);\n\n // 暴露给 ref 调用的方法\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, function () {\n return {\n open: function open(notice) {\n return showNotice(notice);\n },\n close: function close() {\n return handleClose();\n }\n };\n });\n\n // 打开通知\n var showNotice = function showNotice(notice) {\n setCurrentNotice(notice);\n setVisible(true);\n onOpen === null || onOpen === void 0 || onOpen();\n if (notice.duration && notice.duration > 0) {\n setTimeout(function () {\n return handleClose();\n }, notice.duration * 1000);\n }\n };\n\n // 关闭通知\n var handleClose = function handleClose() {\n setVisible(false);\n onClose === null || onClose === void 0 || onClose();\n };\n\n // SSR 阶段或未初始化容器，直接返回 null\n if (!container || !visible) return null;\n var noticeContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentClassName, \"bg-white shadow-lg border p-4 animate-slide-in relative\")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentMessageClassName, \"noticefication-content_message font-medium text-gray-900\")\n }, currentNotice.message), currentNotice.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentDescriptionClassName, \"noticefication-content_description text-gray-600 text-sm mt-1\")\n }, currentNotice.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"noticefication-content_close cursor-pointer absolute top-2 right-2\",\n onClick: handleClose\n }, closeIcon || \"×\"));\n return /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(noticeContent, container);\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification);\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
|
|
50
50
|
|
|
51
51
|
/***/ }),
|
|
52
52
|
|
|
@@ -66,7 +66,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
66
66
|
\*********************************************************************************************************************************************************************/
|
|
67
67
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
68
68
|
|
|
69
|
-
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 _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.noticefication-content {\n box-sizing: border-box;\n margin: 0 24px 0 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.8509803922);\n position:
|
|
69
|
+
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 _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.noticefication-content {\n box-sizing: border-box;\n margin: 0 24px 0 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.8509803922);\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1020;\n width: 400px;\n max-width: calc(100vw - 400px);\n}\n.noticefication-content .noticefication-content_message {\n margin-bottom: 8px;\n font-size: 16px;\n line-height: 24px;\n}\n.noticefication-content .noticefication-content_description {\n font-size: 14px;\n}\n.noticefication-content .noticefication-content_close {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n}\n\n@keyframes slide-in {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.animate-slide-in {\n animation: slide-in 0.3s ease forwards;\n}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/Index.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;EACA,eAAA;EACA,SAAA;EACA,WAAA;EAEA,aAAA;EACA,YAAA;EACA,8BAAA;AAAF;AAEE;EACE,kBAAA;EACA,eAAA;EACA,iBAAA;AAAJ;AAGE;EACE,eAAA;AADJ;AAIE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;AAFJ;;AAMA;EACE;IACE,UAAA;IACA,2BAAA;EAHF;EAKA;IACE,UAAA;IACA,wBAAA;EAHF;AACF;AAMA;EACE,sCAAA;AAJF\",\"sourcesContent\":[\".noticefication-content {\\r\\n box-sizing: border-box;\\r\\n margin: 0 24px 0 0;\\r\\n padding: 0;\\r\\n color: #000000d9;\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n\\r\\n z-index: 1020;\\r\\n width: 400px;\\r\\n max-width: calc(100vw - 400px);\\r\\n\\r\\n .noticefication-content_message {\\r\\n margin-bottom: 8px;\\r\\n font-size: 16px;\\r\\n line-height: 24px;\\r\\n }\\r\\n\\r\\n .noticefication-content_description {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .noticefication-content_close {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes slide-in {\\r\\n from {\\r\\n opacity: 0;\\r\\n transform: translateX(40px);\\r\\n }\\r\\n to {\\r\\n opacity: 1;\\r\\n transform: translateX(0);\\r\\n }\\r\\n}\\r\\n\\r\\n.animate-slide-in {\\r\\n animation: slide-in 0.3s ease forwards;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://RPB/./src/Index.scss?../../node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D!../../node_modules/sass-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D");
|
|
70
70
|
|
|
71
71
|
/***/ }),
|
|
72
72
|
|
package/README.md
CHANGED