fix: loading icon className missing

react-component · Aug 27, 2021 · 9152995 · 9152995 · vercel · Aug 27, 2021
1 parent d6a5c27
commit 9152995
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/OptionList/Column.tsx b/src/OptionList/Column.tsx
@@ -83,6 +83,7 @@ export default function Column({
               [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,
               [`${menuItemPrefixCls}-active`]: openKey === value,
               [`${menuItemPrefixCls}-disabled`]: disabled,
+              [`${menuItemPrefixCls}-loading`]: isLoading,
             })}
             style={dropdownMenuColumnStyle}
             role="menuitemcheckbox"
@@ -121,7 +122,7 @@ export default function Column({
               <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>
             )}
             {isLoading && loadingIcon && (
-              <div className={`${menuItemPrefixCls}-loading`}>{loadingIcon}</div>
+              <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>
             )}
           </li>
         );

diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
@@ -520,6 +520,9 @@ describe('Cascader.Basic', () => {
         }),
       ]);
 
+      expect(wrapper.exists('.rc-cascader-menu-item-loading')).toBeTruthy();
+      expect(wrapper.exists('.rc-cascader-menu-item-loading-icon')).toBeTruthy();
+
       // Fill data
       wrapper.setProps({
         options: [