feat(list-picker, select): support triggerLoading prop (#2065)

Co-authored-by: maxin <maxin@growingio.com>
growingio · Jun 9, 2022 · 1273841 · 1273841 · vercel · Jun 9, 2022
1 parent c90349c
commit 1273841
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/src/list-picker/interface.ts b/src/list-picker/interface.ts
@@ -60,6 +60,10 @@ export interface ListPickerProps
    * 自定义后缀的icon
    */
   triggerSuffix?: React.ReactNode;
+  /**
+   * InputButton 触发器的 loading prop
+   */
+  triggerLoading?: InputButtonProps['loading'];
   maxWidth?: number;
   hidePrefix?: boolean;
 

diff --git a/src/list-picker/listPicker.tsx b/src/list-picker/listPicker.tsx
@@ -61,6 +61,7 @@ export const ListPicker: React.FC<ListPickerProps> = (props) => {
     autoWidth = false,
     strategy = 'fixed',
     max,
+    triggerLoading,
     ...rest
   } = props;
   const defaultPrefix = usePrefixCls(prefixCls);
@@ -175,6 +176,7 @@ export const ListPicker: React.FC<ListPickerProps> = (props) => {
         visible={visible}
         hidePrefix={hidePrefix}
         data-testid={isNil(rest['data-testid']) ? `${DEFAULT_DATA_TESTID}-trigger` : `${rest['data-testid']}-trigger`}
+        loading={triggerLoading}
       >
         {children}
       </Trigger>

diff --git a/src/select/Select.tsx b/src/select/Select.tsx
@@ -45,6 +45,7 @@ const Select: React.FC<SelectProps> & { isSelect?: boolean } = (props) => {
     autoWidth = false,
     empty,
     needEmpty = true,
+    triggerLoading,
     // list props
     ...rest
   } = props;
@@ -112,6 +113,7 @@ const Select: React.FC<SelectProps> & { isSelect?: boolean } = (props) => {
         title={title}
         onClick={triggerClick}
         data-testid={rest?.['data-testid'] ? rest?.['data-testid'] : 'select'}
+        loading={triggerLoading}
       />
     );
   };

diff --git a/src/select/interface.ts b/src/select/interface.ts
@@ -44,6 +44,10 @@ export interface SelectProps extends Omit<ListProps, 'model' | 'onChange' | 'opt
    * 自定义后缀的icon
    */
   triggerSuffix?: React.ReactNode;
+  /**
+   * InputButton 触发器的 loading prop
+   */
+  triggerLoading?: InputButtonProps['loading'];
   maxWidth?: number;
   hidePrefix?: boolean;
   /**