@hi-ui/cascader 4.0.0-beta.24 → 4.0.0-beta.27

package/lib/cjs/Cascader.js

@@ -31,8 +31,6 @@ var input = require('@hi-ui/input');
 
 var icons = require('@hi-ui/icons');
 
-var index$2 = require('./icons/index.js');
-
 var index$1 = require('./utils/index.js');
 
 var context = require('./context.js');
@@ -53,6 +51,8 @@ var localeContext = require('@hi-ui/locale-context');
 
 var funcUtils = require('@hi-ui/func-utils');
 
+var CascaderMenuList = require('./CascaderMenuList.js');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -272,139 +272,13 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       invalid: invalid,
       appearance: appearance
     })
-  }), typeAssertion.isArrayNonEmpty(showData) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenuList, null) : null));
+  }), typeAssertion.isArrayNonEmpty(showData) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenuList.CascaderMenuList, null) : null));
 });
 
 if (env.__DEV__) {
   Cascader.displayName = 'Cascader';
 }
 
-var menuListPrefix = classname.getPrefixCls('cascader-menu-list');
-var CascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
-      className = _a.className,
-      rest = tslib.__rest(_a, ["prefixCls", "className"]);
-
-  var _useCascaderContext = context.useCascaderContext(),
-      flatted = _useCascaderContext.flatted,
-      menuList = _useCascaderContext.menuList;
-
-  var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted");
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
-    ref: ref,
-    className: cls
-  }, rest), menuList.map(function (menu, menuIndex) {
-    // @ts-ignore
-    return typeAssertion.isArrayNonEmpty(menu) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenu, {
-      key: menuIndex,
-      data: menu
-    }) : null;
-  }));
-});
-
-if (env.__DEV__) {
-  CascaderMenuList.displayName = 'CascaderMenuList';
-}
-
-var menuPrefix = classname.getPrefixCls('cascader-menu');
-
-var CascaderMenu = function CascaderMenu(_ref2) {
-  var _ref2$prefixCls = _ref2.prefixCls,
-      prefixCls = _ref2$prefixCls === void 0 ? menuPrefix : _ref2$prefixCls,
-      _ref2$role = _ref2.role,
-      role = _ref2$role === void 0 ? 'menu' : _ref2$role,
-      className = _ref2.className,
-      menu = _ref2.data;
-
-  var _useCascaderContext2 = context.useCascaderContext(),
-      flatted = _useCascaderContext2.flatted,
-      disabledContext = _useCascaderContext2.disabled,
-      expandTrigger = _useCascaderContext2.expandTrigger,
-      onItemClick = _useCascaderContext2.onItemClick,
-      onItemHover = _useCascaderContext2.onItemHover,
-      titleRender = _useCascaderContext2.titleRender,
-      onLoadChildren = _useCascaderContext2.onLoadChildren,
-      getItemRequiredProps = _useCascaderContext2.getItemRequiredProps;
-
-  var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: cls,
-    role: role
-  }, menu.map(function (option) {
-    var eventOption = index$1.getItemEventData(option, getItemRequiredProps(option));
-    var selected = eventOption.selected,
-        loading = eventOption.loading;
-    var disabled = disabledContext || option.disabled;
-    var optionCls = classname.cx(prefixCls + "-option", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
-    return /*#__PURE__*/React__default["default"].createElement("li", {
-      key: option.id,
-      role: "menu-item",
-      className: prefixCls + "-item"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: optionCls,
-      onClick: function onClick() {
-        if (disabled) return;
-        onItemClick(eventOption);
-      },
-      onMouseEnter: function onMouseEnter() {
-        if (disabled) return;
-
-        if (expandTrigger === 'hover') {
-          onItemHover(eventOption);
-        }
-      }
-    }, flatted ? renderFlattedTitle(eventOption, titleRender) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren))));
-  }));
-};
-/**
- * 渲染菜单子项的展开提示图标
- */
-
-
-var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
-  if (loading) {
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
-    }, index$2.defaultLoadingIcon);
-  }
-
-  var canLoadChildren = index$1.checkCanLoadChildren(item, onLoadChildren);
-
-  if (canLoadChildren) {
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
-    }, index$2.defaultSuffixIcon);
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
-  }, index$2.defaultLeafIcon);
-};
-
-var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "title__text title__text--cols"
-  }, treeUtils.getTopDownAncestors(option).map(function (item) {
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      key: item.id,
-      className: "title__text--col"
-    }, item.title);
-  }));
-};
-
-var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "title__text"
-  }, option.title);
-};
-
 var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option, keyword) : true;
@@ -442,5 +316,3 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
 };
 
 exports.Cascader = Cascader;
-exports.CascaderMenu = CascaderMenu;
-exports.CascaderMenuList = CascaderMenuList;

package/lib/cjs/CascaderMenuList.js

@@ -0,0 +1,171 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var index$1 = require('./icons/index.js');
+
+var index = require('./utils/index.js');
+
+var context = require('./context.js');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var menuListPrefix = classname.getPrefixCls('cascader-menu-list');
+var CascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
+      className = _a.className,
+      rest = tslib.__rest(_a, ["prefixCls", "className"]);
+
+  var _useCascaderContext = context.useCascaderContext(),
+      flatted = _useCascaderContext.flatted,
+      menuList = _useCascaderContext.menuList;
+
+  var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted");
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), menuList.map(function (menu, menuIndex) {
+    // @ts-ignore
+    return typeAssertion.isArrayNonEmpty(menu) ? /*#__PURE__*/React__default["default"].createElement(CascaderMenu, {
+      key: menuIndex,
+      data: menu
+    }) : null;
+  }));
+});
+
+if (env.__DEV__) {
+  CascaderMenuList.displayName = 'CascaderMenuList';
+}
+
+var menuPrefix = classname.getPrefixCls('cascader-menu');
+
+var CascaderMenu = function CascaderMenu(_ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? menuPrefix : _ref$prefixCls,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'menu' : _ref$role,
+      className = _ref.className,
+      menu = _ref.data;
+
+  var _useCascaderContext2 = context.useCascaderContext(),
+      flatted = _useCascaderContext2.flatted,
+      disabledContext = _useCascaderContext2.disabled,
+      expandTrigger = _useCascaderContext2.expandTrigger,
+      onItemClick = _useCascaderContext2.onItemClick,
+      onItemHover = _useCascaderContext2.onItemHover,
+      titleRender = _useCascaderContext2.titleRender,
+      onLoadChildren = _useCascaderContext2.onLoadChildren,
+      getItemRequiredProps = _useCascaderContext2.getItemRequiredProps;
+
+  var cls = classname.cx(prefixCls, className);
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: cls,
+    role: role
+  }, menu.map(function (option) {
+    var eventOption = index.getItemEventData(option, getItemRequiredProps(option));
+    var selected = eventOption.selected,
+        loading = eventOption.loading;
+    var disabled = disabledContext || option.disabled;
+    var optionCls = classname.cx(prefixCls + "-option", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      key: option.id,
+      role: "menu-item",
+      className: prefixCls + "-item"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: optionCls,
+      onClick: function onClick() {
+        if (disabled) return;
+        onItemClick(eventOption);
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (disabled) return;
+
+        if (expandTrigger === 'hover') {
+          onItemHover(eventOption);
+        }
+      }
+    }, flatted ? renderFlattedTitle(eventOption, titleRender) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren))));
+  }));
+};
+/**
+ * 渲染菜单子项的展开提示图标
+ */
+
+
+var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
+  if (loading) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
+    }, index$1.defaultLoadingIcon);
+  }
+
+  var canLoadChildren = index.checkCanLoadChildren(item, onLoadChildren);
+
+  if (canLoadChildren) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
+    }, index$1.defaultSuffixIcon);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
+  }, index$1.defaultLeafIcon);
+};
+
+var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "title__text title__text--cols"
+  }, treeUtils.getTopDownAncestors(option).map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      key: item.id,
+      className: "title__text--col"
+    }, item.title);
+  }));
+};
+
+var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "title__text"
+  }, option.title);
+};
+
+exports.CascaderMenu = CascaderMenu;
+exports.CascaderMenuList = CascaderMenuList;

package/lib/cjs/index.js

@@ -18,6 +18,4 @@ require('./styles/index.scss.js');
 var Cascader = require('./Cascader.js');
 
 exports.Cascader = Cascader.Cascader;
-exports.CascaderMenu = Cascader.CascaderMenu;
-exports.CascaderMenuList = Cascader.CascaderMenuList;
 exports["default"] = Cascader.Cascader;

package/lib/esm/Cascader.js

@@ -15,9 +15,8 @@ import { useUncontrolledToggle } from '@hi-ui/use-toggle';
 import { useCascader } from './use-cascader.js';
 import { MockInput } from '@hi-ui/input';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
-import { defaultLoadingIcon, defaultSuffixIcon, defaultLeafIcon } from './icons/index.js';
 import { flattenTreeData, checkCanLoadChildren, getItemEventData } from './utils/index.js';
-import { CascaderProvider, useCascaderContext } from './context.js';
+import { CascaderProvider } from './context.js';
 import { getTopDownAncestors, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
 import { isUndef, isArrayNonEmpty, isFunction } from '@hi-ui/type-assertion';
 import { Picker } from '@hi-ui/picker';
@@ -26,6 +25,7 @@ import { uniqBy } from '@hi-ui/array-utils';
 import { useCache } from './hooks/use-cache/lib/esm/index.js';
 import { useLocaleContext } from '@hi-ui/locale-context';
 import { callAllFuncs } from '@hi-ui/func-utils';
+import { CascaderMenuList } from './CascaderMenuList.js';
 
 var _prefix = getPrefixCls('cascader');
 
@@ -245,132 +245,6 @@ if (__DEV__) {
   Cascader.displayName = 'Cascader';
 }
 
-var menuListPrefix = getPrefixCls('cascader-menu-list');
-var CascaderMenuList = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
-      className = _a.className,
-      rest = __rest(_a, ["prefixCls", "className"]);
-
-  var _useCascaderContext = useCascaderContext(),
-      flatted = _useCascaderContext.flatted,
-      menuList = _useCascaderContext.menuList;
-
-  var cls = cx(prefixCls, className, flatted && prefixCls + "--flatted");
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    ref: ref,
-    className: cls
-  }, rest), menuList.map(function (menu, menuIndex) {
-    // @ts-ignore
-    return isArrayNonEmpty(menu) ? /*#__PURE__*/React.createElement(CascaderMenu, {
-      key: menuIndex,
-      data: menu
-    }) : null;
-  }));
-});
-
-if (__DEV__) {
-  CascaderMenuList.displayName = 'CascaderMenuList';
-}
-
-var menuPrefix = getPrefixCls('cascader-menu');
-
-var CascaderMenu = function CascaderMenu(_ref2) {
-  var _ref2$prefixCls = _ref2.prefixCls,
-      prefixCls = _ref2$prefixCls === void 0 ? menuPrefix : _ref2$prefixCls,
-      _ref2$role = _ref2.role,
-      role = _ref2$role === void 0 ? 'menu' : _ref2$role,
-      className = _ref2.className,
-      menu = _ref2.data;
-
-  var _useCascaderContext2 = useCascaderContext(),
-      flatted = _useCascaderContext2.flatted,
-      disabledContext = _useCascaderContext2.disabled,
-      expandTrigger = _useCascaderContext2.expandTrigger,
-      onItemClick = _useCascaderContext2.onItemClick,
-      onItemHover = _useCascaderContext2.onItemHover,
-      titleRender = _useCascaderContext2.titleRender,
-      onLoadChildren = _useCascaderContext2.onLoadChildren,
-      getItemRequiredProps = _useCascaderContext2.getItemRequiredProps;
-
-  var cls = cx(prefixCls, className);
-  return /*#__PURE__*/React.createElement("ul", {
-    className: cls,
-    role: role
-  }, menu.map(function (option) {
-    var eventOption = getItemEventData(option, getItemRequiredProps(option));
-    var selected = eventOption.selected,
-        loading = eventOption.loading;
-    var disabled = disabledContext || option.disabled;
-    var optionCls = cx(prefixCls + "-option", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
-    return /*#__PURE__*/React.createElement("li", {
-      key: option.id,
-      role: "menu-item",
-      className: prefixCls + "-item"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: optionCls,
-      onClick: function onClick() {
-        if (disabled) return;
-        onItemClick(eventOption);
-      },
-      onMouseEnter: function onMouseEnter() {
-        if (disabled) return;
-
-        if (expandTrigger === 'hover') {
-          onItemHover(eventOption);
-        }
-      }
-    }, flatted ? renderFlattedTitle(eventOption, titleRender) : /*#__PURE__*/React.createElement(React.Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren))));
-  }));
-};
-/**
- * 渲染菜单子项的展开提示图标
- */
-
-
-var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
-  if (loading) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
-    }, defaultLoadingIcon);
-  }
-
-  var canLoadChildren = checkCanLoadChildren(item, onLoadChildren);
-
-  if (canLoadChildren) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
-    }, defaultSuffixIcon);
-  }
-
-  return /*#__PURE__*/React.createElement("span", {
-    className: cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
-  }, defaultLeafIcon);
-};
-
-var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React.createElement("span", {
-    className: "title__text title__text--cols"
-  }, getTopDownAncestors(option).map(function (item) {
-    return /*#__PURE__*/React.createElement("span", {
-      key: item.id,
-      className: "title__text--col"
-    }, item.title);
-  }));
-};
-
-var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
-  // 如果 titleRender 返回 `true`，则使用默认 title
-  var title = titleRender ? titleRender(option) : true;
-  if (title !== true) return title;
-  return /*#__PURE__*/React.createElement("span", {
-    className: "title__text"
-  }, option.title);
-};
-
 var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleRender) {
   // 如果 titleRender 返回 `true`，则使用默认 title
   var title = titleRender ? titleRender(option, keyword) : true;
@@ -407,4 +281,4 @@ var renderHighlightTitle = function renderHighlightTitle(keyword, option, titleR
   }).reverse());
 };
 
-export { Cascader, CascaderMenu, CascaderMenuList };
+export { Cascader };

package/lib/esm/CascaderMenuList.js

@@ -0,0 +1,145 @@
+/** @LICENSE
+ * @hi-ui/cascader
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/cascader#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { defaultLoadingIcon, defaultSuffixIcon, defaultLeafIcon } from './icons/index.js';
+import { getItemEventData, checkCanLoadChildren } from './utils/index.js';
+import { useCascaderContext } from './context.js';
+import { getTopDownAncestors } from '@hi-ui/tree-utils';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+var menuListPrefix = getPrefixCls('cascader-menu-list');
+var CascaderMenuList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? menuListPrefix : _a$prefixCls,
+      className = _a.className,
+      rest = __rest(_a, ["prefixCls", "className"]);
+
+  var _useCascaderContext = useCascaderContext(),
+      flatted = _useCascaderContext.flatted,
+      menuList = _useCascaderContext.menuList;
+
+  var cls = cx(prefixCls, className, flatted && prefixCls + "--flatted");
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), menuList.map(function (menu, menuIndex) {
+    // @ts-ignore
+    return isArrayNonEmpty(menu) ? /*#__PURE__*/React.createElement(CascaderMenu, {
+      key: menuIndex,
+      data: menu
+    }) : null;
+  }));
+});
+
+if (__DEV__) {
+  CascaderMenuList.displayName = 'CascaderMenuList';
+}
+
+var menuPrefix = getPrefixCls('cascader-menu');
+
+var CascaderMenu = function CascaderMenu(_ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? menuPrefix : _ref$prefixCls,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'menu' : _ref$role,
+      className = _ref.className,
+      menu = _ref.data;
+
+  var _useCascaderContext2 = useCascaderContext(),
+      flatted = _useCascaderContext2.flatted,
+      disabledContext = _useCascaderContext2.disabled,
+      expandTrigger = _useCascaderContext2.expandTrigger,
+      onItemClick = _useCascaderContext2.onItemClick,
+      onItemHover = _useCascaderContext2.onItemHover,
+      titleRender = _useCascaderContext2.titleRender,
+      onLoadChildren = _useCascaderContext2.onLoadChildren,
+      getItemRequiredProps = _useCascaderContext2.getItemRequiredProps;
+
+  var cls = cx(prefixCls, className);
+  return /*#__PURE__*/React.createElement("ul", {
+    className: cls,
+    role: role
+  }, menu.map(function (option) {
+    var eventOption = getItemEventData(option, getItemRequiredProps(option));
+    var selected = eventOption.selected,
+        loading = eventOption.loading;
+    var disabled = disabledContext || option.disabled;
+    var optionCls = cx(prefixCls + "-option", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled", selected && prefixCls + "-option--selected");
+    return /*#__PURE__*/React.createElement("li", {
+      key: option.id,
+      role: "menu-item",
+      className: prefixCls + "-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: optionCls,
+      onClick: function onClick() {
+        if (disabled) return;
+        onItemClick(eventOption);
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (disabled) return;
+
+        if (expandTrigger === 'hover') {
+          onItemHover(eventOption);
+        }
+      }
+    }, flatted ? renderFlattedTitle(eventOption, titleRender) : /*#__PURE__*/React.createElement(React.Fragment, null, renderDefaultTitle(eventOption, titleRender), renderSuffix(prefixCls, option, loading, onLoadChildren))));
+  }));
+};
+/**
+ * 渲染菜单子项的展开提示图标
+ */
+
+
+var renderSuffix = function renderSuffix(prefixCls, item, loading, onLoadChildren) {
+  if (loading) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
+    }, defaultLoadingIcon);
+  }
+
+  var canLoadChildren = checkCanLoadChildren(item, onLoadChildren);
+
+  if (canLoadChildren) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: cx(prefixCls + "-switcher", prefixCls + "-switcher--arrow")
+    }, defaultSuffixIcon);
+  }
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
+  }, defaultLeafIcon);
+};
+
+var renderFlattedTitle = function renderFlattedTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "title__text title__text--cols"
+  }, getTopDownAncestors(option).map(function (item) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: item.id,
+      className: "title__text--col"
+    }, item.title);
+  }));
+};
+
+var renderDefaultTitle = function renderDefaultTitle(option, titleRender) {
+  // 如果 titleRender 返回 `true`，则使用默认 title
+  var title = titleRender ? titleRender(option) : true;
+  if (title !== true) return title;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "title__text"
+  }, option.title);
+};
+
+export { CascaderMenu, CascaderMenuList };

package/lib/esm/index.js

@@ -8,4 +8,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 import './styles/index.scss.js';
-export { Cascader, CascaderMenu, CascaderMenuList, Cascader as default } from './Cascader.js';
+export { Cascader, Cascader as default } from './Cascader.js';

package/lib/types/Cascader.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { HiBaseHTMLProps, HiBaseAppearanceEnum } from '@hi-ui/core';
+import type { HiBaseAppearanceEnum } from '@hi-ui/core';
 import { UseCascaderProps } from './use-cascader';
 import type { PopperOverlayProps } from '@hi-ui/popper';
-import { ExpandTrigger, FlattedCascaderItem, CascaderItemEventData } from './types';
+import { CascaderExpandTriggerEnum, CascaderItemEventData } from './types';
 import { PickerProps } from '@hi-ui/picker';
 /**
  * TODO: What is Cascader
@@ -18,7 +18,7 @@ export interface CascaderProps extends Omit<PickerProps, 'data' | 'onChange' | '
     /**
      * 次级菜单的展开方式
      */
-    expandTrigger?: ExpandTrigger;
+    expandTrigger?: CascaderExpandTriggerEnum;
     /**
      * 是否可搜索（仅在 title 为字符串时支持）
      */
@@ -62,13 +62,3 @@ export interface CascaderProps extends Omit<PickerProps, 'data' | 'onChange' | '
      */
     appearance?: HiBaseAppearanceEnum;
 }
-export declare const CascaderMenuList: React.ForwardRefExoticComponent<Pick<CascaderMenuListProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
-export interface CascaderMenuListProps extends HiBaseHTMLProps {
-}
-export declare const CascaderMenu: ({ prefixCls, role, className, data: menu, }: CascaderMenuProps) => JSX.Element;
-export interface CascaderMenuProps extends HiBaseHTMLProps {
-    /**
-     * 设置选择项数据源
-     */
-    data: FlattedCascaderItem[];
-}

package/lib/types/CascaderMenuList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { HiBaseHTMLProps } from '@hi-ui/core';
+import { FlattedCascaderDataItem } from './types';
+export declare const CascaderMenuList: React.ForwardRefExoticComponent<Pick<CascaderMenuListProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
+export interface CascaderMenuListProps extends HiBaseHTMLProps {
+}
+export declare const CascaderMenu: ({ prefixCls, role, className, data: menu, }: CascaderMenuProps) => JSX.Element;
+export interface CascaderMenuProps extends HiBaseHTMLProps {
+    /**
+     * 设置选择项数据源
+     */
+    data: FlattedCascaderDataItem[];
+}

package/lib/types/context.d.ts

@@ -1,21 +1,21 @@
 import React from 'react';
-import { CascaderItemEventData, ExpandTrigger } from './types';
+import { CascaderItemEventData, CascaderExpandTriggerEnum } from './types';
 export declare const CascaderProvider: React.Provider<(Omit<{
     rootProps: {};
     reset: () => void;
     flattedData: any;
     value: React.ReactText[];
     tryChangeValue: (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void;
-    getItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
+    getItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderDataItem) => import("./types").CascaderItemRequiredProps;
     flatted: boolean;
     onItemClick: (node: CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: CascaderItemEventData, idPaths: React.ReactText[]) => void | Promise<void | import("./types").CascaderDataItem[]>) | undefined;
     disabled: boolean;
-    menuList: import("./types").FlattedCascaderItem[][];
+    menuList: import("./types").FlattedCascaderDataItem[][];
 }, "rootProps"> & {
-    expandTrigger: ExpandTrigger;
+    expandTrigger: CascaderExpandTriggerEnum;
     titleRender: (item: CascaderItemEventData) => React.ReactNode;
 }) | null>;
 export declare const useCascaderContext: () => Omit<{
@@ -24,15 +24,15 @@ export declare const useCascaderContext: () => Omit<{
     flattedData: any;
     value: React.ReactText[];
     tryChangeValue: (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void;
-    getItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderItem) => import("./types").CascaderItemRequiredProps;
+    getItemRequiredProps: ({ id, depth }: import("./types").FlattedCascaderDataItem) => import("./types").CascaderItemRequiredProps;
     flatted: boolean;
     onItemClick: (node: CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: CascaderItemEventData, idPaths: React.ReactText[]) => void | Promise<void | import("./types").CascaderDataItem[]>) | undefined;
     disabled: boolean;
-    menuList: import("./types").FlattedCascaderItem[][];
+    menuList: import("./types").FlattedCascaderDataItem[][];
 }, "rootProps"> & {
-    expandTrigger: ExpandTrigger;
+    expandTrigger: CascaderExpandTriggerEnum;
     titleRender: (item: CascaderItemEventData) => React.ReactNode;
 };

package/lib/types/hooks/use-select.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CascaderItemEventData, FlattedCascaderItem } from '../types';
+import { CascaderItemEventData, FlattedCascaderDataItem } from '../types';
 /**
  * 用于选中的 hook
  */
-export declare const useSelect: (disabled: boolean, onSelect: (value: React.ReactText, item: CascaderItemEventData, itemPaths: FlattedCascaderItem[]) => void, changeOnSelect: boolean, onLoadChildren?: ((item: CascaderItemEventData, idPaths: React.ReactText[]) => void) | undefined) => readonly [React.ReactText, (targetItem: CascaderItemEventData, onlyExpand: boolean) => void, React.Dispatch<React.SetStateAction<React.ReactText>>];
+export declare const useSelect: (disabled: boolean, onSelect: (value: React.ReactText, item: CascaderItemEventData, itemPaths: FlattedCascaderDataItem[]) => void, changeOnSelect: boolean, onLoadChildren?: ((item: CascaderItemEventData, idPaths: React.ReactText[]) => void) | undefined) => readonly [React.ReactText, (targetItem: CascaderItemEventData, onlyExpand: boolean) => void, React.Dispatch<React.SetStateAction<React.ReactText>>];

package/lib/types/types.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 export interface CascaderDataItem extends Record<string, any> {
     /**
-     * 树节点唯一 id
+     * 选择项值，唯一 id
      */
     id?: React.ReactText;
     /**
-     * 树节点标题
+     * 选项标题
      */
     title?: React.ReactNode;
     /**
-     * 该节点的子节点列表
+     * 下一级选项列表
      */
     children?: CascaderDataItem[];
     /**
@@ -21,24 +21,24 @@ export interface CascaderDataItem extends Record<string, any> {
      */
     disabled?: boolean;
 }
-export interface FlattedCascaderItemWithChildren extends FlattedCascaderItem {
-    children: FlattedCascaderItem[];
+export interface FlattedCascaderDataItemWithChildren extends FlattedCascaderDataItem {
+    children: FlattedCascaderDataItem[];
 }
-export interface FlattedCascaderItem extends Required<Omit<CascaderDataItem, 'children'>> {
+export interface FlattedCascaderDataItem extends Required<Omit<CascaderDataItem, 'children'>> {
     /**
-     * 树节点唯一 id
+     * 选择项值，唯一 id
      */
     id: React.ReactText;
     /**
-     * 树节点标题
+     * 选项标题
      */
     title: React.ReactNode;
     /**
-     * 该节点的子节点列表
+     * 下一级选项列表
      */
-    children?: FlattedCascaderItem[];
+    children?: FlattedCascaderDataItem[];
     /**
-     * 关联用户传入的原始节点
+     * 关联用户传入的原始数据对象
      */
     raw: CascaderDataItem;
     /**
@@ -48,16 +48,16 @@ export interface FlattedCascaderItem extends Required<Omit<CascaderDataItem, 'ch
     /**
      * 该节点的父节点
      */
-    parent: FlattedCascaderItemWithChildren;
+    parent: FlattedCascaderDataItemWithChildren;
 }
 export interface CascaderItemRequiredProps {
     selected: boolean;
     loading: boolean;
     focused: boolean;
 }
-export interface CascaderItemEventData extends FlattedCascaderItem, CascaderItemRequiredProps {
+export interface CascaderItemEventData extends FlattedCascaderDataItem, CascaderItemRequiredProps {
 }
-export declare type ExpandTrigger = 'click' | 'hover';
+export declare type CascaderExpandTriggerEnum = 'click' | 'hover';
 export interface NodeRoot<T> {
     depth: -1;
     children: T[];

package/lib/types/use-cascader.d.ts

@@ -1,30 +1,29 @@
 import React from 'react';
-import type { HiBaseFieldNames } from '@hi-ui/core';
-import { FlattedCascaderItem, CascaderItemRequiredProps, CascaderItemEventData, CascaderDataItem } from './types';
+import { FlattedCascaderDataItem, CascaderItemRequiredProps, CascaderItemEventData, CascaderDataItem } from './types';
 export declare const useCascader: ({ defaultValue, value: valueProp, onChange: onChangeProp, data, disabled, changeOnSelect, flatted, onSelect: onSelectProp, onLoadChildren, cascaderData: cascaderDataProp, setCascaderData: setCascaderDataProp, flattedData: flattedDataProp, fieldNames, ...rest }: UseCascaderProps) => {
     rootProps: {};
     reset: () => void;
     flattedData: any;
     value: React.ReactText[];
     tryChangeValue: (stateOrFunction: React.SetStateAction<React.ReactText[]>, ...args: any[]) => void;
-    getItemRequiredProps: ({ id, depth }: FlattedCascaderItem) => CascaderItemRequiredProps;
+    getItemRequiredProps: ({ id, depth }: FlattedCascaderDataItem) => CascaderItemRequiredProps;
     flatted: boolean;
     onItemClick: (node: CascaderItemEventData, onlyExpand?: any) => Promise<void>;
     onItemHover: (option: any) => void;
     changeOnSelect: boolean;
     onLoadChildren: ((item: CascaderItemEventData, idPaths: React.ReactText[]) => Promise<CascaderDataItem[] | void> | void) | undefined;
     disabled: boolean;
-    menuList: FlattedCascaderItem[][];
+    menuList: FlattedCascaderDataItem[][];
 };
 export interface UseCascaderProps {
     /**
      * 设置 data 中 id, title, disabled, children 对应的 key
      */
-    fieldNames?: HiBaseFieldNames;
+    fieldNames?: Record<string, string>;
     /**
      * 设置选择项数据源
      */
-    data: CascaderDataItem[];
+    data?: CascaderDataItem[];
     /**
      * 设置当前选中值
      */
@@ -41,7 +40,7 @@ export interface UseCascaderProps {
      * 选中选项时触发，仅供内部使用。暂不对外暴露
      * @private
      */
-    onSelect?: (value: React.ReactText, targetOption: CascaderItemEventData, optionPaths: FlattedCascaderItem[]) => void;
+    onSelect?: (value: React.ReactText, targetOption: CascaderItemEventData, optionPaths: FlattedCascaderDataItem[]) => void;
     /**
      * 是否禁止使用
      */

package/lib/types/utils/index.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
 import type { HiBaseFieldNames } from '@hi-ui/core';
-import { CascaderItemRequiredProps, CascaderItemEventData, CascaderDataItem, FlattedCascaderItem } from '../types';
+import { CascaderItemRequiredProps, CascaderItemEventData, CascaderDataItem, FlattedCascaderDataItem } from '../types';
 /**
  * 扁平化树数据结构，基于前序遍历
  */
-export declare const flattenTreeData: (treeData: CascaderDataItem[], fieldNames?: HiBaseFieldNames | undefined) => FlattedCascaderItem[];
+export declare const flattenTreeData: (treeData: CascaderDataItem[], fieldNames?: HiBaseFieldNames | undefined) => FlattedCascaderDataItem[];
 /**
  * 获取选中节点的节点路径，包含选中节点
  */
-export declare const getActiveNodePaths: (flattedData: FlattedCascaderItem[], selectedId?: React.ReactText | undefined) => FlattedCascaderItem[];
+export declare const getActiveNodePaths: (flattedData: FlattedCascaderDataItem[], selectedId?: React.ReactText | undefined) => FlattedCascaderDataItem[];
 /**
  * 获取自顶向下的兄弟节点列表菜单
  */
-export declare const getActiveMenus: (flattedData: FlattedCascaderItem[], selectedId?: React.ReactText | undefined) => FlattedCascaderItem[][];
-export declare const getFlattedMenus: (data: FlattedCascaderItem[], filter: (option: FlattedCascaderItem) => boolean) => FlattedCascaderItem[][];
-export declare const checkCanLoadChildren: (node: FlattedCascaderItem, onLoadChildren?: any) => any;
-export declare function getItemEventData(node: FlattedCascaderItem, requiredProps: CascaderItemRequiredProps): CascaderItemEventData;
+export declare const getActiveMenus: (flattedData: FlattedCascaderDataItem[], selectedId?: React.ReactText | undefined) => FlattedCascaderDataItem[][];
+export declare const getFlattedMenus: (data: FlattedCascaderDataItem[], filter: (option: FlattedCascaderDataItem) => boolean) => FlattedCascaderDataItem[][];
+export declare const checkCanLoadChildren: (node: FlattedCascaderDataItem, onLoadChildren?: any) => any;
+export declare function getItemEventData(node: FlattedCascaderDataItem, requiredProps: CascaderItemRequiredProps): CascaderItemEventData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/cascader",
-  "version": "4.0.0-beta.24",
+  "version": "4.0.0-beta.27",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -47,19 +47,19 @@
     "@hi-ui/classname": "^4.0.0-beta.0",
     "@hi-ui/core": "^4.0.0-beta.8",
     "@hi-ui/env": "^4.0.0-beta.0",
-    "@hi-ui/func-utils": "^4.0.0-beta.11",
+    "@hi-ui/func-utils": "^4.0.0-beta.12",
     "@hi-ui/icons": "^4.0.0-beta.10",
-    "@hi-ui/input": "^4.0.0-beta.13",
-    "@hi-ui/locale-context": "^4.0.0-beta.17",
-    "@hi-ui/picker": "^4.0.0-beta.22",
-    "@hi-ui/popper": "^4.0.0-beta.12",
-    "@hi-ui/spinner": "^4.0.0-beta.8",
+    "@hi-ui/input": "^4.0.0-beta.15",
+    "@hi-ui/locale-context": "^4.0.0-beta.18",
+    "@hi-ui/picker": "^4.0.0-beta.24",
+    "@hi-ui/popper": "^4.0.0-beta.14",
+    "@hi-ui/spinner": "^4.0.0-beta.9",
     "@hi-ui/tree-utils": "^4.0.0-beta.4",
     "@hi-ui/type-assertion": "^4.0.0-beta.4",
     "@hi-ui/use-check-state": "^4.0.0-beta.4",
     "@hi-ui/use-data-source": "^4.0.0-beta.5",
     "@hi-ui/use-latest": "^4.0.0-beta.4",
-    "@hi-ui/use-search-mode": "^4.0.0-beta.16",
+    "@hi-ui/use-search-mode": "^4.0.0-beta.19",
     "@hi-ui/use-toggle": "^4.0.0-beta.4",
     "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.4"
   },
@@ -72,5 +72,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "674c0457e222285057bb82be5dc1ce6bf081b96c"
+  "gitHead": "64cc3305632f0d88f852f4a95cba7c27ff388a2d"
 }