tntd 2.0.8 → 2.0.10

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

@@ -1,302 +1,408 @@
 "use strict";
-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;
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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");
+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() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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;
+};
+
 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 (!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 || '';
     }
-    if (isMultipleValue(value)) {
-        return value;
+  }),
+      _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);
     }
-    return (value.length === 0 ? [] : [value]).map((val) => (Array.isArray(val) ? val : [val]));
-}
-const Cascader = React.forwardRef((props, ref) => {
-    const { 
+  };
+
+  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)));
+    }
+  }); // 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, {
     // MISC
-    id, prefixCls = 'rc-cascader', fieldNames, 
+    ref: ref,
+    id: mergedId,
+    prefixCls: prefixCls,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
+    dropdownStyle: dropdownStyle,
     // Value
-    defaultValue, value, changeOnSelect, onChange, displayRender, checkable, 
+    displayValues: displayValues,
+    onDisplayValuesChange: onDisplayValuesChange,
+    mode: multiple ? 'multiple' : undefined,
     // Search
-    searchValue, onSearch, showSearch, 
-    // Trigger
-    expandTrigger, 
+    searchValue: mergedSearchValue,
+    onSearch: onInternalSearch,
+    showSearch: mergedShowSearch,
     // Options
-    options, dropdownPrefixCls, loadData, 
+    OptionList: _OptionList["default"],
+    emptyOptions: emptyOptions,
     // Open
-    popupVisible, open, popupClassName, dropdownClassName, dropdownMenuColumnStyle, popupPlacement, placement, onDropdownVisibleChange, onPopupVisibleChange, renderItem, 
-    // Icon
-    expandIcon = '>', loadingIcon, 
+    open: mergedOpen,
+    dropdownClassName: mergedDropdownClassName,
+    placement: mergedPlacement,
+    onDropdownVisibleChange: onInternalDropdownVisibleChange,
     // 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);
+    getRawInputElement: function getRawInputElement() {
+      return children;
     }
-    // ========================== 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_1.SHOW_PARENT;
-Cascader.SHOW_CHILD = commonUtil_1.SHOW_CHILD;
-exports.default = Cascader;
-//# sourceMappingURL=Cascader.js.map
+
+Cascader.SHOW_PARENT = _commonUtil.SHOW_PARENT;
+Cascader.SHOW_CHILD = _commonUtil.SHOW_CHILD;
+var _default = Cascader;
+exports["default"] = _default;