funda-ui 4.7.545 → 4.7.555

package/Accordion/index.js

@@ -11,569 +11,6 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 993:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/
-      var __webpack_modules__ = {
-        /***/357: /***/function _(__unused_webpack_module, __webpack_exports__, __nested_webpack_require_1061__) {
-          /* harmony export */__nested_webpack_require_1061__.d(__webpack_exports__, {
-            /* harmony export */"easeInOutQuad": function easeInOutQuad() {
-              return (/* binding */_easeInOutQuad
-              );
-            },
-            /* harmony export */"easeInQuad": function easeInQuad() {
-              return (/* binding */_easeInQuad
-              );
-            },
-            /* harmony export */"easeLinear": function easeLinear() {
-              return (/* binding */_easeLinear
-              );
-            },
-            /* harmony export */"easeOutQuad": function easeOutQuad() {
-              return (/* binding */_easeOutQuad
-              );
-            }
-            /* harmony export */
-          });
-          /* unused harmony exports easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack */
-          /*
-           * All easing functions
-           * @link: https://easings.net
-           * @param {Number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
-           * @param {Number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
-           * @param {Number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
-           * @param {Number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
-           * @return {number}
-           */
-          function _easeLinear(t, b, c, d) {
-            return c * t / d + b;
-          }
-          function _easeInQuad(t, b, c, d) {
-            return c * (t /= d) * t + b;
-          }
-          function _easeOutQuad(t, b, c, d) {
-            return -c * (t /= d) * (t - 2) + b;
-          }
-          function _easeInOutQuad(t, b, c, d) {
-            if ((t /= d / 2) < 1) return c / 2 * t * t + b;
-            return -c / 2 * (--t * (t - 2) - 1) + b;
-          }
-          function easeInSine(t, b, c, d) {
-            return -c * Math.cos(t / d * (Math.PI / 2)) + c + b;
-          }
-          function easeOutSine(t, b, c, d) {
-            return c * Math.sin(t / d * (Math.PI / 2)) + b;
-          }
-          function easeInOutSine(t, b, c, d) {
-            return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
-          }
-          function easeInExpo(t, b, c, d) {
-            return t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
-          }
-          function easeOutExpo(t, b, c, d) {
-            return t == d ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
-          }
-          function easeInOutExpo(t, b, c, d) {
-            if (t == 0) return b;
-            if (t == d) return b + c;
-            if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
-            return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
-          }
-          function easeInCirc(t, b, c, d) {
-            return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
-          }
-          function easeOutCirc(t, b, c, d) {
-            return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
-          }
-          function easeInOutCirc(t, b, c, d) {
-            if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
-            return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
-          }
-          function easeInCubic(t, b, c, d) {
-            return c * (t /= d) * t * t + b;
-          }
-          function easeOutCubic(t, b, c, d) {
-            return c * ((t = t / d - 1) * t * t + 1) + b;
-          }
-          function easeInOutCubic(t, b, c, d) {
-            if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
-            return c / 2 * ((t -= 2) * t * t + 2) + b;
-          }
-          function easeInQuart(t, b, c, d) {
-            return c * (t /= d) * t * t * t + b;
-          }
-          function easeOutQuart(t, b, c, d) {
-            return -c * ((t = t / d - 1) * t * t * t - 1) + b;
-          }
-          function easeInOutQuart(t, b, c, d) {
-            if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
-            return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
-          }
-          function easeInQuint(t, b, c, d) {
-            return c * (t /= d) * t * t * t * t + b;
-          }
-          function easeOutQuint(t, b, c, d) {
-            return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
-          }
-          function easeInOutQuint(t, b, c, d) {
-            if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
-            return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
-          }
-          function easeInElastic(t, b, c, d) {
-            var s = 1.70158;
-            var p = 0;
-            var a = c;
-            if (t == 0) return b;
-            if ((t /= d) == 1) return b + c;
-            if (!p) p = d * .3;
-            if (a < Math.abs(c)) {
-              a = c;
-              var s = p / 4;
-            } else var s = p / (2 * Math.PI) * Math.asin(c / a);
-            return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
-          }
-          function easeOutElastic(t, b, c, d) {
-            var s = 1.70158;
-            var p = 0;
-            var a = c;
-            if (t == 0) return b;
-            if ((t /= d) == 1) return b + c;
-            if (!p) p = d * .3;
-            if (a < Math.abs(c)) {
-              a = c;
-              var s = p / 4;
-            } else var s = p / (2 * Math.PI) * Math.asin(c / a);
-            return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
-          }
-          function easeInOutElastic(t, b, c, d) {
-            var s = 1.70158;
-            var p = 0;
-            var a = c;
-            if (t == 0) return b;
-            if ((t /= d / 2) == 2) return b + c;
-            if (!p) p = d * (.3 * 1.5);
-            if (a < Math.abs(c)) {
-              a = c;
-              var s = p / 4;
-            } else var s = p / (2 * Math.PI) * Math.asin(c / a);
-            if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
-            return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;
-          }
-          function easeInBack(t, b, c, d) {
-            var s = 1.70158;
-            if (s == undefined) s = 1.70158;
-            return c * (t /= d) * t * ((s + 1) * t - s) + b;
-          }
-          function easeOutBack(t, b, c, d) {
-            var s = 1.70158;
-            if (s == undefined) s = 1.70158;
-            return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
-          }
-          function easeInOutBack(t, b, c, d) {
-            var s = 1.70158;
-            if (s == undefined) s = 1.70158;
-            if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= 1.525) + 1) * t - s)) + b;
-            return c / 2 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;
-          }
-
-          /***/
-        },
-
-        /***/65: /***/function _(__unused_webpack_module, __webpack_exports__, __nested_webpack_require_8432__) {
-          /* harmony export */__nested_webpack_require_8432__.d(__webpack_exports__, {
-            /* harmony export */"setDefaultOptions": function setDefaultOptions() {
-              return (/* binding */_setDefaultOptions
-              );
-            }
-            /* harmony export */
-          });
-          /* harmony import */
-          var _validate__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_8432__(258);
-          function _typeof(obj) {
-            "@babel/helpers - typeof";
-
-            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-              return typeof obj;
-            } : function (obj) {
-              return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-            }, _typeof(obj);
-          }
-
-          /**
-           *  Set a default JSON format configuration
-           *
-           * @param  {*} props         - Set some default keys and values.
-           * @param  {*} options       - A JSON variable passed in from outside, including key and value.
-           * @return {JSON}            - Merge the new and old values.
-           */
-          function _setDefaultOptions(props, options) {
-            if (_typeof(options) === ( true ? "undefined" : 0) || options === null || options === false) options = {};
-            //Set a default configuration
-            if ((0, _validate__WEBPACK_IMPORTED_MODULE_0__.isJSON)(props)) {
-              var defaultConfigValues = Object.values(props);
-              Object.keys(props).forEach(function (prop, index) {
-                // Well-formed string type
-                Object.keys(options).forEach(function (prop2, index2) {
-                  if (prop2 === prop) {
-                    var _v = options[prop2];
-                    if (_v == 'true') _v = true;
-                    if (_v == 'false') _v = false;
-                    if ((0, _validate__WEBPACK_IMPORTED_MODULE_0__.isValidNumeric)(_v)) _v = parseFloat(_v);
-                    if ((0, _validate__WEBPACK_IMPORTED_MODULE_0__.isJSON)(_v)) _v = Object.prototype.toString.call(_v) === '[object Object]' ? _v : JSON.parse(_v);
-                    options[prop2] = _v;
-                  }
-                });
-
-                //
-                if (_typeof(options[prop]) === ( true ? "undefined" : 0) || options[prop] === null) options[prop] = defaultConfigValues[index];
-              });
-            }
-            return options;
-          }
-
-          /***/
-        },
-
-        /***/258: /***/function _(__unused_webpack_module, __webpack_exports__, __nested_webpack_require_11060__) {
-          /* harmony export */__nested_webpack_require_11060__.d(__webpack_exports__, {
-            /* harmony export */"isJSON": function isJSON() {
-              return (/* binding */_isJSON
-              );
-            },
-            /* harmony export */"isValidNumeric": function isValidNumeric() {
-              return (/* binding */_isValidNumeric
-              );
-            }
-            /* harmony export */
-          });
-          /* unused harmony exports isEmpty, isNumber, isInt, isEmail, isTel, isMobile */
-          function _typeof(obj) {
-            "@babel/helpers - typeof";
-
-            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-              return typeof obj;
-            } : function (obj) {
-              return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-            }, _typeof(obj);
-          }
-          /**
-           * Check if a string is a valid number
-           * @param str - The string to check
-           * @returns boolean indicating if the string is a valid number
-           */
-          function _isValidNumeric(str) {
-            if (typeof str !== "string") return false; // we only process strings!
-            if (!isNaN(Number(str)) &&
-            // use type coercion to parse the _entirety_ of the string
-            !isNaN(parseFloat(str)) // ensure strings of whitespace fail
-            ) {
-              return true;
-            }
-            return false;
-          }
-
-          /**
-           * Determine whether it is in JSON format
-           * @param str - The value to check
-           * @returns boolean indicating if the value is valid JSON
-           */
-          function _isJSON(str) {
-            if (typeof str === 'string' && str.length > 0) {
-              if (str.replace(/\"\"/g, '').replace(/\,/g, '') === '[{}]') {
-                return false;
-              }
-              if (/^[\],:{}\s]*$/.test(str.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
-                return true;
-              }
-              return false;
-            }
-            if (_typeof(str) === 'object' && Object.prototype.toString.call(str) === '[object Object]' && !str.length) {
-              return true;
-            }
-            return false;
-          }
-
-          /**
-           * Check if input is empty
-           * @param input - The input to check (string or array of strings)
-           * @returns boolean indicating if the input is empty
-           */
-          function isEmpty(input) {
-            if (Array.isArray(input)) {
-              return input.some(function (str) {
-                return !str.replace(/\s/g, '').length === true;
-              });
-            }
-            return !input.replace(/\s/g, '').length === true;
-          }
-
-          /**
-           * Check if input is a valid number
-           * @param input - The input to check
-           * @returns boolean indicating if the input is a valid number
-           */
-          function isNumber(input) {
-            var reg = /^[\d|\.|,]+$/;
-            return reg.test(input);
-          }
-
-          /**
-           * Check if input is a valid integer
-           * @param input - The input to check
-           * @returns boolean indicating if the input is a valid integer
-           */
-          function isInt(input) {
-            if (input === "") {
-              return false;
-            }
-            var reg = /\D+/;
-            return !reg.test(input);
-          }
-
-          /**
-           * Check if input is a valid email address
-           * @param input - The input to check
-           * @returns boolean indicating if the input is a valid email
-           */
-          function isEmail(input) {
-            var reg = /^\s*([A-Za-z0-9_-]+(\.\w+)*@(\w+\.)+\w{2,3})\s*$/;
-            return reg.test(input);
-          }
-
-          /**
-           * Check if input is a valid telephone number
-           * @param input - The input to check
-           * @returns boolean indicating if the input is a valid telephone number
-           */
-          function isTel(input) {
-            var reg = /^[0-9- ]{7,20}$/;
-            return reg.test(input);
-          }
-
-          /**
-           * Check if input is a valid mobile number
-           * @param input - The input to check
-           * @returns boolean indicating if the input is a valid mobile number
-           */
-          function isMobile(input) {
-            var reg = /^1[0-9]{10}$/;
-            return reg.test(input);
-          }
-
-          /***/
-        }
-
-        /******/
-      };
-      /************************************************************************/
-      /******/ // The module cache
-      /******/
-      var __webpack_module_cache__ = {};
-      /******/
-      /******/ // The require function
-      /******/
-      function __nested_webpack_require_16046__(moduleId) {
-        /******/ // Check if module is in cache
-        /******/var cachedModule = __webpack_module_cache__[moduleId];
-        /******/
-        if (cachedModule !== undefined) {
-          /******/return cachedModule.exports;
-          /******/
-        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/
-        var module = __webpack_module_cache__[moduleId] = {
-          /******/ // no module.id needed
-          /******/ // no module.loaded needed
-          /******/exports: {}
-          /******/
-        };
-        /******/
-        /******/ // Execute the module function
-        /******/
-        __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_16046__);
-        /******/
-        /******/ // Return the exports of the module
-        /******/
-        return module.exports;
-        /******/
-      }
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_16046__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_16046__.o(definition, key) && !__nested_webpack_require_16046__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_16046__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_16046__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-      (function () {
-        __nested_webpack_require_16046__.r(__webpack_exports__);
-        /* harmony export */
-        __nested_webpack_require_16046__.d(__webpack_exports__, {
-          /* harmony export */"default": function _default() {
-            return __WEBPACK_DEFAULT_EXPORT__;
-          }
-          /* harmony export */
-        });
-        /* harmony import */
-        var _easing__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_16046__(357);
-        /* harmony import */
-        var _initDefaultOptions__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_16046__(65);
-        function _typeof(obj) {
-          "@babel/helpers - typeof";
-
-          return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-            return typeof obj;
-          } : function (obj) {
-            return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-          }, _typeof(obj);
-        }
-
-        /**
-         * Element Animate
-         * @public
-         * 
-         * @param  {HTMLElement} curElement      - Element of animation.
-         * @param  {?JSON} config                - Configuration of animation
-         * @param  {?string} easeType            - Types of easing animation.
-        * @param  {?Function} callback           - Callback after animation ends
-         */
-        function animateStyles(curElement, config) {
-          var easeType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'linear';
-          var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
-          if (_typeof(curElement) === ( true ? "undefined" : 0)) return;
-
-          // Set a default configuration
-          config = (0, _initDefaultOptions__WEBPACK_IMPORTED_MODULE_0__.setDefaultOptions)({
-            "startHeight": 0,
-            // node.scrollHeight
-            "endHeight": 0,
-            "speed": 200 //ms
-          }, config);
-          var _endHeight = config.endHeight;
-          var _speed = config.speed;
-          var _startHeight = config.startHeight;
-          var duration = _speed;
-          var start = new Date().getTime();
-          var from = 0;
-          var to = 100;
-          var requestId;
-          var loop = function loop() {
-            //easing
-            var time = new Date().getTime() - start; //Work out the elapsed time
-            var val;
-            switch (easeType) {
-              case "linear":
-                val = (0, _easing__WEBPACK_IMPORTED_MODULE_1__.easeLinear)(time, from, to - from, duration);
-                break;
-              case "ease-in":
-                val = (0, _easing__WEBPACK_IMPORTED_MODULE_1__.easeInQuad)(time, from, to - from, duration);
-                break;
-              case "ease-out":
-                val = (0, _easing__WEBPACK_IMPORTED_MODULE_1__.easeOutQuad)(time, from, to - from, duration);
-                break;
-              case "ease-in-out":
-                val = (0, _easing__WEBPACK_IMPORTED_MODULE_1__.easeInOutQuad)(time, from, to - from, duration);
-                break;
-              default:
-                val = (0, _easing__WEBPACK_IMPORTED_MODULE_1__.easeLinear)(time, from, to - from, duration);
-            }
-
-            // Elapsed time in miliseconds
-            var percent = val / 100;
-
-            // change height
-            if (curElement.clientHeight < _endHeight) {
-              curElement.style.height = _endHeight * percent + 'px';
-            } else {
-              if (_startHeight > 0) curElement.style.height = _startHeight - _startHeight * percent + 'px';
-            }
-
-            //If the elapsed time is less than the speed (ms)
-            if (time < duration) {
-              requestId = window.requestAnimationFrame(loop);
-            } else {
-              // change height
-              curElement.style.height = _endHeight + 'px';
-              if (typeof callback === 'function') callback();
-              window.cancelAnimationFrame(requestId);
-            }
-          };
-          requestId = window.requestAnimationFrame(loop);
-        }
-        /* harmony default export */
-        var __WEBPACK_DEFAULT_EXPORT__ = animateStyles;
-      })();
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
 /***/ 188:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -895,7 +332,7 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/AccordionItem.tsx
-var _excluded = ["heightObserver", "index", "animSpeed", "easeType", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "activeItem", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
+var _excluded = ["heightObserver", "index", "animSpeed", "easing", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "activeItem", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _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."); }
@@ -911,7 +348,7 @@ var AccordionItem = function AccordionItem(props) {
   var heightObserver = props.heightObserver,
     index = props.index,
     animSpeed = props.animSpeed,
-    easeType = props.easeType,
+    easing = props.easing,
     arrowOnly = props.arrowOnly,
     itemClassName = props.itemClassName,
     itemContentWrapperClassName = props.itemContentWrapperClassName,
@@ -952,6 +389,16 @@ var AccordionItem = function AccordionItem(props) {
     }
     onToggleEv === null || onToggleEv === void 0 ? void 0 : onToggleEv(e);
   };
+
+  // Generate CSS transition style
+  var getTransitionStyle = function getTransitionStyle() {
+    var transitionDuration = "".concat(animSpeed, "ms");
+    var transitionTiming = easing;
+    return {
+      transition: "max-height ".concat(transitionDuration, " ").concat(transitionTiming),
+      overflow: 'hidden'
+    };
+  };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (triggerRef.current && typeof onItemCollapse === 'function') {
       if (isFirstRender.current) {
@@ -960,7 +407,7 @@ var AccordionItem = function AccordionItem(props) {
       }
       onItemCollapse(triggerRef.current, iconRef.current, isExpanded);
     }
-  }, [isExpanded, onItemCollapse]);
+  }, [isExpanded]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (contentWrapperRef.current && !initialHeightSet.current) {
       initialHeightSet.current = true;
@@ -969,17 +416,17 @@ var AccordionItem = function AccordionItem(props) {
         setInternalExpanded(shouldBeExpanded);
       }
 
-      // Set initial height when activeItem is true
+      // Set initial maxHeight when activeItem is true
       if (shouldBeExpanded && contentRef.current) {
         var contentHeight = contentRef.current.offsetHeight;
-        contentWrapperRef.current.style.height = "".concat(contentHeight, "px");
+        contentWrapperRef.current.style.maxHeight = "".concat(contentHeight, "px");
       }
     }
   }, [activeItem, controlledExpanded]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (parseFloat(heightObserver) !== index) return;
+    if (!heightObserver || !Array.isArray(heightObserver) || !heightObserver.includes(index)) return;
 
-    // When the content height changes dynamically, change the height of the wrapper
+    // When the content height changes dynamically, change the maxHeight of the wrapper
     if (contentRef.current && contentWrapperRef.current) {
       var _contentPadding = window.getComputedStyle(contentRef.current).getPropertyValue('padding-bottom');
       observer.current = new ResizeObserver(function (entries) {
@@ -987,7 +434,9 @@ var AccordionItem = function AccordionItem(props) {
           return;
         }
         entries.forEach(function (entry) {
-          if (contentWrapperRef.current !== null) contentWrapperRef.current.style.height = entry.contentRect.bottom + parseFloat(_contentPadding) + 'px';
+          if (contentWrapperRef.current !== null && isExpanded) {
+            contentWrapperRef.current.style.maxHeight = entry.contentRect.bottom + parseFloat(_contentPadding) + 'px';
+          }
         });
       });
       observer.current.observe(contentRef.current);
@@ -996,7 +445,19 @@ var AccordionItem = function AccordionItem(props) {
       var _observer$current;
       if (contentRef.current) (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.unobserve(contentRef.current);
     };
-  }, [heightObserver]);
+  }, [heightObserver, isExpanded]);
+
+  // Update maxHeight when expanded state changes
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (contentWrapperRef.current && contentRef.current) {
+      if (isExpanded) {
+        var contentHeight = contentRef.current.scrollHeight;
+        contentWrapperRef.current.style.maxHeight = "".concat(contentHeight, "px");
+      } else {
+        contentWrapperRef.current.style.maxHeight = '0px';
+      }
+    }
+  }, [isExpanded]);
   return /*#__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("div", _extends({}, attributes, {
     "data-index": index,
     className: (0,cls.combinedCls)('custom-accordion-item', (0,cls.clsWrite)(itemClassName, 'accordion-item'), isExpanded ? ' active' : ''),
@@ -1029,19 +490,13 @@ var AccordionItem = function AccordionItem(props) {
     ref: contentWrapperRef,
     className: (0,cls.combinedCls)('custom-accordion-content__wrapper w-100', (0,cls.clsWrite)(itemContentWrapperClassName, 'accordion-collapse')),
     role: "tabpanel",
-    style: {
-      height: '0',
-      overflow: 'hidden' // "overflow" affects the width, so add `w-100` to `custom-accordion-content__wrapper`
-    }
+    style: getTransitionStyle()
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: (0,cls.combinedCls)('custom-accordion-content', (0,cls.clsWrite)(itemContentClassName, 'accordion-body')),
     ref: contentRef
   }, children))));
 };
 /* harmony default export */ const src_AccordionItem = (AccordionItem);
-// EXTERNAL MODULE: ../Utils/dist/cjs/anim.js
-var anim = __webpack_require__(993);
-var anim_default = /*#__PURE__*/__webpack_require__.n(anim);
 ;// CONCATENATED MODULE: ./src/Accordion.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function Accordion_extends() { Accordion_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Accordion_extends.apply(this, arguments); }
@@ -1064,10 +519,10 @@ function Accordion_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-
 // Adapt the easing parameters of TweenMax
 var EasingList = /*#__PURE__*/function (EasingList) {
   EasingList["linear"] = "linear";
+  EasingList["ease"] = "ease";
   EasingList["easeIn"] = "ease-in";
   EasingList["easeOut"] = "ease-out";
   EasingList["easeInOut"] = "ease-in-out";
@@ -1079,7 +534,8 @@ var Accordion = function Accordion(props) {
     _props$defaultActiveA = props.defaultActiveAll,
     defaultActiveAll = _props$defaultActiveA === void 0 ? false : _props$defaultActiveA,
     duration = props.duration,
-    easing = props.easing,
+    _props$easing = props.easing,
+    easing = _props$easing === void 0 ? 'ease' : _props$easing,
     _props$alternateColla = props.alternateCollapse,
     alternateCollapse = _props$alternateColla === void 0 ? true : _props$alternateColla,
     _props$arrowOnly = props.arrowOnly,
@@ -1089,55 +545,26 @@ var Accordion = function Accordion(props) {
   var animSpeed = duration || 200;
   var easeType = typeof alternateCollapse === 'undefined' ? EasingList['linear'] : EasingList[easing];
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var animPlaceholderRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
     _useState2 = Accordion_slicedToArray(_useState, 2),
-    animOK = _useState2[0],
-    setAnimOK = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(-1),
+    heightObserver = _useState2[0],
+    setHeightObserver = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Set()),
     _useState4 = Accordion_slicedToArray(_useState3, 2),
-    heightObserver = _useState4[0],
-    setHeightObserver = _useState4[1];
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Set()),
-    _useState6 = Accordion_slicedToArray(_useState5, 2),
-    expandedItems = _useState6[0],
-    setExpandedItems = _useState6[1]; // Keep track of all expanded items
+    expandedItems = _useState4[0],
+    setExpandedItems = _useState4[1]; // Keep track of all expanded items
   var animationInProgress = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
+  var initExpanded = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   function handleClickItem(e) {
     if (animationInProgress.current) return;
     if (e.target.closest('.custom-accordion-header') === null) return;
-    if (animOK) return;
     animationInProgress.current = true;
     var reactDomEl = arrowOnly ? e.currentTarget.closest('.custom-accordion-item') : e.currentTarget;
     var curIndex = parseInt(reactDomEl.dataset.index);
     var reactDomWrapperEl = rootRef.current;
     var $li = reactDomWrapperEl.querySelectorAll('.custom-accordion-item');
-    var $allContent = reactDomWrapperEl.querySelectorAll('.custom-accordion-content__wrapper');
-    var $curContent = reactDomEl.querySelector('.custom-accordion-content__wrapper');
     if (reactDomEl.getAttribute('aria-expanded') === 'false' || reactDomEl.getAttribute('aria-expanded') === null) {
-      setAnimOK(true);
-      setTimeout(function () {
-        setAnimOK(false);
-      }, animSpeed);
       if (alternateCollapse) {
-        // Hide other all sibling content
-        Array.prototype.forEach.call($allContent, function (node) {
-          if (node.clientHeight > 0) {
-            anim_default()(node, {
-              startHeight: node.scrollHeight,
-              endHeight: 0,
-              speed: animSpeed
-            }, easeType, function () {
-              animationInProgress.current = false;
-            });
-          }
-        });
-
-        // Update all items to collapsed state
-        Array.prototype.forEach.call($li, function (node) {
-          node.setAttribute('aria-expanded', 'false');
-        });
-
         // Update expanded items state
         setExpandedItems(new Set([curIndex]));
       } else {
@@ -1146,80 +573,63 @@ var Accordion = function Accordion(props) {
           return new Set([].concat(_toConsumableArray(prev), [curIndex]));
         });
       }
-      reactDomEl.setAttribute('aria-expanded', 'true');
-      anim_default()($curContent, {
-        startHeight: 0,
-        endHeight: $curContent.scrollHeight,
-        speed: animSpeed
-      }, easeType, function () {
-        setHeightObserver(curIndex);
-        animationInProgress.current = false;
-      });
     } else {
-      reactDomEl.setAttribute('aria-expanded', 'false');
-
       // Remove current item from expanded items
       setExpandedItems(function (prev) {
         var newSet = new Set(prev);
         newSet["delete"](curIndex);
         return newSet;
       });
-      anim_default()($curContent, {
-        startHeight: $curContent.scrollHeight,
-        endHeight: 0,
-        speed: animSpeed
-      }, easeType, function () {
-        animationInProgress.current = false;
-      });
     }
+
+    // Reset animation flag after transition duration
+    setTimeout(function () {
+      animationInProgress.current = false;
+    }, animSpeed);
     onChange === null || onChange === void 0 ? void 0 : onChange(reactDomEl, curIndex);
   }
 
-  // Initialize expanded items based on defaultActiveIndex or defaultActiveAll
+  //Initialize expanded items based on defaultActiveIndex or defaultActiveAll
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (defaultActiveAll && children && rootRef.current && animPlaceholderRef.current) {
+    // Skip the default height initialization to prevent re-initialization. 
+    // This method is useful when you want to manually control when the accordion should 
+    // skip the automatic height initialization process, especially useful when `children` change frequently.
+    if (initExpanded.current === true) return;
+    if (defaultActiveAll && children && rootRef.current) {
       var allIndices = Array.from({
         length: children.length
       }, function (_, i) {
         return i;
       });
       setExpandedItems(new Set(allIndices));
+      // Set heightObserver for all items to enable height monitoring
+      setHeightObserver(allIndices);
 
-      // Actually expand all items without animation
-      var $allItems = rootRef.current.querySelectorAll('.custom-accordion-item');
-      Array.prototype.forEach.call($allItems, function (node, index) {
-        var $curContent = node.querySelector('.custom-accordion-content__wrapper');
-        if ($curContent) {
-          // !!! Don't use the .custom-accordion-contentwrapper height directly, it may be more than a dozen pixels
-          $curContent.style.height = "".concat(node.querySelector('.custom-accordion-content__wrapper > .custom-accordion-content').scrollHeight, "px");
-        }
-      });
-      anim_default()(animPlaceholderRef.current, {
-        startHeight: 0,
-        endHeight: 10,
-        speed: animSpeed
-      }, easeType, function () {
-        setTimeout(function () {}, animSpeed);
-      });
+      //
+      initExpanded.current = true;
     } else if (defaultActiveIndex !== undefined) {
       var initialExpanded = new Set();
+      var observerIndices = [];
       if (Array.isArray(defaultActiveIndex)) {
         defaultActiveIndex.forEach(function (index) {
-          return initialExpanded.add(index);
+          initialExpanded.add(index);
+          observerIndices.push(index);
         });
       } else if (typeof defaultActiveIndex === 'number') {
         initialExpanded.add(defaultActiveIndex);
+        observerIndices.push(defaultActiveIndex);
       }
       setExpandedItems(initialExpanded);
+      // Set heightObserver for default active items to enable height monitoring
+      if (observerIndices.length > 0) {
+        setHeightObserver(observerIndices);
+      }
+
+      //
+      initExpanded.current = true;
     }
   }, [defaultActiveIndex, defaultActiveAll, children]);
   return /*#__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("div", {
-    className: "custom-accordion-anim-placeholder",
-    style: {
-      display: 'none'
-    },
-    ref: animPlaceholderRef
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: (0,cls.combinedCls)('custom-accordion-item', (0,cls.clsWrite)(wrapperClassName, 'accordion')),
     role: "tablist",
     ref: rootRef
@@ -1236,6 +646,7 @@ var Accordion = function Accordion(props) {
       index: i,
       defaultActiveAll: defaultActiveAll,
       animSpeed: animSpeed,
+      easing: easeType,
       arrowOnly: arrowOnly,
       heightObserver: heightObserver,
       activeItem: _defaultActive,