funda-ui 4.7.125 → 4.7.150

package/Select/index.js

@@ -1121,6 +1121,236 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
+/***/ 933:
+/***/ (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 _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 webpackUniversalModuleDefinition(root, factory) {
+  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(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";
+
+      /******/ // The require scope
+      /******/
+      var __nested_webpack_require_987__ = {};
+      /******/
+      /************************************************************************/
+      /******/ /* webpack/runtime/define property getters */
+      /******/
+      (function () {
+        /******/ // define getter functions for harmony exports
+        /******/__nested_webpack_require_987__.d = function (exports, definition) {
+          /******/for (var key in definition) {
+            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
+              /******/Object.defineProperty(exports, key, {
+                enumerable: true,
+                get: definition[key]
+              });
+              /******/
+            }
+            /******/
+          }
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/hasOwnProperty shorthand */
+      /******/
+      (function () {
+        /******/__nested_webpack_require_987__.o = function (obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/make namespace object */
+      /******/
+      (function () {
+        /******/ // define __esModule on exports
+        /******/__nested_webpack_require_987__.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__ = {};
+      __nested_webpack_require_987__.r(__webpack_exports__);
+      /* harmony export */
+      __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"htmlToPlain": function htmlToPlain() {
+          return (/* binding */_htmlToPlain
+          );
+        },
+        /* harmony export */"multiSpacesToSingle": function multiSpacesToSingle() {
+          return (/* binding */_multiSpacesToSingle
+          );
+        },
+        /* harmony export */"onlyNumAndLetter": function onlyNumAndLetter() {
+          return (/* binding */_onlyNumAndLetter
+          );
+        },
+        /* harmony export */"removeFirstLastSlash": function removeFirstLastSlash() {
+          return (/* binding */_removeFirstLastSlash
+          );
+        },
+        /* harmony export */"removeFirstSlash": function removeFirstSlash() {
+          return (/* binding */_removeFirstSlash
+          );
+        },
+        /* harmony export */"removeTrailingSlash": function removeTrailingSlash() {
+          return (/* binding */_removeTrailingSlash
+          );
+        },
+        /* harmony export */"rmAllSpace": function rmAllSpace() {
+          return (/* binding */_rmAllSpace
+          );
+        },
+        /* harmony export */"rmSpec": function rmSpec() {
+          return (/* binding */_rmSpec
+          );
+        },
+        /* harmony export */"stripTagsAndContent": function stripTagsAndContent() {
+          return (/* binding */_stripTagsAndContent
+          );
+        },
+        /* harmony export */"trimAll": function trimAll() {
+          return (/* binding */_trimAll
+          );
+        }
+        /* harmony export */
+      });
+      /**
+       * String formatting utility functions
+       */
+
+      /**
+       * Remove all special characters except space from a string
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      function _rmSpec(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/[^a-zA-Z0-9 \u4E00-\u9FFF]/g, "");
+      }
+
+      /**
+       * Allow only numbers and letters in a string
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      function _onlyNumAndLetter(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/[^a-zA-Z0-9 ]/g, "");
+      }
+
+      /**
+       * Remove all spaces including those in the middle
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      function _rmAllSpace(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/\s/g, "");
+      }
+
+      /**
+       * Remove whitespace from both sides of a string
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      function _trimAll(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/(^\s+)|(\s+$)/g, "");
+      }
+
+      /**
+       * Replace multiple spaces with a single space
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      function _multiSpacesToSingle(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/\s+(\W)/g, ' ');
+      }
+
+      /**
+       * Convert HTML text to plain text (Remove html tag content)
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      /*
+      Examples:
+      console.log(htmlToPlain("<p>Hello <b>World</b></p>"));   // Hello World
+      */
+      function _htmlToPlain(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/(<([^>]+)>)/ig, '');
+      }
+
+      /**
+       * Strip HTML tags and their content 
+       * !!!Important: It will remove nested tags
+       * @param {string} input - The input string to process
+       * @returns {string} The processed string
+       */
+      /*
+      Examples:
+      console.log(stripTagsAndContent("<p>Hello <b>World</b></p>"));  // World
+      console.log(stripTagsAndContent("Hello <b>World</b>"));  // Hello
+      */
+      function _stripTagsAndContent(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/<\/?[^>]+(>|$)(.*?)<\/?[^>]+(>|$)/ig, '');
+      }
+
+      /**
+       * Remove first and last slash from a URL
+       * @param {string} input - The input URL to process
+       * @returns {string} The processed URL
+       */
+      function _removeFirstLastSlash(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/^\/|\/$/g, '');
+      }
+
+      /**
+       * Remove trailing slash from a URL
+       * @param {string} input - The input URL to process
+       * @returns {string} The processed URL
+       */
+      function _removeTrailingSlash(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/\/+$/, '');
+      }
+
+      /**
+       * Remove first slash from a URL
+       * @param {string} input - The input URL to process
+       * @returns {string} The processed URL
+       */
+      function _removeFirstSlash(input) {
+        return input === null || input === void 0 ? void 0 : input.replace(/\//, '');
+      }
+
+      /******/
+      return __webpack_exports__;
+      /******/
+    }()
+  );
+});
+
+/***/ }),
+
 /***/ 767:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3372,15 +3602,6 @@ function unique(arr) {
   return Array.from(new Set(arr));
 }
 
-/**
- * Remove html tag content
- * @param {string | number} str 
- * @returns {string}
- */
-function stripHTML(str) {
-  return String(str).replace(/<\/?[^>]+(>|$)(.*?)<\/?[^>]+(>|$)/ig, '');
-}
-
 /**
  * Remove a specific item from an array
  * @param {array} arr 
@@ -3471,10 +3692,12 @@ var inputsCalculation = __webpack_require__(954);
 var object = __webpack_require__(575);
 // EXTERNAL MODULE: ../Utils/dist/cjs/bodyScrollLock.js
 var bodyScrollLock = __webpack_require__(70);
+// EXTERNAL MODULE: ../Utils/dist/cjs/format-string.js
+var format_string = __webpack_require__(933);
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/index.tsx
-var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "exceededSidePosOffset", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "cleanTrigger", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchTriggerForDefaultData", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus", "onKeyPressed"];
+var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "exceededSidePosOffset", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "cleanTrigger", "loader", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchTriggerForDefaultData", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus", "onKeyPressed"];
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -3515,6 +3738,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 // Destroys body scroll locking
 
 
+
 var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function (props, externalRef) {
   var contentRef = props.contentRef,
     popupRef = props.popupRef,
@@ -3541,6 +3765,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     spellCheck = props.spellCheck,
     options = props.options,
     cleanTrigger = props.cleanTrigger,
+    loader = props.loader,
     lockBodyScroll = props.lockBodyScroll,
     hierarchical = props.hierarchical,
     indentation = props.indentation,
@@ -3569,6 +3794,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     onFocus = props.onFocus,
     onKeyPressed = props.onKeyPressed,
     attributes = _objectWithoutProperties(props, _excluded);
+  var QUERY_STRING_PLACEHOLDER = '------'; // Invalid parameters for the first automatic request
   var DEPTH = depth || 1055; // the default value same as bootstrap
   var MANUAL_REQ = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false; // Manual requests
   var LIVE_SEARCH_DISABLED = !MANUAL_REQ && typeof window !== 'undefined' && typeof window['funda-ui__Select-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
@@ -3591,7 +3817,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   var listRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var listContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var optionsRes = options ? (0,initDefaultOptions.isJSON)(options) ? JSON.parse(options) : options : [];
-  var LIST_CONTAINER_MAX_HEIGHT = 350;
+  var LIST_CONTAINER_MAX_HEIGHT = 300;
   var keyboardSelectedItem = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
 
   // return a array of options
@@ -3610,6 +3836,8 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     _useState6 = _slicedToArray(_useState5, 2),
     hasErr = _useState6[0],
     setHasErr = _useState6[1];
+
+  // Set the final result
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
     _useState8 = _slicedToArray(_useState7, 2),
     controlLabel = _useState8[0],
@@ -3618,6 +3846,8 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     _useState10 = _slicedToArray(_useState9, 2),
     controlValue = _useState10[0],
     setControlValue = _useState10[1];
+
+  //
   var _useState11 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
     _useState12 = _slicedToArray(_useState11, 2),
     controlTempValue = _useState12[0],
@@ -3634,13 +3864,23 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     _useState18 = _slicedToArray(_useState17, 2),
     firstRequestExecuted = _useState18[0],
     setFirstRequestExecuted = _useState18[1];
+  var _useState19 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    handleFirstFetchCompleted = _useState20[0],
+    setHandleFirstFetchCompleted = _useState20[1];
+
+  // filter status
+  var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    filterItemsHasNoMatchData = _useState22[0],
+    setFilterItemsHasNoMatchData = _useState22[1];
 
   // blinking cursor
   var BLINKING_CURSOR_STR = '|';
-  var _useState19 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState20 = _slicedToArray(_useState19, 2),
-    blinkingPosStart = _useState20[0],
-    setBlinkingPosStart = _useState20[1];
+  var _useState23 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState24 = _slicedToArray(_useState23, 2),
+    blinkingPosStart = _useState24[0],
+    setBlinkingPosStart = _useState24[1];
   var blinkingPosFauxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var blinkingCursorPosDivRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var selectedSign = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
@@ -3653,13 +3893,13 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     allItemsLabel: 'All Content ({num})',
     noneLabel: 'No items selected'
   };
-  var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+  var _useState25 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
       labels: [],
       values: []
     }),
-    _useState22 = _slicedToArray(_useState21, 2),
-    controlArr = _useState22[0],
-    setControlArr = _useState22[1];
+    _useState26 = _slicedToArray(_useState25, 2),
+    controlArr = _useState26[0],
+    setControlArr = _useState26[1];
   var listContainerHeightLimit = function listContainerHeightLimit(num) {
     var res = num;
     if (res > LIST_CONTAINER_MAX_HEIGHT) res = LIST_CONTAINER_MAX_HEIGHT;
@@ -3819,6 +4059,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       return filterRes();
     };
     if (fetchUpdate) {
+      // update filter status
+      setFilterItemsHasNoMatchData(false);
+
+      // Make a request
       handleFetch(val).then(function (response) {
         _orginalData = response;
         var _filterRes = update(_orginalData);
@@ -4156,6 +4400,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   }
   function adjustMultiControlContainerHeight() {
     var scrollbarInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    if (rootMultiRef.current === null) return;
     setTimeout(function () {
       // Sometimes you may get 0, you need to judge
       if (MULTI_SEL_VALID && rootMultiRef.current.clientHeight > 0) {
@@ -4219,7 +4464,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
     // You need to wait for the height of the pop-up container to be set
     // Detect position、
-    if (window.innerHeight - _triggerBox.top > _contentOldHeight) {
+    if (window.innerHeight - _triggerBox.top > 100) {
       targetPos = 'bottom';
     } else {
       targetPos = 'top';
@@ -4340,14 +4585,15 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       });
 
       // nomatch & button of select all 
-      var _nodataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
+      var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
       var _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
-      _nodataDiv.classList.add('hide');
+      _noDataDiv.classList.add('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.remove('hide');
     }
   }
   function popwinFilterItems(val) {
     if (listContentRef.current === null) return;
+    var invisibleItems = 0;
     [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).forEach(function (node) {
       // Avoid fatal errors causing page crashes
       var _queryString = typeof node.dataset.querystring !== 'undefined' && node.dataset.querystring !== null ? node.dataset.querystring : '';
@@ -4363,20 +4609,28 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       }
     });
 
+    // Determine if all options are hidden
+    var allHidden = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).every(function (node) {
+      return node.classList.contains('hide');
+    });
+
     // no data label
     popwinNoMatchInit();
 
     // display all filtered items
     var _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
-    var _nodataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
+    var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
     if ((val === null ? '' : val).replace(/\s/g, "") === '') {
       [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).forEach(function (node) {
         node.classList.remove('hide');
       });
-      _nodataDiv.classList.add('hide');
+      _noDataDiv.classList.add('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.remove('hide');
     }
 
+    // filter status
+    setFilterItemsHasNoMatchData(allHidden);
+
     // Appropriate list container height
     popwinContainerHeightAdjust();
   }
@@ -4398,7 +4652,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   function popwinNoMatchInit() {
     if (listContentRef.current === null) return;
     var _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
-    var _nodataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
+    var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
     var emptyFieldsCheck = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).every(function (node) {
       if (!node.classList.contains('hide')) {
         return false;
@@ -4406,10 +4660,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       return true;
     });
     if (emptyFieldsCheck) {
-      _nodataDiv.classList.remove('hide');
+      _noDataDiv.classList.remove('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.add('hide');
     } else {
-      _nodataDiv.classList.add('hide');
+      _noDataDiv.classList.add('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.remove('hide');
     }
   }
@@ -4438,6 +4692,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // update temporary value
     setControlTempValue(null);
 
+    // update filter status
+    setFilterItemsHasNoMatchData(false);
+
     // Unlocks the page
     if (LOCK_BODY_SCROLL) (0,bodyScrollLock.enableBodyScroll)(document.querySelector('body'));
   }
@@ -4451,8 +4708,13 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       handleFirstFetch(curValue).then(function (response) {
         if (response.length > 0) {
           // nomatch
-          var _nodataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
-          _nodataDiv.classList.add('hide');
+          var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
+          _noDataDiv.classList.add('hide');
+
+          // After the data is loaded, reinitialize the pop-up window position and height
+          setTimeout(function () {
+            popwinPosInit();
+          }, 0);
         }
       });
 
@@ -4898,6 +5160,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
     // update temporary value
     setControlTempValue(null);
+
+    // update filter status
+    setFilterItemsHasNoMatchData(false);
   }
   function handleMultiControlItemRemove(event) {
     event.preventDefault();
@@ -4992,14 +5257,16 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             inputVal = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : null;
             _oparams = fetchFuncMethodParams || [];
             _params = _oparams.map(function (item) {
-              return item !== '$QUERY_STRING' ? item : MANUAL_REQ ? '------' : '';
+              return item !== '$QUERY_STRING' ? item : MANUAL_REQ ? QUERY_STRING_PLACEHOLDER : '';
             });
             _context4.next = 5;
             return fetchData(_params.join(','), finalRes(inputVal), inputVal);
           case 5:
             res = _context4.sent;
+            // Set an identifier indicating that the first request has been completed
+            if (!handleFirstFetchCompleted) setHandleFirstFetchCompleted(true);
             return _context4.abrupt("return", res);
-          case 7:
+          case 8:
           case "end":
             return _context4.stop();
         }
@@ -5220,6 +5487,16 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     if (FIRST_REQUEST_AUTO) {
       handleFirstFetch(value);
     }
+
+    // Forced assignment does not depend on "fetch" or "firstRequestAutoExe"
+    // Don't use "value.value && value.label" directly, if it is empty, it will be treated as FALSE
+    if (value && _typeof(value) === 'object') {
+      if (typeof value.value !== 'undefined' && value.value !== null) setControlValue(value.value);
+      if (typeof value.label !== 'undefined' && value.label !== null) setControlLabel(formatIndentVal(value.label, INDENT_LAST_PLACEHOLDER));
+    }
+
+    //
+    //--------------
     return function () {
       if (LOCK_BODY_SCROLL) (0,bodyScrollLock.clearAllBodyScrollLocks)();
     };
@@ -5310,10 +5587,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     required: required || null,
     readOnly: INPUT_READONLY,
     value: controlTempValue || controlTempValue === '' ? controlTempValue : MULTI_SEL_VALID ? VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(formatIndentVal(controlArr.labels, INDENT_LAST_PLACEHOLDER).map(function (v) {
-      return stripHTML(v);
+      return (0,format_string.stripTagsAndContent)(v);
     })) : formatIndentVal(controlArr.labels, INDENT_LAST_PLACEHOLDER).map(function (v) {
-      return stripHTML(v);
-    }).join(',') : stripHTML(controlLabel) // do not use `defaultValue`
+      return (0,format_string.stripTagsAndContent)(v);
+    }).join(',') : (0,format_string.stripTagsAndContent)(controlLabel) // do not use `defaultValue`
     ,
 
     style: _objectSpread({
@@ -5358,9 +5635,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     })
   }, controlTempValue || controlTempValue === '' ? controlTempValue.length === 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "".concat(!hideBlinkingCursor() ? 'control-placeholder' : '')
-  }, generateInputFocusStr()) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, controlTempValue) : stripHTML(controlLabel).length === 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+  }, generateInputFocusStr()) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, controlTempValue) : (0,format_string.stripTagsAndContent)(controlLabel).length === 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "".concat(!hideBlinkingCursor() ? 'control-placeholder' : '')
-  }, generateInputFocusStr()) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, stripHTML(controlLabel)))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+  }, generateInputFocusStr()) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, (0,format_string.stripTagsAndContent)(controlLabel)))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: (0,cls.combinedCls)('custom-select-arrow', {
       'reverse': isOpen
     }),
@@ -5430,8 +5707,8 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       key: 'selected-item-' + index,
       "data-value": controlArr.values[index],
       "data-label-full": item,
-      "data-label-text": formatIndentVal(stripHTML(item), INDENT_LAST_PLACEHOLDER)
-    }, formatIndentVal(stripHTML(item), INDENT_LAST_PLACEHOLDER), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
+      "data-label-text": formatIndentVal((0,format_string.stripTagsAndContent)(item), INDENT_LAST_PLACEHOLDER)
+    }, formatIndentVal((0,format_string.stripTagsAndContent)(item), INDENT_LAST_PLACEHOLDER), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
       href: "#",
       tabIndex: -1,
       onClick: handleMultiControlItemRemove,
@@ -5583,7 +5860,41 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     type: "button",
     className: "list-group-item list-group-item-action no-match border-0 custom-select-multi__control-option-item--nomatch hide",
     disabled: true
-  }, fetchNoneInfo || 'No match yet'), optionsData ? optionsData.map(function (item, index) {
+  },
+  // (1) Handling async data with the click event
+  !FIRST_REQUEST_AUTO && !handleFirstFetchCompleted ||
+  // (2) Every time the input changes or the search button is clicked, a data request will be triggered
+  fetchUpdate && !filterItemsHasNoMatchData && controlTempValue !== '' ? /*#__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: "cus-select-loader"
+  }, loader || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
+    height: "12px",
+    width: "12px",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("g", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M256,0c-23.357,0-42.297,18.932-42.297,42.288c0,23.358,18.94,42.288,42.297,42.288c23.357,0,42.279-18.93,42.279-42.288C298.279,18.932,279.357,0,256,0z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M256,427.424c-23.357,0-42.297,18.931-42.297,42.288C213.703,493.07,232.643,512,256,512c23.357,0,42.279-18.93,42.279-42.288C298.279,446.355,279.357,427.424,256,427.424z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M74.974,74.983c-16.52,16.511-16.52,43.286,0,59.806c16.52,16.52,43.287,16.52,59.806,0c16.52-16.511,16.52-43.286,0-59.806C118.261,58.463,91.494,58.463,74.974,74.983z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M377.203,377.211c-16.503,16.52-16.503,43.296,0,59.815c16.519,16.52,43.304,16.52,59.806,0c16.52-16.51,16.52-43.295,0-59.815C420.489,360.692,393.722,360.7,377.203,377.211z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M84.567,256c0.018-23.348-18.922-42.279-42.279-42.279c-23.357-0.009-42.297,18.932-42.279,42.288c-0.018,23.348,18.904,42.279,42.279,42.279C65.645,298.288,84.567,279.358,84.567,256z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M469.712,213.712c-23.357,0-42.279,18.941-42.297,42.288c0,23.358,18.94,42.288,42.297,42.297c23.357,0,42.297-18.94,42.279-42.297C512.009,232.652,493.069,213.712,469.712,213.712z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M74.991,377.22c-16.519,16.511-16.519,43.296,0,59.806c16.503,16.52,43.27,16.52,59.789,0c16.52-16.519,16.52-43.295,0-59.815C118.278,360.692,91.511,360.692,74.991,377.22z"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    fill: "inherit",
+    d: "M437.026,134.798c16.52-16.52,16.52-43.304,0-59.824c-16.519-16.511-43.304-16.52-59.823,0c-16.52,16.52-16.503,43.295,0,59.815C393.722,151.309,420.507,151.309,437.026,134.798z"
+  }))))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, fetchNoneInfo || 'No match yet')), optionsData ? optionsData.map(function (item, index) {
     var startItemBorder = index === 0 ? 'border-top-0' : '';
     var endItemBorder = index === optionsData.length - 1 ? 'border-bottom-0' : '';