acud 0.0.60

package/es/cascader/index.js

@@ -0,0 +1,692 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+/*
+ * @author: xuemin02
+ * @Date: 2021-05-11 15:52:07
+ */
+var __rest = this && this.__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];
+  }
+
+  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;
+};
+
+import get from 'lodash/get';
+import first from 'lodash/first';
+import React, { useImperativeHandle, forwardRef, useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect, Fragment } from 'react';
+import classnames from 'classnames';
+import KeyCode from "rc-util/es/KeyCode";
+import omit from "rc-util/es/omit";
+import arrayTreeFilter from 'array-tree-filter';
+import OutlinedLeft from "acud-icon/es/icons/OutlinedLeft";
+import OutlinedRight from "acud-icon/es/icons/OutlinedRight";
+import OutlinedRefresh from "acud-icon/es/icons/OutlinedRefresh";
+import OutlinedClose from "acud-icon/es/icons/OutlinedClose";
+import OutlinedDown from "acud-icon/es/icons/OutlinedDown";
+import Input from '../input';
+import Tag from '../tag';
+import Tooltip from '../tooltip';
+import RcCascader from './Cascader';
+import renderEmpty from './renderEmpty';
+import { ConfigConsumer } from '../config-provider';
+import SizeContext from '../config-provider/SizeContext';
+import LocaleReceiver from '../locale-provider/LocaleReceiver';
+import { replaceElement } from '../_util/reactNode';
+import devWarning from '../_util/devWarning';
+import { getTransitionName } from '../_util/motion';
+import { isEqualArrays, isIncludeArray } from './utils';
+import './style';
+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.createElement("span", {
+      className: "".concat(prefixCls, "-menu-item-keyword"),
+      key: "seperator"
+    }, keyword), node];
+  });
+};
+
+var flattenTree = function flattenTree(options, props) {
+  var ancestor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var names = getFilledFieldNames(props);
+  var flattenOptions = [];
+  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(label) {
+  return label.join('>');
+};
+
+var defaultFilterOption = function defaultFilterOption(inputValue, path, names) {
+  return path.some(function (option) {
+    return option[names.label].indexOf(inputValue) > -1;
+  });
+};
+
+var defaultRenderFilteredOption = function defaultRenderFilteredOption(inputValue, path, prefixCls, names) {
+  return path.map(function (option, index) {
+    var label = option[names.label];
+    var node = label.indexOf(inputValue) > -1 ? highlightKeyword(label, inputValue, prefixCls) : label;
+    return index === 0 ? node : ['>', node];
+  });
+};
+
+var defaultSortFilteredOption = function defaultSortFilteredOption(a, b, inputValue, names) {
+  var callback = function callback(elem) {
+    return elem[names.label].indexOf(inputValue) > -1;
+  };
+
+  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 = {
+    children: fieldNames.children || 'children',
+    label: fieldNames.label || 'label',
+    value: fieldNames.value || 'value'
+  };
+  return names;
+};
+
+var getEmptyNode = function getEmptyNode(renderEmpty, names, notFoundContent) {
+  var _ref2;
+
+  return _ref2 = {}, _defineProperty(_ref2, names.value, 'ANT_CASCADER_NOT_FOUND'), _defineProperty(_ref2, names.label, notFoundContent || renderEmpty('暂无数据')), _defineProperty(_ref2, "disabled", true), _defineProperty(_ref2, "isEmptyNode", true), _ref2;
+};
+
+var Cascader = function Cascader(props, ref) {
+  var mode = props.mode,
+      popupPlacement = props.popupPlacement;
+  var inputRef = useRef();
+  var cachedRef = useRef({});
+  var measureRef = useRef();
+  var pickerRef = useRef();
+  var tagsRef = useRef();
+
+  var _useState = useState(props.value || props.defaultValue || []),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputValue = _useState4[0],
+      setInputValue = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      inputWidth = _useState6[0],
+      setInputWidth = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      inputFocused = _useState8[0],
+      setInputFocused = _useState8[1];
+
+  var _useState9 = useState(props.popupVisible),
+      _useState10 = _slicedToArray(_useState9, 2),
+      popupVisible = _useState10[0],
+      setPopupVisible = _useState10[1];
+
+  var isMulti = mode === 'multiple';
+  var flattenOptions = useMemo(function () {
+    var showSearch = props.showSearch,
+        options = props.options;
+    return showSearch ? flattenTree(options, props) : undefined;
+  }, [props]);
+  var disabledValue = useMemo(function () {
+    var options = props.options;
+    var flattenOptions = flattenTree(options, props);
+    var disabledOptions = flattenOptions.filter(function (options) {
+      return options.some(function (option) {
+        return option.disabled;
+      });
+    });
+    var names = getFilledFieldNames(props);
+    return disabledOptions.map(function (options) {
+      return options.map(function (o) {
+        return o[names.value];
+      });
+    });
+  }, [props]);
+  var focus = useCallback(function () {
+    var _a;
+
+    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  }, []);
+  var blur = useCallback(function () {
+    var _a;
+
+    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+  }, []);
+  var getPopupPlacement = 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 = useCallback(function (prefixCls, renderEmpty) {
+    var showSearch = props.showSearch,
+        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;
+    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 {
+      devWarning(typeof limit !== 'number', 'Cascader', "'limit' of showSearch should be positive number or false.");
+      filtered = flattenOptions.filter(function (path) {
+        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
+        }, _defineProperty(_ref3, field, path.map(function (o) {
+          return o[names.value];
+        })), _defineProperty(_ref3, names.label, render(inputValue, path, prefixCls, names)), _defineProperty(_ref3, "disabled", path.some(function (o) {
+          return !!o.disabled;
+        })), _defineProperty(_ref3, "isEmptyNode", true), _ref3;
+      });
+    }
+
+    return [getEmptyNode(renderEmpty, names, notFoundContent)];
+  }, [props, inputValue, flattenOptions]);
+  var updateValue = 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 = useCallback(function (e) {
+    if (e.target !== inputRef.current) {
+      e.preventDefault();
+    }
+  }, []);
+  var handleClick = useCallback(function (e) {
+    if (e.target !== inputRef.current) {
+      var isIE = document.body.style.msTouchAction !== undefined;
+
+      if (isIE) {
+        setTimeout(function () {
+          focus();
+        });
+      } else {
+        focus();
+      }
+    }
+  }, [focus]);
+  var handlePopupVisibleChange = useCallback(function (popupVisible) {
+    var _a;
+
+    if (!('popupVisible' in props)) {
+      setPopupVisible(popupVisible);
+      setInputFocused(popupVisible);
+      setInputValue(function (prevInputValue) {
+        return popupVisible ? prevInputValue : '';
+      });
+    }
+
+    (_a = props.onPopupVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, popupVisible);
+  }, [props]);
+  var handleValueChange = 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 ? value[0] : 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;
+        var maxScrollTop = scrollHeight - clientHeight;
+        tagsRef.current.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0;
+      }, 100);
+    }
+  }, [isMulti, updateValue]);
+  var handleInputClick = useCallback(function (e) {
+    if (inputFocused || popupVisible) {
+      e.stopPropagation();
+    }
+  }, [inputFocused, popupVisible]);
+  var handleInputBlur = useCallback(function () {
+    return setInputFocused(false);
+  }, []);
+  var handleInputFocus = useCallback(function () {
+    return setInputFocused(true);
+  }, []);
+  var handleInputKeyDown = useCallback(function (e, firstFilteredOptionValue) {
+    if (e.keyCode === KeyCode.BACKSPACE || e.keyCode === KeyCode.SPACE) {
+      e.stopPropagation();
+    }
+
+    if (e.keyCode === KeyCode.ENTER && firstFilteredOptionValue) {
+      if (isMulti) {
+        setValue(function (prevValue) {
+          if (isIncludeArray(prevValue, firstFilteredOptionValue)) {
+            return prevValue;
+          }
+
+          return [].concat(_toConsumableArray(prevValue), [firstFilteredOptionValue]);
+        });
+      } else {
+        setValue(firstFilteredOptionValue);
+      }
+
+      setInputValue('');
+      handlePopupVisibleChange(false);
+    }
+  }, [isMulti, handlePopupVisibleChange]);
+  var handleInputChange = useCallback(function (e) {
+    if (!popupVisible) {
+      handlePopupVisibleChange(true);
+    }
+
+    var inputValue = e.target.value;
+    setInputValue(inputValue);
+  }, [popupVisible, handlePopupVisibleChange]);
+  var handleSelectionItemClear = useCallback(function (e, valueIndex) {
+    e.preventDefault();
+    e.stopPropagation();
+    setValue(function (prevValue) {
+      return prevValue.filter(function (valueItem) {
+        return !isEqualArrays(valueItem, prevValue[valueIndex]);
+      });
+    });
+  }, []);
+  var handleSelectionClear = useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (!inputValue) {
+      handlePopupVisibleChange(false);
+      cachedRef.current.clearSelectionTimeout = setTimeout(function () {
+        setValue([]);
+      }, 200);
+    } else {
+      setInputValue('');
+    }
+  }, [inputValue, handlePopupVisibleChange]);
+  var label = useMemo(function () {
+    var options = props.options,
+        _props$displayRender = props.displayRender,
+        displayRender = _props$displayRender === void 0 ? defaultDisplayRender : _props$displayRender;
+    var names = getFilledFieldNames(props);
+
+    if (isMulti) {
+      var _selectedOptions = value.map(function (valueItem) {
+        return arrayTreeFilter(options, function (o, level) {
+          return o[names.value] === valueItem[level];
+        }, {
+          childrenKeyName: names.children
+        });
+      });
+
+      var _label = _selectedOptions.length ? _selectedOptions.map(function (o) {
+        return o.map(function (q) {
+          return q[names.label];
+        });
+      }) : value;
+
+      return _label.map(function (labelItem) {
+        return displayRender(labelItem, _selectedOptions);
+      });
+    }
+
+    var unwrappedValue = Array.isArray(value[0]) ? value[0] : value;
+    var selectedOptions = arrayTreeFilter(options, function (o, level) {
+      return o[names.value] === unwrappedValue[level];
+    }, {
+      childrenKeyName: names.children
+    });
+    var label = selectedOptions.length ? selectedOptions.map(function (o) {
+      return o[names.label];
+    }) : value;
+    return displayRender(label, selectedOptions);
+  }, [isMulti, value, props]);
+  var renderCascader = 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,
+        dropdownRender = props.dropdownRender,
+        children = props.children,
+        otherProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "disabled", "bordered", "allowClear", "showSearch", "style", "placeholder", "expandIcon", "suffixIcon", "popupClassName", "notFoundContent", "maxTagTextLength", "dropdownRender", "children"]);
+
+    var getContextPopupContainer = context.getPopupContainer,
+        getPrefixCls = context.getPrefixCls,
+        direction = context.direction;
+    var isRtlLayout = direction === 'rtl';
+    var mergedSize = customizeSize || size;
+    var prefixCls = getPrefixCls('cascader', customizePrefixCls);
+    var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
+    var sizeCls = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(inputPrefixCls, "-lg"), mergedSize === 'large'), _defineProperty(_classnames, "".concat(inputPrefixCls, "-sm"), mergedSize === 'small'), _classnames));
+    var pickerCls = classnames("".concat(prefixCls, "-picker"), (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-picker-multi"), isMulti), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-rtl"), isRtlLayout), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-with-input-value"), inputValue), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-disabled"), disabled), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-lg"), mergedSize === 'large'), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-sm"), mergedSize === 'small'), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-show-search"), !!showSearch), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-focused"), inputFocused), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-expand"), popupVisible), _defineProperty(_classnames2, "".concat(prefixCls, "-picker-borderless"), !bordered), _classnames2), className);
+    var arrowCls = classnames((_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-picker-arrow"), true), _defineProperty(_classnames3, "".concat(prefixCls, "-picker-arrow-expand"), popupVisible), _classnames3));
+    var options = props.options;
+    var names = getFilledFieldNames(props);
+    var isOptionsEmpty = !(options && options.length > 0);
+
+    if (!isOptionsEmpty) {
+      if (inputValue) {
+        options = generateFilteredOptions(prefixCls, function () {
+          return renderEmpty('未查找到任何结果');
+        });
+      }
+    } else {
+      options = [getEmptyNode(renderEmpty, 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.createElement(OutlinedLeft, null) : /*#__PURE__*/React.createElement(OutlinedRight, null));
+    var loadingIcon = /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-menu-item-loading-icon")
+    }, /*#__PURE__*/React.createElement(OutlinedRefresh, {
+      animation: "spin"
+    }));
+    var clearIcon = allowClear && !disabled && value.length > 0 || inputValue ? /*#__PURE__*/React.createElement(OutlinedClose, {
+      className: "".concat(prefixCls, "-picker-clear"),
+      onClick: handleSelectionClear
+    }) : null;
+    var inputIcon = suffixIcon ? replaceElement(suffixIcon, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-picker-arrow"),
+      disabled: disabled
+    }, suffixIcon), function () {
+      var _classnames4;
+
+      return {
+        className: classnames((_classnames4 = {}, _defineProperty(_classnames4, suffixIcon.props.className, suffixIcon.props.className), _defineProperty(_classnames4, "".concat(prefixCls, "-picker-arrow"), true), _classnames4)),
+        disabled: disabled
+      };
+    }) : /*#__PURE__*/React.createElement(OutlinedDown, {
+      className: arrowCls,
+      disabled: disabled
+    });
+
+    var multiLabelContent = function () {
+      if (!isMulti) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement(Fragment, null, label.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 = !isIncludeArray(disabledValue, currentItemValue);
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-tag-wrap"),
+          key: labelIndex
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: labelItem
+        }, /*#__PURE__*/React.createElement(Tag, {
+          className: "".concat(prefixCls, "-tag"),
+          disabled: disabled,
+          closable: closable,
+          onClose: function onClose(e) {
+            return handleSelectionItemClear(e, labelIndex);
+          }
+        }, displayLabel)));
+      }));
+    }();
+
+    var getPopupContainer = props.getPopupContainer || getContextPopupContainer;
+    var rcCascaderPopupClassName = classnames(popupClassName, (_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefixCls, "-menu-").concat(direction), direction === 'rtl'), _defineProperty(_classnames5, "".concat(prefixCls, "-menu-search"), showSearch && inputValue), _defineProperty(_classnames5, "".concat(prefixCls, "-menu-empty"), options.length === 1 && (options[0].value === 'ANT_CASCADER_NOT_FOUND' || /*#__PURE__*/React.isValidElement(options[0].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) {
+      dropdownMenuColumnStyle.width = (_b = pickerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
+    }
+
+    var inputProps = omit( // Not know why these props left
+    otherProps, ['onChange', 'options', 'popupPlacement', 'transitionName', 'displayRender', 'onPopupVisibleChange', 'changeOnSelect', 'expandTrigger', 'popupVisible', 'getPopupContainer', 'loadData', 'filterOption', 'renderFilteredOption', 'sortFilteredOption', 'fieldNames', 'mode', 'menusEdgeBuffer']);
+
+    var firstFilteredOptionValue = function () {
+      var firstOption = first(options);
+
+      var _ref4 = firstOption || {},
+          isFilteredOption = _ref4.__IS_FILTERED_OPTION,
+          disabled = _ref4.disabled,
+          value = _ref4.value;
+
+      if (isFilteredOption && !disabled) {
+        return value;
+      }
+    }();
+
+    var customInput = isMulti ? /*#__PURE__*/React.createElement("div", {
+      ref: pickerRef,
+      style: style,
+      className: pickerCls,
+      disabled: disabled,
+      onClick: showSearch ? handleClick : undefined,
+      onMouseDown: showSearch ? handleMouseDown : undefined
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-tags ").concat(sizeCls),
+      ref: tagsRef
+    }, multiLabelContent, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-input-wrap"),
+      style: {
+        width: value && value.length ? inputWidth : '100%'
+      },
+      onFocus: showSearch ? focus : undefined,
+      onBlur: showSearch ? blur : undefined
+    }, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
+      tabIndex: -1,
+      ref: inputRef,
+      prefixCls: inputPrefixCls,
+      placeholder: value && value.length > 0 ? null : placeholder,
+      className: "".concat(prefixCls, "-input ").concat(sizeCls),
+      value: inputValue,
+      disabled: disabled,
+      readOnly: !showSearch,
+      autoComplete: inputProps.autoComplete || 'off',
+      onClick: showSearch ? handleInputClick : undefined,
+      onBlur: showSearch ? handleInputBlur : undefined,
+      onFocus: showSearch ? handleInputFocus : undefined,
+      onKeyDown: function onKeyDown(e) {
+        return handleInputKeyDown(e, firstFilteredOptionValue);
+      },
+      onChange: showSearch ? handleInputChange : undefined
+    })), /*#__PURE__*/React.createElement("span", {
+      ref: measureRef,
+      className: "".concat(prefixCls, "-mirror"),
+      "aria-hidden": true
+    }, inputValue, "\xA0"))), clearIcon, inputIcon) : /*#__PURE__*/React.createElement("span", {
+      ref: pickerRef,
+      style: style,
+      className: pickerCls,
+      disabled: disabled
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-picker-label"),
+      disabled: disabled
+    }, label), /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
+      tabIndex: -1,
+      ref: inputRef,
+      prefixCls: inputPrefixCls,
+      placeholder: value && value.length > 0 ? null : placeholder,
+      className: "".concat(prefixCls, "-input ").concat(sizeCls),
+      value: inputValue,
+      disabled: disabled,
+      readOnly: !showSearch,
+      autoComplete: inputProps.autoComplete || 'off',
+      onClick: showSearch ? handleInputClick : undefined,
+      onBlur: showSearch ? handleInputBlur : undefined,
+      onKeyDown: function onKeyDown(e) {
+        return handleInputKeyDown(e, firstFilteredOptionValue);
+      },
+      onChange: showSearch ? handleInputChange : undefined
+    })), clearIcon, inputIcon);
+    var input = children || customInput;
+    var rcCascaderProps = omit(props, ['inputIcon', 'expandIcon', 'loadingIcon', 'bordered', 'className']);
+    var rootPrefixCls = getPrefixCls();
+    var firstOptionValue = get(props, 'options[0].value');
+    var initialActiveValue = firstOptionValue !== undefined ? [firstOptionValue] : undefined;
+    return /*#__PURE__*/React.createElement(RcCascader, _extends({}, rcCascaderProps, {
+      value: value,
+      initialActiveValue: initialActiveValue,
+      options: options,
+      keyword: inputValue,
+      prefixCls: prefixCls,
+      expandIcon: expandIconNode,
+      loadingIcon: loadingIcon,
+      size: mergedSize,
+      withCheckAll: !inputValue,
+      getPopupContainer: getPopupContainer,
+      popupVisible: popupVisible,
+      popupClassName: rcCascaderPopupClassName,
+      popupPlacement: getPopupPlacement(direction),
+      dropdownMenuColumnStyle: dropdownMenuColumnStyle,
+      dropdownRender: dropdownRender,
+      transitionName: getTransitionName(rootPrefixCls, 'slide-up', props.transitionName),
+      onPopupVisibleChange: handlePopupVisibleChange,
+      onChange: handleValueChange
+    }), input);
+  }, [props, isMulti, label, value, disabledValue, inputValue, inputWidth, inputFocused, popupVisible, blur, focus, getPopupPlacement, generateFilteredOptions, handleClick, handleMouseDown, handleInputClick, handleInputBlur, handleInputFocus, handleInputKeyDown, handleInputChange, handleSelectionClear, handleSelectionItemClear, handleValueChange, handlePopupVisibleChange]);
+  useImperativeHandle(ref, function () {
+    return {
+      focus: focus,
+      blur: blur
+    };
+  });
+  useLayoutEffect(function () {
+    measureRef.current && setInputWidth(measureRef.current.scrollWidth);
+  }, [inputValue]);
+  useEffect(function () {
+    return function () {
+      var _a;
+
+      var clearSelectionTimeout = (_a = cachedRef.current) === null || _a === void 0 ? void 0 : _a.clearSelectionTimeout;
+
+      if (clearSelectionTimeout) {
+        clearTimeout(clearSelectionTimeout);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (context) {
+    return /*#__PURE__*/React.createElement(LocaleReceiver, null, function (locale) {
+      return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (size) {
+        return renderCascader(context, locale, size);
+      });
+    });
+  });
+};
+
+export default /*#__PURE__*/forwardRef(Cascader);

package/es/cascader/placements.d.ts

@@ -0,0 +1,3 @@
+import type { BuildInPlacements } from 'rc-trigger';
+declare const BUILT_IN_PLACEMENTS: BuildInPlacements;
+export default BUILT_IN_PLACEMENTS;