fix: Cascade should not show checkbox when options is empty (#224)

* fix: checkbox should hide when options is empty

* test: add test case

src/Cascader.tsx

@@ -394,9 +394,7 @@ const Cascader = React.forwardRef((props: CascaderProps, ref: React.Ref<Cascader
         showSearch={mergedShowSearch}
         onSearch={setMergedSearch}
         labelRender={labelRender}
-        {...{
-          getRawInputElement: () => children,
-        }}
+        getRawInputElement={() => children}
       />
     </CascaderContext.Provider>
   );

src/OptionList/Column.tsx

@@ -18,6 +18,7 @@ export interface ColumnProps {
   checkedSet: Set<React.Key>;
   halfCheckedSet: Set<React.Key>;
   loadingKeys: React.Key[];
+  isEmpty: boolean;
 }
 
 export default function Column({
@@ -32,6 +33,7 @@ export default function Column({
   checkedSet,
   halfCheckedSet,
   loadingKeys,
+  isEmpty,
 }: ColumnProps) {
   const menuPrefixCls = `${prefixCls}-menu`;
   const menuItemPrefixCls = `${prefixCls}-menu-item`;
@@ -107,7 +109,7 @@ export default function Column({
               }
             }}
           >
-            {multiple && (
+            {multiple && !isEmpty && (
               <Checkbox
                 prefixCls={`${prefixCls}-checkbox`}
                 checked={checked}

src/OptionList/index.tsx

@@ -340,6 +340,7 @@ const RefOptionList = React.forwardRef<RefOptionListProps, OptionListProps>((pro
       key={index}
       index={index}
       {...columnProps}
+      isEmpty={isEmpty}
       prefixCls={mergedPrefixCls}
       options={col.options}
       openKey={mergedOpenPath[index]}

src/index.tsx

@@ -1,6 +1,5 @@
-import Cascader, { CascaderProps } from './Cascader';
-import { FieldNames, DataNode, ShowSearchType } from './interface';
-
-export { CascaderProps, FieldNames, DataNode, ShowSearchType };
+import Cascader from './Cascader';
 
+export type { CascaderProps } from './Cascader';
+export type { FieldNames, DataNode, ShowSearchType } from './interface';
 export default Cascader;

tests/checkable.spec.tsx

@@ -76,6 +76,7 @@ describe('Cascader.Checkable', () => {
       ],
     );
   });
+
   it('click checkobx invoke one onChange', () => {
     const onChange = jest.fn();
     const wrapper = mount(<Cascader options={options} onChange={onChange} open checkable />);
@@ -89,4 +90,16 @@ describe('Cascader.Checkable', () => {
     expect(wrapper.exists('.rc-cascader-checkbox-checked')).toBeTruthy();
     expect(onChange).toHaveBeenCalledTimes(1);
   });
+
+  // https://github.com/ant-design/ant-design/issues/33302
+  it('should not display checkbox when children is empty', () => {
+    const wrapper = mount(
+      <Cascader checkable options={[]}>
+        <input readOnly />
+      </Cascader>,
+    );
+    wrapper.find('input').simulate('click');
+    const menus = wrapper.find('.rc-cascader-menu');
+    expect(menus.find('.rc-cascader-checkbox').length).toBe(0);
+  });
 });