fix: 修改Cascade的修复现实children的bug (#2165)

* fix: 修改Cascade的修复现实children的bug

* fix: 修改名称拼写错误

src/cascader/demos/Cascader.stories.tsx

@@ -6,7 +6,7 @@ import { CascaderProps } from '../interface';
 import Cascader from '../Cascader';
 import '../style';
 import './style.less';
-import CascaderItem from '../../list/inner/CascaderItem';
+import CascaderItem from '../../list/inner/CascadeItem';
 import Docs from './CascaderPage';
 
 export default {

src/cascader/index.tsx

@@ -1,4 +1,4 @@
-import CascaderItem from '../list/inner/CascaderItem';
+import CascaderItem from '../list/inner/CascadeItem';
 import WithSubComponent from '../utils/withSubComponent';
 import Cascader from './Cascader';
 

src/dropdown/demos/Dropdown.stories.tsx

@@ -19,7 +19,7 @@ import '../style';
 import Button from '../../button';
 import List from '../../list';
 import Divider from '../../divider';
-import CascaderItem from '../../list/inner/CascaderItem';
+import CascaderItem from '../../list/inner/CascadeItem';
 import { PopConfirm } from '../..';
 
 export default {

src/list/Item.tsx

@@ -2,12 +2,12 @@ import React, { useContext } from 'react';
 import { ItemProps } from './interface';
 import BaseItem from './inner/baseItem';
 import CheckboxItem from './inner/CheckboxItem';
-import CalcaderItem from './inner/CascaderItem';
+import CascadeItem from './inner/CascadeItem';
 import WithRef from '../utils/withRef';
 import { ListContext } from './context';
 
 export const InnerItem = WithRef<HTMLLIElement, ItemProps>((props, ref?) => {
-  const { label, value, disabled, strategy, ...rest } = props;
+  const { label, value, disabled, strategy, items, ...rest } = props;
   const { model } = useContext(ListContext);
 
   const defaultProps = {
@@ -21,15 +21,16 @@ export const InnerItem = WithRef<HTMLLIElement, ItemProps>((props, ref?) => {
   if (model === 'multiple') {
     return <CheckboxItem data-testid="list-item-checkbox" {...defaultProps} />;
   }
-  if (model === 'cascader') {
+  if (model === 'cascader' || model === 'cascade') {
     return (
-      <CalcaderItem
+      <CascadeItem
         ref={ref}
         data-testid="list-item-cascader"
         label={label as string}
         value={value as string}
         disabled={disabled}
         strategy={strategy}
+        items={items as any}
         {...rest}
       />
     );

src/list/List.tsx

@@ -132,7 +132,14 @@ export const InnerList = WithRef<HTMLDivElement, ListProps>((props, ref?) => {
   const renderChildren = (option: OptionProps) => {
     const renderedItem = renderItem?.(option);
     return (
-      <Item prefix={prefix?.(option)} suffix={suffix?.(option)} {...option} strategy={itemStrategy} key={option.value}>
+      <Item
+        prefix={prefix?.(option)}
+        suffix={suffix?.(option)}
+        {...option}
+        items={option?.children as OptionProps[]}
+        strategy={itemStrategy}
+        key={option.value}
+      >
         {renderedItem}
       </Item>
     );