funda-ui 4.7.222 → 4.7.252

package/lib/cjs/Date/index.js

@@ -5425,6 +5425,11 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     e.target.select();
     resetDefauleValueExist();
 
+    // Automatically pop up a pop-up window
+    if (enableEntireAreaPopup) {
+      handleShow();
+    }
+
     // If there is no valid default value in the input field, 
     // onChange should be triggered only after the resetDefauleValueExist() function is processed
     if (!dateDefaultValueExist) {
@@ -5838,6 +5843,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([splitVals[3], splitVals[4], splitVals[5]]);
+
+        // Auto focus to next input if year is 4 digits
+        if (_val.length === 4) {
+          var nextInput = splitInputs.current.get(splitInputsIds[1]);
+          if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+          }
+        }
       }
     }, attributes)), dateDefaultValueExist ? DELIMITER_DATE : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
       ref: function ref(node) {
@@ -5877,6 +5891,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([splitVals[3], splitVals[4], splitVals[5]]);
+
+        // Auto focus to next input if month is 2 digits
+        if (_val.length === 2) {
+          var nextInput = splitInputs.current.get(splitInputsIds[2]);
+          if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+          }
+        }
       }
     }, attributes)), dateDefaultValueExist ? DELIMITER_DATE : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
       ref: function ref(node) {
@@ -5921,6 +5944,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([splitVals[3], splitVals[4], splitVals[5]]);
+
+        // Auto focus to next input if day is 2 digits
+        if (_val.length === 2) {
+          var nextInput = splitInputs.current.get(splitInputsIds[3]);
+          if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+          }
+        }
       }
     }, attributes)), "\xA0") : null, COM_HAS_TIME ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
       ref: function ref(node) {
@@ -5957,6 +5989,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([_val, splitVals[4], splitVals[5]]);
+
+        // Auto focus to next input if hour is 2 digits
+        if (_val.length === 2) {
+          var nextInput = splitInputs.current.get(splitInputsIds[4]);
+          if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+          }
+        }
       }
     }, attributes)), dateDefaultValueExist ? DELIMITER_TIME : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
       ref: function ref(node) {
@@ -5993,6 +6034,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([splitVals[3], _val, splitVals[5]]);
+
+        // Auto focus to next input if minute is 2 digits
+        if (_val.length === 2) {
+          var nextInput = splitInputs.current.get(splitInputsIds[5]);
+          if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+          }
+        }
       }
     }, attributes)), COM_NO_SECONDS ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, dateDefaultValueExist ? DELIMITER_TIME : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
       ref: function ref(node) {
@@ -6029,6 +6079,7 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateVal(_date);
         setChangedVal(_full);
         setTimeVal([splitVals[3], splitVals[4], _val]);
+        // No auto focus for the last input (seconds)
       }
     }, attributes))) : null) : null), propExist(iconRight) ? tools() : null),
     style: style

package/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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'