acud 1.2.17 → 1.2.18

package/lib/cascader/index.js

@@ -1,100 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
 var _first = _interopRequireDefault(require("lodash/first"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames6 = _interopRequireDefault(require("classnames"));
-
 var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
-
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
-
 var _arrayTreeFilter = _interopRequireDefault(require("array-tree-filter"));
-
 var _OutlinedLeft = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedLeft"));
-
 var _OutlinedRight = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedRight"));
-
 var _OutlinedLoading = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedLoading"));
-
 var _OutlinedDown = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedDown"));
-
 var _input = _interopRequireDefault(require("../input"));
-
 var _tag = _interopRequireDefault(require("../tag"));
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _clear = _interopRequireDefault(require("../clear"));
-
 var _Cascader = _interopRequireDefault(require("./Cascader"));
-
 var _renderEmpty = _interopRequireDefault(require("./renderEmpty"));
-
 var _configProvider = require("../config-provider");
-
 var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
-
 var _LocaleReceiver = _interopRequireDefault(require("../locale-provider/LocaleReceiver"));
-
 var _reactNode = require("../_util/reactNode");
-
 var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
-
 var _motion = require("../_util/motion");
-
 var _utils = require("./utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /*
  * @author: xuemin02
  * @Date: 2021-05-11 15:52:07
  */
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 ;
-var keepFilteredValueField = '__KEEP_FILTERED_OPTION_VALUE'; // limit the filtered item count by default
-
+var keepFilteredValueField = '__KEEP_FILTERED_OPTION_VALUE';
+// limit the filtered item count by default
 var defaultLimit = 50;
-
 var highlightKeyword = function highlightKeyword(str, keyword, prefixCls) {
   return str.split(keyword).map(function (node, index) {
     return index === 0 ? node : [/*#__PURE__*/_react["default"].createElement("span", {
@@ -103,7 +62,6 @@ var highlightKeyword = function highlightKeyword(str, keyword, prefixCls) {
     }, keyword), node];
   });
 };
-
 var flattenTree = function flattenTree(options, props) {
   var ancestor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var names = getFilledFieldNames(props);
@@ -111,63 +69,50 @@ var flattenTree = function flattenTree(options, props) {
   var childrenName = names.children;
   options.forEach(function (option) {
     var path = ancestor.concat(option);
-
     if (props.changeOnSelect || !option[childrenName] || !option[childrenName].length) {
       flattenOptions.push(path);
     }
-
     if (option[childrenName]) {
       flattenOptions = flattenOptions.concat(flattenTree(option[childrenName], props, path));
     }
   });
   return flattenOptions;
 };
-
 var defaultDisplayRender = function defaultDisplayRender() {
   var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return label.join('>');
 };
-
 var defaultFilterOption = function defaultFilterOption(inputValue, path, names) {
   return path.some(function (option) {
     if (typeof option[names.label] === 'string') {
       return option[names.label].indexOf(inputValue) > -1;
     }
-
     return false;
   });
 };
-
 var defaultRenderFilteredOption = function defaultRenderFilteredOption(inputValue, path, prefixCls, names) {
   return path.map(function (option, index) {
     var label = option[names.label];
     var node = label;
-
     if (typeof label === 'string' && label.indexOf(inputValue) > -1) {
       node = highlightKeyword(label, inputValue, prefixCls);
     }
-
     return index === 0 ? node : ['>', node];
   });
 };
-
 var defaultSortFilteredOption = function defaultSortFilteredOption(a, b, inputValue, names) {
   var callback = function callback(elem) {
     if (typeof elem[names.label] === 'string') {
       return elem[names.label].indexOf(inputValue) > -1;
     }
-
     return false;
   };
-
   return a.findIndex(callback) - b.findIndex(callback);
 };
-
 var getFieldNames = function getFieldNames(_ref) {
   var fieldNames = _ref.fieldNames;
   return fieldNames;
 };
-
 var getFilledFieldNames = function getFilledFieldNames(props) {
   var fieldNames = getFieldNames(props) || {};
   var names = {
@@ -177,58 +122,48 @@ var getFilledFieldNames = function getFilledFieldNames(props) {
   };
   return names;
 };
-
 var getEmptyNode = function getEmptyNode(renderEmpty, names, notFoundContent) {
   var _ref2;
-
   return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, names.value, 'ACUD_CASCADER_NOT_FOUND'), (0, _defineProperty2["default"])(_ref2, names.label, notFoundContent || renderEmpty('暂无数据')), (0, _defineProperty2["default"])(_ref2, "disabled", true), (0, _defineProperty2["default"])(_ref2, "isEmptyNode", true), _ref2;
 };
-
 var Cascader = function Cascader(props, ref) {
   var mode = props.mode,
-      popupPlacement = props.popupPlacement,
-      onClear = props.onClear;
+    popupPlacement = props.popupPlacement,
+    onClear = props.onClear;
   var inputRef = (0, _react.useRef)();
   var cachedRef = (0, _react.useRef)({});
   var measureRef = (0, _react.useRef)();
   var pickerRef = (0, _react.useRef)();
   var pickerLabelRef = (0, _react.useRef)();
   var tagsRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(props.value || props.defaultValue),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      inputValue = _useState4[0],
-      setInputValue = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
   var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      inputWidth = _useState6[0],
-      setInputWidth = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    inputWidth = _useState6[0],
+    setInputWidth = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      inputFocused = _useState8[0],
-      setInputFocused = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    inputFocused = _useState8[0],
+    setInputFocused = _useState8[1];
   var _useState9 = (0, _react.useState)(props.popupVisible),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      popupVisible = _useState10[0],
-      setPopupVisible = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    popupVisible = _useState10[0],
+    setPopupVisible = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      pickerLabelOverflow = _useState12[0],
-      setPickerLabelOverflow = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    pickerLabelOverflow = _useState12[0],
+    setPickerLabelOverflow = _useState12[1];
   var isMulti = mode === 'multiple';
   var flattenOptions = (0, _react.useMemo)(function () {
     var showSearch = props.showSearch,
-        options = props.options;
+      options = props.options;
     return showSearch ? flattenTree(options, props) : undefined;
   }, [props]);
   var disabledValue = (0, _react.useMemo)(function () {
@@ -248,48 +183,41 @@ var Cascader = function Cascader(props, ref) {
   }, [props]);
   var focus = (0, _react.useCallback)(function () {
     var _a;
-
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, []);
   var blur = (0, _react.useCallback)(function () {
     var _a;
-
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
   }, []);
   var getPopupPlacement = (0, _react.useCallback)(function () {
     var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ltr';
-
     if (popupPlacement !== undefined) {
       return popupPlacement;
     }
-
     return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
   }, [popupPlacement]);
   var generateFilteredOptions = (0, _react.useCallback)(function (prefixCls, renderEmpty) {
     var showSearch = props.showSearch,
-        notFoundContent = props.notFoundContent;
+      notFoundContent = props.notFoundContent;
     var names = getFilledFieldNames(props);
     var _showSearch$filter = showSearch.filter,
-        filter = _showSearch$filter === void 0 ? defaultFilterOption : _showSearch$filter,
-        _showSearch$render = showSearch.render,
-        render = _showSearch$render === void 0 ? defaultRenderFilteredOption : _showSearch$render,
-        _showSearch$sort = showSearch.sort,
-        sort = _showSearch$sort === void 0 ? defaultSortFilteredOption : _showSearch$sort,
-        _showSearch$limit = showSearch.limit,
-        limit = _showSearch$limit === void 0 ? defaultLimit : _showSearch$limit;
+      filter = _showSearch$filter === void 0 ? defaultFilterOption : _showSearch$filter,
+      _showSearch$render = showSearch.render,
+      render = _showSearch$render === void 0 ? defaultRenderFilteredOption : _showSearch$render,
+      _showSearch$sort = showSearch.sort,
+      sort = _showSearch$sort === void 0 ? defaultSortFilteredOption : _showSearch$sort,
+      _showSearch$limit = showSearch.limit,
+      limit = _showSearch$limit === void 0 ? defaultLimit : _showSearch$limit;
     var filtered;
-
     if (limit > 0) {
       filtered = [];
       var matchCount = 0;
       flattenOptions.some(function (path) {
         var match = filter(inputValue, path, names);
-
         if (match) {
           filtered.push(path);
           matchCount += 1;
         }
-
         return matchCount >= limit;
       });
     } else {
@@ -298,16 +226,13 @@ var Cascader = function Cascader(props, ref) {
         return filter(inputValue, path, names);
       });
     }
-
     filtered = filtered.sort(function (a, b) {
       return sort(a, b, inputValue, names);
     });
-
     if (filtered.length > 0) {
       var field = names.value === names.label ? keepFilteredValueField : names.value;
       return filtered.map(function (path) {
         var _ref3;
-
         return _ref3 = {
           __IS_FILTERED_OPTION: true,
           path: path
@@ -318,18 +243,14 @@ var Cascader = function Cascader(props, ref) {
         })), (0, _defineProperty2["default"])(_ref3, "isEmptyNode", true), _ref3;
       });
     }
-
     return [getEmptyNode(renderEmpty, names, notFoundContent)];
   }, [props, inputValue, flattenOptions]);
   var updateValue = (0, _react.useCallback)(function (value) {
     var selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
     var _a;
-
     if (!('value' in props)) {
       setValue(value);
     }
-
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, selectedOptions);
   }, [props]);
   var handleMouseDown = (0, _react.useCallback)(function (e) {
@@ -343,7 +264,6 @@ var Cascader = function Cascader(props, ref) {
   var handleClick = (0, _react.useCallback)(function (e) {
     if (e.target !== inputRef.current) {
       var isIE = document.body.style.msTouchAction !== undefined;
-
       if (isIE) {
         window.setTimeout(function () {
           focus();
@@ -355,7 +275,6 @@ var Cascader = function Cascader(props, ref) {
   }, [focus]);
   var handlePopupVisibleChange = (0, _react.useCallback)(function (popupVisible) {
     var _a;
-
     if (!('popupVisible' in props)) {
       setPopupVisible(popupVisible);
       setInputFocused(popupVisible);
@@ -363,27 +282,23 @@ var Cascader = function Cascader(props, ref) {
         return popupVisible ? prevInputValue : '';
       });
     }
-
     (_a = props.onPopupVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, popupVisible);
   }, [props]);
   var handleValueChange = (0, _react.useCallback)(function (value, selectedOptions) {
     !isMulti && setInputValue('');
     var selectedOptionFirst = isMulti ? {} : selectedOptions[0];
-
     if (selectedOptionFirst === null || selectedOptionFirst === void 0 ? void 0 : selectedOptionFirst.__IS_FILTERED_OPTION) {
       var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? (0, _first["default"])(value) : selectedOptionFirst[keepFilteredValueField];
       var unwrappedSelectedOptions = selectedOptionFirst.path;
       updateValue(unwrappedValue, unwrappedSelectedOptions);
       return;
     }
-
     updateValue(value, selectedOptions);
-
     if (isMulti) {
       window.setTimeout(function () {
         var _tagsRef$current = tagsRef.current,
-            scrollHeight = _tagsRef$current.scrollHeight,
-            clientHeight = _tagsRef$current.clientHeight;
+          scrollHeight = _tagsRef$current.scrollHeight,
+          clientHeight = _tagsRef$current.clientHeight;
         var maxScrollTop = scrollHeight - clientHeight;
         tagsRef.current.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0;
       }, 100);
@@ -404,7 +319,6 @@ var Cascader = function Cascader(props, ref) {
     if (e.keyCode === _KeyCode["default"].BACKSPACE || e.keyCode === _KeyCode["default"].SPACE) {
       e.stopPropagation();
     }
-
     if (e.keyCode === _KeyCode["default"].ENTER && firstFilteredOptionValue) {
       var options = props.options;
       var names = getFilledFieldNames(props);
@@ -412,7 +326,6 @@ var Cascader = function Cascader(props, ref) {
         if ((0, _utils.isIncludeArray)(value, firstFilteredOptionValue)) {
           return value;
         }
-
         return [].concat((0, _toConsumableArray2["default"])(value), [firstFilteredOptionValue]);
       }() : firstFilteredOptionValue;
       var selectedOptions = isMulti ? (0, _map["default"])(newValue, function (valueItem) {
@@ -435,7 +348,6 @@ var Cascader = function Cascader(props, ref) {
     if (!popupVisible) {
       handlePopupVisibleChange(true);
     }
-
     var inputValue = e.target.value;
     setInputValue(inputValue);
   }, [popupVisible, handlePopupVisibleChange]);
@@ -459,7 +371,6 @@ var Cascader = function Cascader(props, ref) {
   var handleSelectionClear = (0, _react.useCallback)(function (e) {
     e.preventDefault();
     e.stopPropagation();
-
     if (!inputValue) {
       handlePopupVisibleChange(false);
       cachedRef.current.clearSelectionTimer = window.setTimeout(function () {
@@ -467,17 +378,15 @@ var Cascader = function Cascader(props, ref) {
       }, 200);
     } else {
       setInputValue('');
-    } // 调用onClear清空函数
-
-
+    }
+    // 调用onClear清空函数
     onClear && onClear();
   }, [inputValue, updateValue, handlePopupVisibleChange, onClear]);
   var label = (0, _react.useMemo)(function () {
     var options = props.options,
-        _props$displayRender = props.displayRender,
-        displayRender = _props$displayRender === void 0 ? defaultDisplayRender : _props$displayRender;
+      _props$displayRender = props.displayRender,
+      displayRender = _props$displayRender === void 0 ? defaultDisplayRender : _props$displayRender;
     var names = getFilledFieldNames(props);
-
     if (isMulti) {
       var _selectedOptions = (0, _map["default"])(value, function (valueItem) {
         return (0, _arrayTreeFilter["default"])(options, function (o, level) {
@@ -486,18 +395,15 @@ var Cascader = function Cascader(props, ref) {
           childrenKeyName: names.children
         });
       });
-
       var _label = _selectedOptions.length ? _selectedOptions.map(function (o) {
         return o.map(function (q) {
           return q[names.label];
         });
       }) : value;
-
       return (0, _map["default"])(_label, function (labelItem) {
         return displayRender(labelItem, _selectedOptions);
       });
     }
-
     var unwrappedValue = Array.isArray((0, _first["default"])(value)) ? (0, _first["default"])(value) : value;
     var selectedOptions = (0, _arrayTreeFilter["default"])(options, function (o, level) {
       return o[names.value] === (0, _get["default"])(unwrappedValue, level);
@@ -511,38 +417,35 @@ var Cascader = function Cascader(props, ref) {
   }, [isMulti, value, props]);
   var renderCascader = (0, _react.useCallback)(function (context, locale, size) {
     var _classnames, _classnames2, _classnames3, _classnames5;
-
     var _a, _b;
-
     var customizePrefixCls = props.prefixCls,
-        customizeInputPrefixCls = props.inputPrefixCls,
-        className = props.className,
-        customizeSize = props.size,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? false : _props$disabled,
-        _props$bordered = props.bordered,
-        bordered = _props$bordered === void 0 ? true : _props$bordered,
-        _props$allowClear = props.allowClear,
-        allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-        _props$showSearch = props.showSearch,
-        showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
-        style = props.style,
-        _props$placeholder = props.placeholder,
-        placeholder = _props$placeholder === void 0 ? locale.placeholder || 'Please select' : _props$placeholder,
-        expandIcon = props.expandIcon,
-        suffixIcon = props.suffixIcon,
-        popupClassName = props.popupClassName,
-        notFoundContent = props.notFoundContent,
-        _props$maxTagTextLeng = props.maxTagTextLength,
-        maxTagTextLength = _props$maxTagTextLeng === void 0 ? 8 : _props$maxTagTextLeng,
-        maxTagCount = props.maxTagCount,
-        dropdownRender = props.dropdownRender,
-        children = props.children,
-        otherProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "disabled", "bordered", "allowClear", "showSearch", "style", "placeholder", "expandIcon", "suffixIcon", "popupClassName", "notFoundContent", "maxTagTextLength", "maxTagCount", "dropdownRender", "children"]);
-
+      customizeInputPrefixCls = props.inputPrefixCls,
+      className = props.className,
+      customizeSize = props.size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+      _props$showSearch = props.showSearch,
+      showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
+      style = props.style,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? locale.placeholder || 'Please select' : _props$placeholder,
+      expandIcon = props.expandIcon,
+      suffixIcon = props.suffixIcon,
+      popupClassName = props.popupClassName,
+      notFoundContent = props.notFoundContent,
+      _props$maxTagTextLeng = props.maxTagTextLength,
+      maxTagTextLength = _props$maxTagTextLeng === void 0 ? 8 : _props$maxTagTextLeng,
+      maxTagCount = props.maxTagCount,
+      dropdownRender = props.dropdownRender,
+      children = props.children,
+      otherProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "disabled", "bordered", "allowClear", "showSearch", "style", "placeholder", "expandIcon", "suffixIcon", "popupClassName", "notFoundContent", "maxTagTextLength", "maxTagCount", "dropdownRender", "children"]);
     var getContextPopupContainer = context.getPopupContainer,
-        getPrefixCls = context.getPrefixCls,
-        direction = context.direction;
+      getPrefixCls = context.getPrefixCls,
+      direction = context.direction;
     var isRtlLayout = direction === 'rtl';
     var mergedSize = customizeSize || size;
     var prefixCls = getPrefixCls('cascader', customizePrefixCls);
@@ -553,7 +456,6 @@ var Cascader = function Cascader(props, ref) {
     var options = props.options;
     var names = getFilledFieldNames(props);
     var isOptionsEmpty = !(options && options.length > 0);
-
     if (!isOptionsEmpty) {
       if (inputValue) {
         options = generateFilteredOptions(prefixCls, function () {
@@ -563,21 +465,17 @@ var Cascader = function Cascader(props, ref) {
     } else {
       options = [getEmptyNode(_renderEmpty["default"], names, notFoundContent)];
     }
-
     if (!popupVisible) {
       options = ((_a = cachedRef.current) === null || _a === void 0 ? void 0 : _a.options) || [];
     } else {
       cachedRef.current.options = options;
     }
-
     var expandIconNode = expandIcon || (isRtlLayout ? /*#__PURE__*/_react["default"].createElement(_OutlinedLeft["default"], null) : /*#__PURE__*/_react["default"].createElement(_OutlinedRight["default"], null));
-
     var loadingIcon = /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefixCls, "-menu-item-loading-icon")
     }, /*#__PURE__*/_react["default"].createElement(_OutlinedLoading["default"], {
       animation: "spin"
     }));
-
     var clearIcon = allowClear && !disabled && (0, _get["default"])(value, 'length') > 0 || inputValue ? /*#__PURE__*/_react["default"].createElement(_clear["default"], {
       className: "".concat(prefixCls, "-picker-clear"),
       onClick: handleSelectionClear
@@ -587,7 +485,6 @@ var Cascader = function Cascader(props, ref) {
       "aria-disabled": disabled
     }, suffixIcon), function () {
       var _classnames4;
-
       return {
         className: (0, _classnames6["default"])((_classnames4 = {}, (0, _defineProperty2["default"])(_classnames4, suffixIcon.props.className, suffixIcon.props.className), (0, _defineProperty2["default"])(_classnames4, "".concat(prefixCls, "-picker-arrow"), true), _classnames4)),
         disabled: disabled
@@ -596,33 +493,26 @@ var Cascader = function Cascader(props, ref) {
       className: arrowCls,
       disabled: disabled
     });
-
     var multiLabelContent = function () {
       if (!isMulti) {
         return null;
       }
-
       var multiLabel = label;
       var extraCount = 0;
-
       if (typeof maxTagCount === 'number' && maxTagCount >= 0) {
         multiLabel = label.slice(0, maxTagCount);
         extraCount = label.length - maxTagCount;
       }
-
       return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, multiLabel.map(function (labelItem, labelIndex) {
         var displayLabel = labelItem;
-
         if (typeof maxTagTextLength === 'number') {
           if (typeof labelItem === 'string' || typeof labelItem === 'number') {
             var strLabel = String(displayLabel);
-
             if (strLabel.length > maxTagTextLength) {
               displayLabel = "".concat(strLabel.slice(0, maxTagTextLength), "...");
             }
           }
         }
-
         var currentItemValue = value[labelIndex];
         var closable = !disabled && !(0, _utils.isIncludeArray)(disabledValue, currentItemValue);
         return /*#__PURE__*/_react["default"].createElement("div", {
@@ -646,40 +536,32 @@ var Cascader = function Cascader(props, ref) {
         className: "".concat(prefixCls, "-tag")
       }, "+ ", extraCount, " ...")));
     }();
-
     var getPopupContainer = props.getPopupContainer || getContextPopupContainer;
     var rcCascaderPopupClassName = (0, _classnames6["default"])(popupClassName, (_classnames5 = {}, (0, _defineProperty2["default"])(_classnames5, "".concat(prefixCls, "-menu-").concat(direction), direction === 'rtl'), (0, _defineProperty2["default"])(_classnames5, "".concat(prefixCls, "-menu-search"), showSearch && inputValue), (0, _defineProperty2["default"])(_classnames5, "".concat(prefixCls, "-menu-empty"), options.length === 1 && (options[0][names.value] === 'ACUD_CASCADER_NOT_FOUND' || /*#__PURE__*/_react["default"].isValidElement(options[0][names.value]))), _classnames5));
     var dropdownMenuColumnStyle = {};
     var isNotFound = (options || []).length === 1 && options[0].isEmptyNode;
-
     if (isNotFound) {
       dropdownMenuColumnStyle.height = 'auto';
     }
-
     var resultListMatchInputWidth = showSearch.matchInputWidth !== false;
-
     if (resultListMatchInputWidth && (inputValue || isNotFound) && pickerRef.current) {
       var pickerWidth = (_b = pickerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
       dropdownMenuColumnStyle.width = pickerWidth;
       dropdownMenuColumnStyle.maxWidth = pickerWidth;
     }
-
-    var inputProps = (0, _omit["default"])( // Not know why these props left
+    var inputProps = (0, _omit["default"])(
+    // Not know why these props left
     otherProps, ['onChange', 'onClear', 'options', 'popupPlacement', 'transitionName', 'displayRender', 'onPopupVisibleChange', 'changeOnSelect', 'expandTrigger', 'popupVisible', 'getPopupContainer', 'loadData', 'filterOption', 'renderFilteredOption', 'sortFilteredOption', 'fieldNames', 'mode', 'menusEdgeBuffer']);
-
     var firstFilteredOptionValue = function () {
       var firstOption = (0, _first["default"])(options);
-
       var _ref4 = firstOption || {},
-          isFilteredOption = _ref4.__IS_FILTERED_OPTION,
-          disabled = _ref4.disabled,
-          value = _ref4.value;
-
+        isFilteredOption = _ref4.__IS_FILTERED_OPTION,
+        disabled = _ref4.disabled,
+        value = _ref4.value;
       if (isFilteredOption && !disabled) {
         return value;
       }
     }();
-
     var customInput = isMulti ? /*#__PURE__*/_react["default"].createElement("div", {
       ref: pickerRef,
       style: style,
@@ -787,7 +669,6 @@ var Cascader = function Cascader(props, ref) {
   }, [inputValue]);
   (0, _react.useEffect)(function () {
     var _a;
-
     var clearSelectionTimer = (_a = cachedRef.current) === null || _a === void 0 ? void 0 : _a.clearSelectionTimer;
     return function () {
       if (clearSelectionTimer) {
@@ -798,8 +679,8 @@ var Cascader = function Cascader(props, ref) {
   (0, _react.useEffect)(function () {
     if ('value' in props && !(0, _isEqual["default"])(value, props.value)) {
       setValue(props.value);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.value]);
   return /*#__PURE__*/_react["default"].createElement(_configProvider.ConfigConsumer, null, function (context) {
     return /*#__PURE__*/_react["default"].createElement(_LocaleReceiver["default"], null, function (locale) {
@@ -809,7 +690,5 @@ var Cascader = function Cascader(props, ref) {
     });
   });
 };
-
 var _default = /*#__PURE__*/(0, _react.forwardRef)(Cascader);
-
 exports["default"] = _default;