tntd 2.6.18 → 2.6.19

package/lib/tntd-cascader/rc-cascader/Cascader.js

@@ -1,343 +1,302 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _rcSelect = require("rc-select");
-var _useId = _interopRequireDefault(require("rc-select/lib/hooks/useId"));
-var _conductUtil = require("rc-tree/lib/utils/conductUtil");
-var _useMergedState5 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-var React = _interopRequireWildcard(require("react"));
-var _context = _interopRequireDefault(require("./context"));
-var _useDisplayValues = _interopRequireDefault(require("./hooks/useDisplayValues"));
-var _useEntities = _interopRequireDefault(require("./hooks/useEntities"));
-var _useMissingValues = _interopRequireDefault(require("./hooks/useMissingValues"));
-var _useRefFunc = _interopRequireDefault(require("./hooks/useRefFunc"));
-var _useSearchConfig3 = _interopRequireDefault(require("./hooks/useSearchConfig"));
-var _useSearchOptions = _interopRequireDefault(require("./hooks/useSearchOptions"));
-var _OptionList = _interopRequireDefault(require("./OptionList"));
-var _commonUtil = require("./utils/commonUtil");
-var _treeUtil = require("./utils/treeUtil");
-var _warningPropsUtil = _interopRequireWildcard(require("./utils/warningPropsUtil"));
-require("./index.less");
-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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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];
-  }
-  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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rc_select_1 = require("rc-select");
+const useId_1 = __importDefault(require("rc-select/lib/hooks/useId"));
+const conductUtil_1 = require("rc-tree/lib/utils/conductUtil");
+const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
+const React = __importStar(require("react"));
+const context_1 = __importDefault(require("./context"));
+const useDisplayValues_1 = __importDefault(require("./hooks/useDisplayValues"));
+const useEntities_1 = __importDefault(require("./hooks/useEntities"));
+const useMissingValues_1 = __importDefault(require("./hooks/useMissingValues"));
+const useRefFunc_1 = __importDefault(require("./hooks/useRefFunc"));
+const useSearchConfig_1 = __importDefault(require("./hooks/useSearchConfig"));
+const useSearchOptions_1 = __importDefault(require("./hooks/useSearchOptions"));
+const OptionList_1 = __importDefault(require("./OptionList"));
+const commonUtil_1 = require("./utils/commonUtil");
+const treeUtil_1 = require("./utils/treeUtil");
+const warningPropsUtil_1 = __importStar(require("./utils/warningPropsUtil"));
+require("./context");
+require("./index.less");
 function isMultipleValue(value) {
-  return Array.isArray(value) && Array.isArray(value[0]);
+    return Array.isArray(value) && Array.isArray(value[0]);
 }
 function toRawValues(value) {
-  if (!value) {
-    return [];
-  }
-  if (isMultipleValue(value)) {
-    return value;
-  }
-  return (value.length === 0 ? [] : [value]).map(function (val) {
-    return Array.isArray(val) ? val : [val];
-  });
-}
-var Cascader = React.forwardRef(function (props, ref) {
-  var id = props.id,
-    _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'rc-cascader' : _props$prefixCls,
-    fieldNames = props.fieldNames,
-    defaultValue = props.defaultValue,
-    value = props.value,
-    changeOnSelect = props.changeOnSelect,
-    onChange = props.onChange,
-    displayRender = props.displayRender,
-    checkable = props.checkable,
-    searchValue = props.searchValue,
-    onSearch = props.onSearch,
-    showSearch = props.showSearch,
-    expandTrigger = props.expandTrigger,
-    options = props.options,
-    dropdownPrefixCls = props.dropdownPrefixCls,
-    loadData = props.loadData,
-    popupVisible = props.popupVisible,
-    open = props.open,
-    popupClassName = props.popupClassName,
-    dropdownClassName = props.dropdownClassName,
-    dropdownMenuColumnStyle = props.dropdownMenuColumnStyle,
-    popupPlacement = props.popupPlacement,
-    placement = props.placement,
-    onDropdownVisibleChange = props.onDropdownVisibleChange,
-    onPopupVisibleChange = props.onPopupVisibleChange,
-    renderItem = props.renderItem,
-    _props$expandIcon = props.expandIcon,
-    expandIcon = _props$expandIcon === void 0 ? '>' : _props$expandIcon,
-    loadingIcon = props.loadingIcon,
-    children = props.children,
-    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? false : _props$dropdownMatchS,
-    _props$showCheckedStr = props.showCheckedStrategy,
-    showCheckedStrategy = _props$showCheckedStr === void 0 ? _commonUtil.SHOW_PARENT : _props$showCheckedStr,
-    restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
-  var mergedId = (0, _useId["default"])(id);
-  var multiple = !!checkable;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dropdownVisible = _React$useState2[0],
-    setDropdownVisible = _React$useState2[1];
-  // =========================== Values ===========================
-  var _useMergedState = (0, _useMergedState5["default"])(defaultValue, {
-      value: value,
-      postState: toRawValues
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    rawValues = _useMergedState2[0],
-    setRawValues = _useMergedState2[1];
-  // ========================= FieldNames =========================
-  var mergedFieldNames = React.useMemo(function () {
-    return (0, _commonUtil.fillFieldNames)(fieldNames);
-  }, /* eslint-disable react-hooks/exhaustive-deps */
-  [JSON.stringify(fieldNames)]
-  /* eslint-enable react-hooks/exhaustive-deps */);
-  // =========================== Option ===========================
-  var mergedOptions = React.useMemo(function () {
-    return options || [];
-  }, [options]);
-  // Only used in multiple mode, this fn will not call in single mode
-  var getPathKeyEntities = (0, _useEntities["default"])(mergedOptions, mergedFieldNames);
-  /** Convert path key back to value format */
-  var getValueByKeyPath = React.useCallback(function (pathKeys) {
-    var keyPathEntities = getPathKeyEntities();
-    return pathKeys.map(function (pathKey) {
-      var nodes = keyPathEntities[pathKey].nodes;
-      return nodes.map(function (node) {
-        return node[mergedFieldNames.value];
-      });
-    });
-  }, [getPathKeyEntities, mergedFieldNames]);
-  // =========================== Search ===========================
-  var _useMergedState3 = (0, _useMergedState5["default"])('', {
-      value: searchValue,
-      postState: function postState(search) {
-        return search || '';
-      }
-    }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    mergedSearchValue = _useMergedState4[0],
-    setSearchValue = _useMergedState4[1];
-  var onInternalSearch = function onInternalSearch(searchText, info) {
-    setSearchValue(searchText);
-    if (info.source !== 'blur' && onSearch) {
-      onSearch(searchText);
+    if (!value) {
+        return [];
     }
-  };
-  var _useSearchConfig = (0, _useSearchConfig3["default"])(showSearch),
-    _useSearchConfig2 = _slicedToArray(_useSearchConfig, 2),
-    mergedShowSearch = _useSearchConfig2[0],
-    searchConfig = _useSearchConfig2[1];
-  var searchOptions = (0, _useSearchOptions["default"])(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect);
-  // =========================== Values ===========================
-  var getMissingValues = (0, _useMissingValues["default"])(mergedOptions, mergedFieldNames);
-  // Fill `rawValues` with checked conduction values
-  var _React$useMemo = React.useMemo(function () {
-      var _getMissingValues = getMissingValues(rawValues),
-        _getMissingValues2 = _slicedToArray(_getMissingValues, 2),
-        existValues = _getMissingValues2[0],
-        missingValues = _getMissingValues2[1];
-      if (!multiple || !rawValues.length) {
-        return [existValues, [], missingValues];
-      }
-      var keyPathValues = (0, _commonUtil.toPathKeys)(existValues);
-      var keyPathEntities = getPathKeyEntities();
-      var _conductCheck = (0, _conductUtil.conductCheck)(keyPathValues, true, keyPathEntities),
-        checkedKeys = _conductCheck.checkedKeys,
-        halfCheckedKeys = _conductCheck.halfCheckedKeys;
-      // Convert key back to value cells
-      return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
-    }, [multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]),
-    _React$useMemo2 = _slicedToArray(_React$useMemo, 3),
-    checkedValues = _React$useMemo2[0],
-    halfCheckedValues = _React$useMemo2[1],
-    missingCheckedValues = _React$useMemo2[2];
-  var deDuplicatedValues = React.useMemo(function () {
-    var checkedKeys = (0, _commonUtil.toPathKeys)(checkedValues);
-    var deduplicateKeys = (0, _treeUtil.formatStrategyValues)(checkedKeys, getPathKeyEntities, showCheckedStrategy);
-    return [].concat(_toConsumableArray(missingCheckedValues), _toConsumableArray(getValueByKeyPath(deduplicateKeys)));
-  }, [checkedValues, getPathKeyEntities, getValueByKeyPath, missingCheckedValues, showCheckedStrategy]);
-  var displayValues = (0, _useDisplayValues["default"])(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
-  // =========================== Change ===========================
-  var triggerChange = (0, _useRefFunc["default"])(function (nextValues) {
-    setRawValues(nextValues);
-    // Save perf if no need trigger event
-    if (onChange) {
-      var nextRawValues = toRawValues(nextValues);
-      var valueOptions = nextRawValues.map(function (valueCells) {
-        return (0, _treeUtil.toPathOptions)(valueCells, mergedOptions, mergedFieldNames).map(function (valueOpt) {
-          return valueOpt.option;
-        });
-      });
-      var triggerValues = multiple ? nextRawValues : nextRawValues[0];
-      var triggerOptions = multiple ? valueOptions : valueOptions[0];
-      onChange(triggerValues, triggerOptions);
-    }
-  });
-  // =========================== Select ===========================
-  var onInternalSelect = (0, _useRefFunc["default"])(function (valuePath) {
-    setSearchValue('');
-    if (!multiple) {
-      triggerChange(valuePath);
-    } else {
-      // Prepare conduct required info
-      var pathKey = (0, _commonUtil.toPathKey)(valuePath);
-      var checkedPathKeys = (0, _commonUtil.toPathKeys)(checkedValues);
-      var halfCheckedPathKeys = (0, _commonUtil.toPathKeys)(halfCheckedValues);
-      var existInChecked = checkedPathKeys.includes(pathKey);
-      var existInMissing = missingCheckedValues.some(function (valueCells) {
-        return (0, _commonUtil.toPathKey)(valueCells) === pathKey;
-      });
-      // Do update
-      var nextCheckedValues = checkedValues;
-      var nextMissingValues = missingCheckedValues;
-      if (existInMissing && !existInChecked) {
-        // Missing value only do filter
-        nextMissingValues = missingCheckedValues.filter(function (valueCells) {
-          return (0, _commonUtil.toPathKey)(valueCells) !== pathKey;
-        });
-      } else {
-        // Update checked key first
-        var nextRawCheckedKeys = existInChecked ? checkedPathKeys.filter(function (key) {
-          return key !== pathKey;
-        }) : [].concat(_toConsumableArray(checkedPathKeys), [pathKey]);
-        var pathKeyEntities = getPathKeyEntities();
-        // Conduction by selected or not
-        var checkedKeys;
-        if (existInChecked) {
-          ;
-          var _conductCheck2 = (0, _conductUtil.conductCheck)(nextRawCheckedKeys, {
-            checked: false,
-            halfCheckedKeys: halfCheckedPathKeys
-          }, pathKeyEntities);
-          checkedKeys = _conductCheck2.checkedKeys;
-        } else {
-          ;
-          var _conductCheck3 = (0, _conductUtil.conductCheck)(nextRawCheckedKeys, true, pathKeyEntities);
-          checkedKeys = _conductCheck3.checkedKeys;
-        }
-        // Roll up to parent level keys
-        var deDuplicatedKeys = (0, _treeUtil.formatStrategyValues)(checkedKeys, getPathKeyEntities, showCheckedStrategy);
-        nextCheckedValues = getValueByKeyPath(deDuplicatedKeys);
-      }
-      triggerChange([].concat(_toConsumableArray(nextMissingValues), _toConsumableArray(nextCheckedValues)));
+    if (isMultipleValue(value)) {
+        return value;
     }
-  });
-  // Display Value change logic
-  var onDisplayValuesChange = function onDisplayValuesChange(_, info) {
-    if (info.type === 'clear') {
-      triggerChange([]);
-      return;
-    }
-    // Cascader do not support `add` type. Only support `remove`
-    var valueCells = info.values[0].valueCells;
-    onInternalSelect(valueCells);
-  };
-  // ============================ Open ============================
-  var mergedOpen = open !== undefined ? open : popupVisible;
-  var mergedDropdownClassName = dropdownClassName || popupClassName;
-  var mergedPlacement = placement || popupPlacement;
-  var onInternalDropdownVisibleChange = function onInternalDropdownVisibleChange(nextVisible) {
-    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
-    onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
-    setDropdownVisible(nextVisible);
-  };
-  // ========================== Warning ===========================
-  if (process.env.NODE_ENV !== 'production') {
-    (0, _warningPropsUtil["default"])(props);
-    (0, _warningPropsUtil.warningNullOptions)(mergedOptions, mergedFieldNames);
-  }
-  // ========================== Context ===========================
-  var cascaderContext = React.useMemo(function () {
-    return {
-      options: mergedOptions,
-      fieldNames: mergedFieldNames,
-      values: checkedValues,
-      halfValues: halfCheckedValues,
-      changeOnSelect: changeOnSelect,
-      onSelect: onInternalSelect,
-      checkable: checkable,
-      searchOptions: searchOptions,
-      dropdownPrefixCls: dropdownPrefixCls,
-      loadData: loadData,
-      expandTrigger: expandTrigger,
-      expandIcon: expandIcon,
-      loadingIcon: loadingIcon,
-      dropdownMenuColumnStyle: dropdownMenuColumnStyle,
-      renderItem: renderItem,
-      dropdownVisible: dropdownVisible
-    };
-  }, [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, renderItem, dropdownVisible]);
-  // ==============================================================
-  // ==                          Render                          ==
-  // ==============================================================
-  var emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
-  var dropdownStyle =
-  // Search to match width
-  mergedSearchValue && searchConfig.matchInputWidth ||
-  // Empty keep the width
-  emptyOptions ? {} : {
-    minWidth: 'auto'
-  };
-  return React.createElement(_context["default"].Provider, {
-    value: cascaderContext
-  }, React.createElement(_rcSelect.BaseSelect, Object.assign({}, restProps, {
+    return (value.length === 0 ? [] : [value]).map((val) => (Array.isArray(val) ? val : [val]));
+}
+const Cascader = React.forwardRef((props, ref) => {
+    const { 
     // MISC
-    ref: ref,
-    id: mergedId,
-    prefixCls: prefixCls,
-    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
-    dropdownStyle: dropdownStyle,
+    id, prefixCls = 'rc-cascader', fieldNames, 
     // Value
-    displayValues: displayValues,
-    onDisplayValuesChange: onDisplayValuesChange,
-    mode: multiple ? 'multiple' : undefined,
+    defaultValue, value, changeOnSelect, onChange, displayRender, checkable, 
     // Search
-    searchValue: mergedSearchValue,
-    onSearch: onInternalSearch,
-    showSearch: mergedShowSearch,
+    searchValue, onSearch, showSearch, 
+    // Trigger
+    expandTrigger, 
     // Options
-    OptionList: _OptionList["default"],
-    emptyOptions: emptyOptions,
+    options, dropdownPrefixCls, loadData, 
     // Open
-    open: mergedOpen,
-    dropdownClassName: mergedDropdownClassName,
-    placement: mergedPlacement,
-    onDropdownVisibleChange: onInternalDropdownVisibleChange,
+    popupVisible, open, popupClassName, dropdownClassName, dropdownMenuColumnStyle, popupPlacement, placement, onDropdownVisibleChange, onPopupVisibleChange, renderItem, 
+    // Icon
+    expandIcon = '>', loadingIcon, 
     // Children
-    getRawInputElement: function getRawInputElement() {
-      return children;
+    children, dropdownMatchSelectWidth = false, showCheckedStrategy = commonUtil_1.SHOW_PARENT } = props, restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
+    const mergedId = (0, useId_1.default)(id);
+    const multiple = !!checkable;
+    const [dropdownVisible, setDropdownVisible] = React.useState(false);
+    // =========================== Values ===========================
+    const [rawValues, setRawValues] = (0, useMergedState_1.default)(defaultValue, {
+        value,
+        postState: toRawValues,
+    });
+    // ========================= FieldNames =========================
+    const mergedFieldNames = React.useMemo(() => (0, commonUtil_1.fillFieldNames)(fieldNames), 
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [JSON.stringify(fieldNames)]
+    /* eslint-enable react-hooks/exhaustive-deps */
+    );
+    // =========================== Option ===========================
+    const mergedOptions = React.useMemo(() => options || [], [options]);
+    // Only used in multiple mode, this fn will not call in single mode
+    const getPathKeyEntities = (0, useEntities_1.default)(mergedOptions, mergedFieldNames);
+    /** Convert path key back to value format */
+    const getValueByKeyPath = React.useCallback((pathKeys) => {
+        const keyPathEntities = getPathKeyEntities();
+        return pathKeys.map((pathKey) => {
+            const { nodes } = keyPathEntities[pathKey];
+            return nodes.map((node) => node[mergedFieldNames.value]);
+        });
+    }, [getPathKeyEntities, mergedFieldNames]);
+    // =========================== Search ===========================
+    const [mergedSearchValue, setSearchValue] = (0, useMergedState_1.default)('', {
+        value: searchValue,
+        postState: (search) => search || '',
+    });
+    const onInternalSearch = (searchText, info) => {
+        setSearchValue(searchText);
+        if (info.source !== 'blur' && onSearch) {
+            onSearch(searchText);
+        }
+    };
+    const [mergedShowSearch, searchConfig] = (0, useSearchConfig_1.default)(showSearch);
+    const searchOptions = (0, useSearchOptions_1.default)(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect);
+    // =========================== Values ===========================
+    const getMissingValues = (0, useMissingValues_1.default)(mergedOptions, mergedFieldNames);
+    // Fill `rawValues` with checked conduction values
+    const [checkedValues, halfCheckedValues, missingCheckedValues] = React.useMemo(() => {
+        const [existValues, missingValues] = getMissingValues(rawValues);
+        if (!multiple || !rawValues.length) {
+            return [existValues, [], missingValues];
+        }
+        const keyPathValues = (0, commonUtil_1.toPathKeys)(existValues);
+        const keyPathEntities = getPathKeyEntities();
+        const { checkedKeys, halfCheckedKeys } = (0, conductUtil_1.conductCheck)(keyPathValues, true, keyPathEntities);
+        // Convert key back to value cells
+        return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
+    }, [multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]);
+    const deDuplicatedValues = React.useMemo(() => {
+        const checkedKeys = (0, commonUtil_1.toPathKeys)(checkedValues);
+        const deduplicateKeys = (0, treeUtil_1.formatStrategyValues)(checkedKeys, getPathKeyEntities, showCheckedStrategy);
+        return [...missingCheckedValues, ...getValueByKeyPath(deduplicateKeys)];
+    }, [
+        checkedValues,
+        getPathKeyEntities,
+        getValueByKeyPath,
+        missingCheckedValues,
+        showCheckedStrategy,
+    ]);
+    const displayValues = (0, useDisplayValues_1.default)(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
+    // =========================== Change ===========================
+    const triggerChange = (0, useRefFunc_1.default)((nextValues) => {
+        setRawValues(nextValues);
+        // Save perf if no need trigger event
+        if (onChange) {
+            const nextRawValues = toRawValues(nextValues);
+            const valueOptions = nextRawValues.map((valueCells) => (0, treeUtil_1.toPathOptions)(valueCells, mergedOptions, mergedFieldNames).map((valueOpt) => valueOpt.option));
+            const triggerValues = multiple ? nextRawValues : nextRawValues[0];
+            const triggerOptions = multiple ? valueOptions : valueOptions[0];
+            onChange(triggerValues, triggerOptions);
+        }
+    });
+    // =========================== Select ===========================
+    const onInternalSelect = (0, useRefFunc_1.default)((valuePath) => {
+        setSearchValue('');
+        if (!multiple) {
+            triggerChange(valuePath);
+        }
+        else {
+            // Prepare conduct required info
+            const pathKey = (0, commonUtil_1.toPathKey)(valuePath);
+            const checkedPathKeys = (0, commonUtil_1.toPathKeys)(checkedValues);
+            const halfCheckedPathKeys = (0, commonUtil_1.toPathKeys)(halfCheckedValues);
+            const existInChecked = checkedPathKeys.includes(pathKey);
+            const existInMissing = missingCheckedValues.some((valueCells) => (0, commonUtil_1.toPathKey)(valueCells) === pathKey);
+            // Do update
+            let nextCheckedValues = checkedValues;
+            let nextMissingValues = missingCheckedValues;
+            if (existInMissing && !existInChecked) {
+                // Missing value only do filter
+                nextMissingValues = missingCheckedValues.filter((valueCells) => (0, commonUtil_1.toPathKey)(valueCells) !== pathKey);
+            }
+            else {
+                // Update checked key first
+                const nextRawCheckedKeys = existInChecked
+                    ? checkedPathKeys.filter((key) => key !== pathKey)
+                    : [...checkedPathKeys, pathKey];
+                const pathKeyEntities = getPathKeyEntities();
+                // Conduction by selected or not
+                let checkedKeys;
+                if (existInChecked) {
+                    ;
+                    ({ checkedKeys } = (0, conductUtil_1.conductCheck)(nextRawCheckedKeys, { checked: false, halfCheckedKeys: halfCheckedPathKeys }, pathKeyEntities));
+                }
+                else {
+                    ;
+                    ({ checkedKeys } = (0, conductUtil_1.conductCheck)(nextRawCheckedKeys, true, pathKeyEntities));
+                }
+                // Roll up to parent level keys
+                const deDuplicatedKeys = (0, treeUtil_1.formatStrategyValues)(checkedKeys, getPathKeyEntities, showCheckedStrategy);
+                nextCheckedValues = getValueByKeyPath(deDuplicatedKeys);
+            }
+            triggerChange([...nextMissingValues, ...nextCheckedValues]);
+        }
+    });
+    // Display Value change logic
+    const onDisplayValuesChange = (_, info) => {
+        if (info.type === 'clear') {
+            triggerChange([]);
+            return;
+        }
+        // Cascader do not support `add` type. Only support `remove`
+        const { valueCells } = info.values[0];
+        onInternalSelect(valueCells);
+    };
+    // ============================ Open ============================
+    const mergedOpen = open !== undefined ? open : popupVisible;
+    const mergedDropdownClassName = dropdownClassName || popupClassName;
+    const mergedPlacement = placement || popupPlacement;
+    const onInternalDropdownVisibleChange = (nextVisible) => {
+        onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
+        onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
+        setDropdownVisible(nextVisible);
+    };
+    // ========================== Warning ===========================
+    if (process.env.NODE_ENV !== 'production') {
+        (0, warningPropsUtil_1.default)(props);
+        (0, warningPropsUtil_1.warningNullOptions)(mergedOptions, mergedFieldNames);
     }
-  })));
+    // ========================== Context ===========================
+    const cascaderContext = React.useMemo(() => ({
+        options: mergedOptions,
+        fieldNames: mergedFieldNames,
+        values: checkedValues,
+        halfValues: halfCheckedValues,
+        changeOnSelect,
+        onSelect: onInternalSelect,
+        checkable,
+        searchOptions,
+        dropdownPrefixCls,
+        loadData,
+        expandTrigger,
+        expandIcon,
+        loadingIcon,
+        dropdownMenuColumnStyle,
+        renderItem,
+        dropdownVisible,
+    }), [
+        mergedOptions,
+        mergedFieldNames,
+        checkedValues,
+        halfCheckedValues,
+        changeOnSelect,
+        onInternalSelect,
+        checkable,
+        searchOptions,
+        dropdownPrefixCls,
+        loadData,
+        expandTrigger,
+        expandIcon,
+        loadingIcon,
+        dropdownMenuColumnStyle,
+        renderItem,
+        dropdownVisible,
+    ]);
+    // ==============================================================
+    // ==                          Render                          ==
+    // ==============================================================
+    const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
+    const dropdownStyle = 
+    // Search to match width
+    (mergedSearchValue && searchConfig.matchInputWidth) ||
+        // Empty keep the width
+        emptyOptions
+        ? {}
+        : {
+            minWidth: 'auto',
+        };
+    return (React.createElement(context_1.default.Provider, { value: cascaderContext },
+        React.createElement(rc_select_1.BaseSelect, Object.assign({}, restProps, { 
+            // MISC
+            ref: ref, id: mergedId, prefixCls: prefixCls, dropdownMatchSelectWidth: dropdownMatchSelectWidth, dropdownStyle: dropdownStyle, 
+            // Value
+            displayValues: displayValues, onDisplayValuesChange: onDisplayValuesChange, mode: multiple ? 'multiple' : undefined, 
+            // Search
+            searchValue: mergedSearchValue, onSearch: onInternalSearch, showSearch: mergedShowSearch, 
+            // Options
+            OptionList: OptionList_1.default, emptyOptions: emptyOptions, 
+            // Open
+            open: mergedOpen, dropdownClassName: mergedDropdownClassName, placement: mergedPlacement, onDropdownVisibleChange: onInternalDropdownVisibleChange, 
+            // Children
+            getRawInputElement: () => children }))));
 });
 if (process.env.NODE_ENV !== 'production') {
-  Cascader.displayName = 'Cascader';
+    Cascader.displayName = 'Cascader';
 }
-Cascader.SHOW_PARENT = _commonUtil.SHOW_PARENT;
-Cascader.SHOW_CHILD = _commonUtil.SHOW_CHILD;
-var _default = Cascader;
-exports["default"] = _default;
+Cascader.SHOW_PARENT = commonUtil_1.SHOW_PARENT;
+Cascader.SHOW_CHILD = commonUtil_1.SHOW_CHILD;
+exports.default = Cascader;
+//# sourceMappingURL=Cascader.js.map