funda-ui 4.7.212 → 4.7.250

package/Date/index.js

@@ -5424,9 +5424,14 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
 
     e.target.select();
     resetDefauleValueExist();
-    var _date = "".concat(splitVals[0], "-").concat(splitVals[1], "-").concat(splitVals[2]);
-    var _full = "".concat(_date, " ").concat(splitVals[3], ":").concat(splitVals[4], ":").concat(splitVals[5]);
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, valueResConverter(_full), (0,cjs_date.isValidDate)(_full), getAllSplittingInputs());
+
+    // If there is no valid default value in the input field, 
+    // onChange should be triggered only after the resetDefauleValueExist() function is processed
+    if (!dateDefaultValueExist) {
+      var _date = "".concat(splitVals[0], "-").concat(splitVals[1], "-").concat(splitVals[2]);
+      var _full = "".concat(_date, " ").concat(splitVals[3], ":").concat(splitVals[4], ":").concat(splitVals[5]);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, valueResConverter(_full), (0,cjs_date.isValidDate)(_full), getAllSplittingInputs());
+    }
   }
   function handleKeyPressed(_x2) {
     return _handleKeyPressed.apply(this, arguments);
@@ -5461,17 +5466,19 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
   }
   function _handleKeyPressedForSplitInputs() {
     _handleKeyPressedForSplitInputs = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
-      var key, btnMark, move;
+      var key, btnMark, isLeftArrow, isRightArrow, move;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             key = event.code;
-            btnMark = event.target.dataset.mark;
-            move = function move(key) {
+            btnMark = event.target.dataset.mark; // Check for both regular arrow keys and numpad arrow keys
+            isLeftArrow = key === 'ArrowLeft' || key === 'Numpad4';
+            isRightArrow = key === 'ArrowRight' || key === 'Numpad6';
+            move = function move(direction) {
               var currentIndex = splitInputsIds.findIndex(function (s) {
                 return s === btnMark;
               });
-              var nextIndex = key === 'ArrowLeft' ? currentIndex === splitInputsIds.length - 1 ? 0 : currentIndex - 1 : currentIndex === splitInputsIds.length - 1 ? 0 : currentIndex + 1;
+              var nextIndex = direction === 'left' ? currentIndex === 0 ? splitInputsIds.length - 1 : currentIndex - 1 : currentIndex === splitInputsIds.length - 1 ? 0 : currentIndex + 1;
               var nextOption = splitInputsIds.at(nextIndex);
               if (nextOption) {
                 setTimeout(function () {
@@ -5481,13 +5488,13 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
                 setFocusableSplitInputId(nextOption);
               }
             };
-            if (key === 'ArrowLeft') {
-              move('ArrowLeft');
+            if (isLeftArrow) {
+              move('left');
             }
-            if (key === 'ArrowRight') {
-              move('ArrowRight');
+            if (isRightArrow) {
+              move('right');
             }
-          case 5:
+          case 7:
           case "end":
             return _context2.stop();
         }
@@ -5500,6 +5507,7 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, '', false, getAllSplittingInputs());
   }
   function resetDefauleValueExist() {
+    // Does the current input box have a "valid default value"?
     if (!dateDefaultValueExist) setDateDefaultValueExist(true);
   }
   function resetPopupBlurStatus() {

package/EventCalendar/index.js

@@ -1496,7 +1496,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onClose = props.onClose,
             onSubmit = props.onSubmit,
             id = props.id,
-            children = props.children;
+            children = props.children,
+            onPressEnter = props.onPressEnter;
           var DEPTH = depth || 1055; // the default value same as bootstrap
           var M_WIDTH = fullscreen ? undefined : typeof maxWidth === 'function' ? maxWidth() : maxWidth ? maxWidth : undefined;
           var M_HEIGHT = typeof minHeight === 'function' ? minHeight() : minHeight ? minHeight : undefined;
@@ -1574,12 +1575,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             openAction();
 
             //
-            var callback = function callback(e) {
-              return function () {
-                handleCloseWin(e);
-              };
+            var callback = function callback() {
+              handleCloseWin(e);
             };
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback(e));
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback);
           }
           function closeAction() {
             // pause video without controls
@@ -1739,6 +1738,22 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             };
           }, [show, data, modalRef.current]); // When show`` defaults to true, `modalRef.current` will be null
 
+          // 监听回车键
+          (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+            if (!modalShow || !onPressEnter) return;
+            var handleKeyDown = function handleKeyDown(e) {
+              if (e.key === 'Enter' || e.key === 'NumpadEnter') {
+                var _callback = function _callback() {
+                  handleCloseWin(null);
+                };
+                onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(_callback);
+              }
+            };
+            window.addEventListener('keydown', handleKeyDown);
+            return function () {
+              window.removeEventListener('keydown', handleKeyDown);
+            };
+          }, [modalShow, onPressEnter]);
           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(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: triggerClassName ? triggerClassName : 'd-inline w-auto',
             ref: triggerRef,
@@ -1780,7 +1795,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             type: "button",
             className: enableVideo ? 'btn-close btn-close-white' : 'btn-close',
             "data-close": "1",
-            onClick: handleCloseWin
+            onClick: function onClick(e) {
+              return handleCloseWin(e);
+            }
           }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: "".concat(enableVideo ? 'modal-body m-0 p-0' : 'modal-body', " ").concat(modalBodyClassName || '')
           }, enableVideo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1793,19 +1810,19 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             className: "modal-footer ".concat(modalFooterClassName || '')
           }, !closeDisabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, closeBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
             "data-close": "1",
-            onClick: handleCloseWin,
+            onClick: function onClick(e) {
+              return handleCloseWin(e);
+            },
             type: "button",
             className: closeBtnClassName ? closeBtnClassName : 'btn btn-secondary'
           }, closeBtnLabel) : null) : null, submitBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
             "data-confirm": "1",
             "data-incoming-data": "".concat(incomingData),
             onClick: function onClick(e) {
-              var callback = function callback(e) {
-                return function () {
-                  handleCloseWin(e);
-                };
+              var callback = function callback() {
+                handleCloseWin(e);
               };
-              onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback(e), incomingData);
+              onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback, incomingData);
             },
             type: "button",
             className: submitBtnClassName ? submitBtnClassName : 'btn btn-primary'

package/EventCalendarTimeline/index.js

@@ -1496,7 +1496,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onClose = props.onClose,
             onSubmit = props.onSubmit,
             id = props.id,
-            children = props.children;
+            children = props.children,
+            onPressEnter = props.onPressEnter;
           var DEPTH = depth || 1055; // the default value same as bootstrap
           var M_WIDTH = fullscreen ? undefined : typeof maxWidth === 'function' ? maxWidth() : maxWidth ? maxWidth : undefined;
           var M_HEIGHT = typeof minHeight === 'function' ? minHeight() : minHeight ? minHeight : undefined;
@@ -1574,12 +1575,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             openAction();
 
             //
-            var callback = function callback(e) {
-              return function () {
-                handleCloseWin(e);
-              };
+            var callback = function callback() {
+              handleCloseWin(e);
             };
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback(e));
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback);
           }
           function closeAction() {
             // pause video without controls
@@ -1739,6 +1738,22 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             };
           }, [show, data, modalRef.current]); // When show`` defaults to true, `modalRef.current` will be null
 
+          // 监听回车键
+          (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+            if (!modalShow || !onPressEnter) return;
+            var handleKeyDown = function handleKeyDown(e) {
+              if (e.key === 'Enter' || e.key === 'NumpadEnter') {
+                var _callback = function _callback() {
+                  handleCloseWin(null);
+                };
+                onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(_callback);
+              }
+            };
+            window.addEventListener('keydown', handleKeyDown);
+            return function () {
+              window.removeEventListener('keydown', handleKeyDown);
+            };
+          }, [modalShow, onPressEnter]);
           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(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: triggerClassName ? triggerClassName : 'd-inline w-auto',
             ref: triggerRef,
@@ -1780,7 +1795,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             type: "button",
             className: enableVideo ? 'btn-close btn-close-white' : 'btn-close',
             "data-close": "1",
-            onClick: handleCloseWin
+            onClick: function onClick(e) {
+              return handleCloseWin(e);
+            }
           }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: "".concat(enableVideo ? 'modal-body m-0 p-0' : 'modal-body', " ").concat(modalBodyClassName || '')
           }, enableVideo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1793,19 +1810,19 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             className: "modal-footer ".concat(modalFooterClassName || '')
           }, !closeDisabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, closeBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
             "data-close": "1",
-            onClick: handleCloseWin,
+            onClick: function onClick(e) {
+              return handleCloseWin(e);
+            },
             type: "button",
             className: closeBtnClassName ? closeBtnClassName : 'btn btn-secondary'
           }, closeBtnLabel) : null) : null, submitBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
             "data-confirm": "1",
             "data-incoming-data": "".concat(incomingData),
             onClick: function onClick(e) {
-              var callback = function callback(e) {
-                return function () {
-                  handleCloseWin(e);
-                };
+              var callback = function callback() {
+                handleCloseWin(e);
               };
-              onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback(e), incomingData);
+              onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback, incomingData);
             },
             type: "button",
             className: submitBtnClassName ? submitBtnClassName : 'btn btn-primary'

package/ModalDialog/index.d.ts

@@ -70,10 +70,14 @@ export declare type ModalDialogProps = {
     /** This function is called whenever the data is updated.
      *  Exposes the JSON format data about the option as an argument.
      */
-    onLoad?: (openFunc: any, closeFunc: any) => void;
-    onOpen?: (e: any, callback: any) => void;
-    onClose?: (e: any) => void;
-    onSubmit?: (e: any, callback: any, incomingData: string | null | undefined) => void;
+    onLoad?: (openFunc: () => void, closeFunc: () => void) => void;
+    onOpen?: (e: React.MouseEvent<HTMLElement> | null, callback: () => void) => void;
+    onClose?: (e: React.MouseEvent<HTMLElement> | null) => void;
+    onSubmit?: (e: React.MouseEvent<HTMLButtonElement>, callback: () => void, incomingData: string | null | undefined) => void;
+    /**
+     * Called when Enter key is pressed while modal is open
+     */
+    onPressEnter?: (callback: () => void) => void;
 };
 declare const ModalDialog: React.ForwardRefExoticComponent<ModalDialogProps & React.RefAttributes<ModalDialogRef>>;
 export default ModalDialog;

package/ModalDialog/index.js

@@ -1360,7 +1360,8 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     onClose = props.onClose,
     onSubmit = props.onSubmit,
     id = props.id,
-    children = props.children;
+    children = props.children,
+    onPressEnter = props.onPressEnter;
   var DEPTH = depth || 1055; // the default value same as bootstrap
   var M_WIDTH = fullscreen ? undefined : typeof maxWidth === 'function' ? maxWidth() : maxWidth ? maxWidth : undefined;
   var M_HEIGHT = typeof minHeight === 'function' ? minHeight() : minHeight ? minHeight : undefined;
@@ -1438,12 +1439,10 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     openAction();
 
     //
-    var callback = function callback(e) {
-      return function () {
-        handleCloseWin(e);
-      };
+    var callback = function callback() {
+      handleCloseWin(e);
     };
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback(e));
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen(e, callback);
   }
   function closeAction() {
     // pause video without controls
@@ -1603,6 +1602,22 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     };
   }, [show, data, modalRef.current]); // When show`` defaults to true, `modalRef.current` will be null
 
+  // 监听回车键
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (!modalShow || !onPressEnter) return;
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.key === 'Enter' || e.key === 'NumpadEnter') {
+        var _callback = function _callback() {
+          handleCloseWin(null);
+        };
+        onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(_callback);
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return function () {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [modalShow, onPressEnter]);
   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((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: triggerClassName ? triggerClassName : 'd-inline w-auto',
     ref: triggerRef,
@@ -1644,7 +1659,9 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     type: "button",
     className: enableVideo ? 'btn-close btn-close-white' : 'btn-close',
     "data-close": "1",
-    onClick: handleCloseWin
+    onClick: function onClick(e) {
+      return handleCloseWin(e);
+    }
   }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "".concat(enableVideo ? 'modal-body m-0 p-0' : 'modal-body', " ").concat(modalBodyClassName || '')
   }, enableVideo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1657,19 +1674,19 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     className: "modal-footer ".concat(modalFooterClassName || '')
   }, !closeDisabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, closeBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     "data-close": "1",
-    onClick: handleCloseWin,
+    onClick: function onClick(e) {
+      return handleCloseWin(e);
+    },
     type: "button",
     className: closeBtnClassName ? closeBtnClassName : 'btn btn-secondary'
   }, closeBtnLabel) : null) : null, submitBtnLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     "data-confirm": "1",
     "data-incoming-data": "".concat(incomingData),
     onClick: function onClick(e) {
-      var callback = function callback(e) {
-        return function () {
-          handleCloseWin(e);
-        };
+      var callback = function callback() {
+        handleCloseWin(e);
       };
-      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback(e), incomingData);
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, callback, incomingData);
     },
     type: "button",
     className: submitBtnClassName ? submitBtnClassName : 'btn btn-primary'