@ucloud-fe/react-components 1.2.20 → 1.3.0

package/index.d.ts

@@ -6,6 +6,48 @@ type Override<T1, T2> = Omit<T1, keyof T2> & T2;
 // base type
 export type SizeType = 'sm' | 'md' | 'lg';
 
+// ThemeProvider
+interface ThemeProviderProps {
+    theme: any;
+}
+export declare class ThemeProvider extends Component<ThemeProviderProps> {}
+
+export { default as Tree } from './lib/components/Tree';
+
+export { default as Cascader } from './lib/components/Cascader';
+
+export { default as Link } from './lib/components/Link';
+
+export { default as AutoComplete } from './lib/components/AutoComplete';
+
+export { default as Switch } from './lib/components/Switch';
+
+export { default as Tabs } from './lib/components/Tabs';
+
+export { default as Input } from './lib/components/Input';
+import Input from './lib/components/Input';
+
+export { default as Checkbox } from './lib/components/Checkbox';
+
+export { default as Menu } from './lib/components/Menu';
+
+export { default as Collapse } from './lib/components/Collapse';
+
+export { default as ActionList } from './lib/components/ActionList';
+import ActionList from './lib/components/ActionList';
+
+export { default as Tooltip } from './lib/components/Tooltip';
+
+export { default as PopConfirm } from './lib/components/PopConfirm';
+
+export { default as ConfigProvider } from './lib/components/ConfigProvider';
+
+export { default as Icon } from './lib/components/Icon';
+
+export { default as Select } from './lib/components/Select';
+
+export { default as Breadcrumb } from './lib/components/Breadcrumb';
+
 // Button
 import { ButtonProps } from './lib/components/Button/Button';
 export { default as Button } from './lib/components/Button';
@@ -266,10 +308,11 @@ export declare class ZForm extends Component<ZFormProps> {
 }
 
 // Transfer
+type TransferSearch = (searchValue: string, item: any) => boolean;
 interface TransferSource {
     title?: ReactNode;
     footer?: ReactNode;
-    search?: boolean | SelectSearch;
+    search?: boolean | TransferSearch;
     disabled?: boolean;
 }
 export type TransferProps = Override<
@@ -281,7 +324,7 @@ export type TransferProps = Override<
         defaultSelectedKeys?: string[];
         onChange?: (keys: string[]) => void;
         disabled?: boolean;
-        search?: boolean | SelectSearch;
+        search?: boolean | TransferSearch;
         source?: TransferSource;
         target?: TransferSource;
     }
@@ -593,7 +636,7 @@ interface TableExpandedRowContentProps extends HTMLAttributes<HTMLDivElement> {}
 declare class TableExpandedRowContent extends Component<TableExpandedRowContentProps> {}
 export declare class Table extends Component<TableProps> {
     static ColumnConfigButton: typeof TableColumnConfigButton;
-    static SearchInput: typeof SearchInput;
+    static SearchInput: typeof Input['Search'];
     static ActionList: typeof ActionList;
     static ExpandedRowContent: typeof TableExpandedRowContent;
     static getColumnConfigFromLocalStorage: typeof Function;
@@ -768,41 +811,3 @@ interface LocaleProviderProps {
     locale?: any;
 }
 export declare class LocaleProvider extends Component<LocaleProviderProps> {}
-
-// ThemeProvider
-interface ThemeProviderProps {
-    theme: any;
-}
-export declare class ThemeProvider extends Component<ThemeProviderProps> {}
-
-export { default as Tree } from './lib/components/Tree';
-
-export { default as Link } from './lib/components/Link';
-
-export { default as AutoComplete } from './lib/components/AutoComplete';
-
-export { default as Switch } from './lib/components/Switch';
-
-export { default as Tabs } from './lib/components/Tabs';
-
-export { default as Input } from './lib/components/Input';
-
-export { default as Checkbox } from './lib/components/Checkbox';
-
-export { default as Menu } from './lib/components/Menu';
-
-export { default as Collapse } from './lib/components/Collapse';
-
-export { default as ActionList } from './lib/components/ActionList';
-
-export { default as Tooltip } from './lib/components/Tooltip';
-
-export { default as PopConfirm } from './lib/components/PopConfirm';
-
-export { default as ConfigProvider } from './lib/components/ConfigProvider';
-
-export { default as Icon } from './lib/components/Icon';
-
-export { default as Select } from './lib/components/Select';
-
-export { default as Breadcrumb } from './lib/components/Breadcrumb';

package/lib/__index.js

@@ -31,6 +31,10 @@ import * as CardAll from './components/Card/';
 const Card = Object.assign(CardAll.default, CardAll);
 export { Card };
 
+import * as CascaderAll from './components/Cascader/';
+const Cascader = Object.assign(CascaderAll.default, CascaderAll);
+export { Cascader };
+
 import * as CheckboxAll from './components/Checkbox/';
 const Checkbox = Object.assign(CheckboxAll.default, CheckboxAll);
 export { Checkbox };

package/lib/components/AutoComplete/AutoComplete.d.ts

@@ -6,7 +6,7 @@ interface Item {
 }
 interface AutoCompleteProps {
     /** 待筛选选项 */
-    options: Item[];
+    options?: Item[];
     /** 值，controlled */
     value?: string;
     /** 默认值 */

package/lib/components/AutoComplete/AutoComplete.js

@@ -159,7 +159,7 @@ AutoComplete.propTypes = {
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.string.isRequired,
     label: _propTypes.default.node
-  })).isRequired,
+  })),
   value: _propTypes.default.string,
   defaultValue: _propTypes.default.string,
   onChange: _propTypes.default.func,

package/lib/components/Calendar/Calendar.d.ts

@@ -3,7 +3,7 @@ import { Moment } from 'moment';
 import { TDate } from '@z-r/calendar/types/interface';
 import { Rules } from './utils';
 import LOCALE from './locale/zh_CN';
-interface CalendarProps {
+export interface CalendarProps {
     /** 当前值，受控 */
     value?: TDate | null;
     /** 默认值，非受控 */
@@ -23,8 +23,10 @@ interface CalendarProps {
          */
         boxShadow?: boolean;
     };
+    /** 类型 */
+    type?: 'date' | 'month';
     /** @ignore */
     locale?: typeof LOCALE;
 }
-declare const _default: React.MemoExoticComponent<({ onSelect, onChange, rules, locale: _locale, ...rest }: CalendarProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof CalendarProps>) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ type, ...props }: CalendarProps) => JSX.Element>;
 export default _default;

package/lib/components/Calendar/Calendar.js

@@ -11,10 +11,10 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -29,43 +29,45 @@ var _HeaderSwitcher = _interopRequireDefault(require("./HeaderSwitcher"));
 
 var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
 
-var _excluded = ["onSelect", "onChange", "rules", "locale"];
+var _Month = _interopRequireDefault(require("./Month"));
 
-var _this = void 0;
+var _this2 = void 0;
+
+var _excluded = ["onSelect", "onChange", "rules", "locale"],
+    _excluded2 = ["type"];
 
 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; }
 
-var Calendar = function Calendar(_ref) {
-  var _this2 = this;
+var DateCalendar = /*#__PURE__*/_react.default.memo(function DateCalendar(_ref) {
+  var _this = this;
 
-  (0, _newArrowCheck2.default)(this, _this);
   var onSelect = _ref.onSelect,
       onChange = _ref.onChange,
       rules = _ref.rules,
       _locale = _ref.locale,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var disabledRule = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this);
     return (0, _utils.getDisabledRule)(rules);
   }.bind(this), [rules]);
   var handleChange = (0, _react.useCallback)(function (v) {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this);
     v = (0, _utils.getValidDate)(v, rules);
     onChange && onChange(v);
     onSelect && onSelect(v);
   }.bind(this), [onChange, onSelect, rules]);
   var locale = (0, _useLocale.default)(_zh_CN.default, 'Calendar', _locale);
   var calendarLocale = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this);
     return {
       months: locale.months,
       weekdays: locale.weekdays
     };
   }.bind(this), [locale.months, locale.weekdays]);
   var renderHeaderSwitcher = (0, _react.useCallback)(function (props) {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this);
     return /*#__PURE__*/_react.default.createElement(_HeaderSwitcher.default, (0, _extends2.default)({}, props, {
       locale: locale
     }));
@@ -79,6 +81,13 @@ var Calendar = function Calendar(_ref) {
       HeaderSwitcher: renderHeaderSwitcher
     }
   }, rest));
+});
+
+var Calendar = function Calendar(_ref2) {
+  (0, _newArrowCheck2.default)(this, _this2);
+  var type = _ref2.type,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return type === 'month' ? /*#__PURE__*/_react.default.createElement(_Month.default, props) : /*#__PURE__*/_react.default.createElement(DateCalendar, props);
 }.bind(void 0);
 
 Calendar.propTypes = {
@@ -87,6 +96,7 @@ Calendar.propTypes = {
   customStyle: _propTypes.default.shape({
     boxShadow: _propTypes.default.bool
   }),
+  type: _propTypes.default.oneOf(['date', 'month']),
   locale: _propTypes.default.any
 };
 

package/lib/components/Calendar/Month.d.ts

@@ -1,30 +1,5 @@
 import React from 'react';
-import { Moment } from 'moment';
-import { TDate } from '@z-r/calendar/types/interface';
-import { Rules } from './utils';
-import LOCALE from './locale/zh_CN';
-interface MonthProps {
-    /** 当前值，受控 */
-    value?: TDate | null;
-    /** 默认值，非受控 */
-    defaultValue?: TDate | null;
-    /**
-     * @deprecated 使用 onChange 来替换
-     */
-    onSelect?: (t: Moment) => void;
-    /** 选中变化回调 */
-    onChange?: (t: Moment) => void;
-    /** 自定义规则 */
-    rules?: Rules;
-    /** 自定义样式 */
-    customStyle?: {
-        /**
-         * 外层阴影，为 false 时隐藏
-         */
-        boxShadow?: boolean;
-    };
-    /** @ignore */
-    locale?: typeof LOCALE;
-}
-declare const _default: React.MemoExoticComponent<({ onSelect, onChange, rules, locale: _locale, ...rest }: MonthProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof MonthProps>) => JSX.Element>;
+import { Override } from '../../type';
+import { CalendarProps } from './Calendar';
+declare const _default: React.MemoExoticComponent<({ onSelect, onChange, rules, locale: _locale, ...rest }: Override<React.HTMLAttributes<HTMLDivElement>, CalendarProps>) => JSX.Element>;
 export default _default;

package/lib/components/Calendar/Month.js

@@ -15,8 +15,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _useLocale = _interopRequireDefault(require("../../components/LocaleProvider/useLocale"));
@@ -37,6 +35,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+/**
+ * @deprecated 请使用 ```<Calendar type='month' />``` 替换
+ */
 var Month = function Month(_ref) {
   var _this2 = this;
 
@@ -81,15 +82,6 @@ var Month = function Month(_ref) {
   }, rest));
 }.bind(void 0);
 
-Month.propTypes = {
-  onSelect: _propTypes.default.func,
-  onChange: _propTypes.default.func,
-  customStyle: _propTypes.default.shape({
-    boxShadow: _propTypes.default.bool
-  }),
-  locale: _propTypes.default.any
-};
-
 var _default = /*#__PURE__*/(0, _react.memo)(Month);
 
 exports.default = _default;

package/lib/components/Cascader/Cascade.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="jest" />
+import React, { ReactNode } from 'react';
+import { CascadeData, Key, LoadData } from './interface';
+declare const Wrapper: ({ onChange, onExpand, children }: {
+    onChange?: ((value: Key[]) => void) | undefined;
+    onExpand?: ((expandedValue: Key[]) => void) | undefined;
+    children: ReactNode;
+}) => JSX.Element;
+declare type SharedProps = Pick<ArgsType<typeof Wrapper>[0], 'onChange' | 'onExpand'>;
+declare const CascadeSearchResult: React.NamedExoticComponent<{
+    dataSource?: CascadeData[] | undefined;
+    value?: string[] | undefined;
+    loading?: boolean | undefined;
+    empty?: boolean | undefined;
+    error?: Error | undefined;
+} & SharedProps>;
+declare const _default: React.MemoExoticComponent<({ dataSource, value, onChange, expandedValue, onExpand, loadData }: {
+    dataSource?: CascadeData[] | undefined;
+    value?: string[] | undefined;
+    expandedValue: string[];
+    loadData?: LoadData | undefined;
+} & SharedProps) => JSX.Element>;
+export default _default;
+export { CascadeSearchResult };

package/lib/components/Cascader/Cascade.js

@@ -0,0 +1,280 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CascadeSearchResult = exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useLocale = _interopRequireDefault(require("../../components/LocaleProvider/useLocale"));
+
+var _Loading = _interopRequireDefault(require("../../components/Loading"));
+
+var _Notice = _interopRequireDefault(require("../../components/Notice"));
+
+var _VirtualScrollList = _interopRequireDefault(require("../../sharedComponents/VirtualScrollList"));
+
+var _cascade = require("./style/cascade");
+
+var _Items = _interopRequireDefault(require("./Items"));
+
+var _Item = _interopRequireDefault(require("./Item"));
+
+var _CascadeContext = _interopRequireDefault(require("./CascadeContext"));
+
+var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
+
+var _this = void 0;
+
+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; }
+
+var getExpandedItems = function getExpandedItems(dataSource, expandedValue) {
+  (0, _newArrowCheck2.default)(this, _this);
+  if (!dataSource) return [];
+  var tmpItems = dataSource;
+  var tmpParents = [];
+  var expandedItems = [{
+    items: dataSource,
+    parents: [].concat(tmpParents)
+  }];
+  if (!(expandedValue !== null && expandedValue !== void 0 && expandedValue.length)) return expandedItems;
+
+  var _loop = function _loop(i) {
+    var _this2 = this;
+
+    var expandedKey = expandedValue[i];
+
+    if (!tmpItems) {
+      console.error("ExpandedValue: ".concat(expandedValue, " is invalid."));
+      return "break";
+    }
+
+    var item = tmpItems.find(function (item) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      return item.key === expandedKey;
+    }.bind(this));
+
+    if (!item) {
+      console.error("ExpandedValue: ".concat(expandedValue, " is invalid."));
+      return "break";
+    }
+
+    tmpItems = item.children;
+    tmpParents.push(item);
+    expandedItems.push({
+      items: item.children,
+      parents: [].concat(tmpParents)
+    });
+  };
+
+  for (var i = 0; i < expandedValue.length; i++) {
+    var _ret = _loop(i);
+
+    if (_ret === "break") break;
+  }
+
+  return expandedItems;
+}.bind(void 0);
+
+var flat = function flat() {
+  var _this3 = this;
+
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var value = arguments.length > 1 ? arguments[1] : undefined;
+  var result = [];
+
+  var isKeyEqual = function isKeyEqual(key, match) {
+    (0, _newArrowCheck2.default)(this, _this3);
+    return key != null && key === match;
+  }.bind(this);
+
+  var _run = function run(group, parents, parentDisabled, parentSelected) {
+    var _this4 = this;
+
+    (0, _newArrowCheck2.default)(this, _this3);
+    group.forEach(function (item) {
+      (0, _newArrowCheck2.default)(this, _this4);
+      var children = item.children,
+          isParent = item.isParent,
+          key = item.key;
+
+      if (children) {
+        _run(children, [].concat((0, _toConsumableArray2.default)(parents), [item]), parentDisabled || !!item.disabled, parentSelected && isKeyEqual(key, value === null || value === void 0 ? void 0 : value[parents.length]));
+      } else if (isParent) {
+        return;
+      } else {
+        result.push({
+          item: item,
+          parents: parents,
+          parentDisabled: parentDisabled,
+          selected: parentSelected && isKeyEqual(key, value === null || value === void 0 ? void 0 : value[value.length - 1])
+        });
+      }
+    }.bind(this));
+  }.bind(this);
+
+  _run(dataSource, [], false, true);
+
+  return result;
+};
+
+var Wrapper = function Wrapper(_ref) {
+  var _this5 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var onChange = _ref.onChange,
+      onExpand = _ref.onExpand,
+      children = _ref.children;
+  var expandItem = (0, _react.useCallback)(function (expandedKeys) {
+    (0, _newArrowCheck2.default)(this, _this5);
+    onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys);
+  }.bind(this), [onExpand]);
+  var selectItem = (0, _react.useCallback)(function (selectedKeys) {
+    (0, _newArrowCheck2.default)(this, _this5);
+    var parentKeys = selectedKeys.slice(0, selectedKeys.length - 1);
+    onExpand === null || onExpand === void 0 ? void 0 : onExpand(parentKeys);
+    onChange === null || onChange === void 0 ? void 0 : onChange(selectedKeys);
+  }.bind(this), [onChange, onExpand]);
+  return /*#__PURE__*/_react.default.createElement(_CascadeContext.default.Provider, {
+    value: {
+      expandItem: expandItem,
+      selectItem: selectItem
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cascade.SCascade, null, children));
+}.bind(void 0);
+
+var Cascade = function Cascade(_ref2) {
+  var _this6 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var dataSource = _ref2.dataSource,
+      value = _ref2.value,
+      onChange = _ref2.onChange,
+      expandedValue = _ref2.expandedValue,
+      onExpand = _ref2.onExpand,
+      loadData = _ref2.loadData;
+  var locale = (0, _useLocale.default)(_zh_CN.default, 'Cascader');
+  var expandedItems = (0, _react.useMemo)(function () {
+    (0, _newArrowCheck2.default)(this, _this6);
+    return getExpandedItems(dataSource, expandedValue);
+  }.bind(this), [dataSource, expandedValue]);
+
+  if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
+    return /*#__PURE__*/_react.default.createElement(_cascade.SCascade, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: _cascade.emptyCls
+    }, locale.emptyTip));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Wrapper, {
+    onChange: onChange,
+    onExpand: onExpand
+  }, expandedItems.map(function (_ref3, index) {
+    var _this7 = this;
+
+    (0, _newArrowCheck2.default)(this, _this6);
+    var items = _ref3.items,
+        parents = _ref3.parents;
+    return [index > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _cascade.dividerCls,
+      key: "divider-".concat(index)
+    }) : null, /*#__PURE__*/_react.default.createElement(_Items.default, {
+      key: index == 0 ? '__root-items__' : expandedValue === null || expandedValue === void 0 ? void 0 : expandedValue[index - 1],
+      items: items,
+      selectedKey: value === null || value === void 0 ? void 0 : value[index],
+      expandedKey: expandedValue === null || expandedValue === void 0 ? void 0 : expandedValue[index],
+      parents: parents,
+      disabled: parents.some(function (parent) {
+        (0, _newArrowCheck2.default)(this, _this7);
+        return parent.disabled;
+      }.bind(this)),
+      loadData: loadData
+    })];
+  }.bind(this)));
+}.bind(void 0);
+
+var KeyFragment = function KeyFragment(_ref4) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+}.bind(void 0);
+
+var CascadeSearchResult = /*#__PURE__*/_react.default.memo(function CascadeSearchResult(_ref5) {
+  var _this8 = this;
+
+  var dataSource = _ref5.dataSource,
+      value = _ref5.value,
+      loading = _ref5.loading,
+      empty = _ref5.empty,
+      error = _ref5.error,
+      onChange = _ref5.onChange,
+      onExpand = _ref5.onExpand;
+  var items = (0, _react.useMemo)(function () {
+    (0, _newArrowCheck2.default)(this, _this8);
+    return flat(dataSource, value);
+  }.bind(this), [dataSource, value]);
+  var locale = (0, _useLocale.default)(_zh_CN.default, 'Cascader');
+  var renderItems = (0, _react.useMemo)(function () {
+    var _this9 = this;
+
+    (0, _newArrowCheck2.default)(this, _this8);
+    return items.map(function (_ref6) {
+      var _this10 = this;
+
+      (0, _newArrowCheck2.default)(this, _this9);
+      var item = _ref6.item,
+          parents = _ref6.parents,
+          parentDisabled = _ref6.parentDisabled,
+          selected = _ref6.selected;
+      var value = item.key,
+          itemDisabled = item.disabled;
+      var finalDisabled = parentDisabled || itemDisabled;
+      var finalTitle = [].concat((0, _toConsumableArray2.default)(parents), [item]).map(function (item, index) {
+        (0, _newArrowCheck2.default)(this, _this10);
+        return [index === 0 ? null : '/', /*#__PURE__*/_react.default.createElement(KeyFragment, {
+          key: index
+        }, item.title)];
+      }.bind(this));
+      return /*#__PURE__*/_react.default.createElement(_Item.default, {
+        key: value,
+        value: value,
+        title: finalTitle,
+        selected: selected,
+        disabled: finalDisabled,
+        parents: parents
+      });
+    }.bind(this));
+  }.bind(this), [items]);
+  return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+    loading: loading
+  }, /*#__PURE__*/_react.default.createElement(Wrapper, {
+    onChange: onChange,
+    onExpand: onExpand
+  }, error ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _cascade.errorCls
+  }, /*#__PURE__*/_react.default.createElement(_Notice.default, {
+    styleType: "error",
+    closable: false
+  }, error.message)) : empty ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _cascade.emptyCls
+  }, locale.emptyTip) : /*#__PURE__*/_react.default.createElement(_VirtualScrollList.default, {
+    height: 180,
+    className: _cascade.itemsCls
+  }, renderItems)));
+});
+
+exports.CascadeSearchResult = CascadeSearchResult;
+
+var _default = /*#__PURE__*/_react.default.memo(Cascade);
+
+exports.default = _default;

package/lib/components/Cascader/CascadeContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Key } from './interface';
+declare const CascadeContext: React.Context<{
+    expandItem: (expandedKey: Key[]) => void;
+    selectItem: (selectedKey: Key[]) => void;
+}>;
+export default CascadeContext;

package/lib/components/Cascader/CascadeContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _noop = _interopRequireDefault(require("../../utils/noop"));
+
+var CascadeContext = /*#__PURE__*/_react.default.createContext({
+  expandItem: _noop.default,
+  selectItem: _noop.default
+});
+
+var _default = CascadeContext;
+exports.default = _default;