Merge pull request #616 from oceanbase/dengfuping-design

improve(style): Select loading color
oceanbase · Jun 25, 2024 · d1f6639 · d1f6639
2 parents 8026411 + 9b851d2
commit d1f6639
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/packages/design/src/button/demo/loading.tsx b/packages/design/src/button/demo/loading.tsx
@@ -20,16 +20,14 @@ const App: React.FC = () => {
         <Button type="primary" loading={loading}>
           Loading
         </Button>
-        <Button type="primary" icon={<PoweroffOutlined />} loading={loading}>
-          Loading
-        </Button>
-        <Button type="primary" icon={<PoweroffOutlined />} loading={loading} />
+        <Button loading={loading}>Loading</Button>
+        <Button loading={loading} />
       </Space>
       <Space>
         <Button type="primary" danger loading={loading}>
           Loading
         </Button>
-        <Button type="primary" danger ghost loading={loading}>
+        <Button danger ghost loading={loading}>
           Loading
         </Button>
         <Button type="link" loading={loading}>

diff --git a/packages/design/src/select/style/index.ts b/packages/design/src/select/style/index.ts
@@ -5,7 +5,14 @@ import { genComponentStyleHook } from '../../_util/genComponentStyleHook';
 export type SelectToken = FullToken<'Select'>;
 
 export const genSelectStyle: GenerateStyle<SelectToken> = (token: SelectToken): CSSObject => {
-  return {};
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      [`${componentCls}-arrow${componentCls}-arrow-loading`]: {
+        color: token.colorTextTertiary,
+      },
+    },
+  };
 };
 
 export default (prefixCls: string) => {