fix: issue-6546: spinner icon 属性无效问题

This commit is contained in:
allenve 2023-04-21 10:43:48 +08:00
parent f6c8140f54
commit 151ebfdcb5
2 changed files with 18 additions and 18 deletions

View File

@ -201,7 +201,7 @@ body: {
## 属性表 ## 属性表
| 属性名 | 类型 | 默认值 | 说明 | | 属性名 | 类型 | 默认值 | 说明 |
| -------------------- | ----------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | -------------------- | ----------------------------------------- | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| type | `string` | `spinner` | 指定为 Spinner 渲染器 | | type | `string` | `spinner` | 指定为 Spinner 渲染器 |
| show | `boolean` | `true` | 是否显示 spinner 组件 | | show | `boolean` | `true` | 是否显示 spinner 组件 |
| className | `string` | | spinner 图标父级标签的自定义 class | | className | `string` | | spinner 图标父级标签的自定义 class |
@ -214,4 +214,4 @@ body: {
| delay | `number` | `0` | 配置组件显示延迟的时间(毫秒) | | delay | `number` | `0` | 配置组件显示延迟的时间(毫秒) |
| overlay | `boolean` | `true` | 配置组件显示 spinner 时是否显示遮罩层 | | overlay | `boolean` | `true` | 配置组件显示 spinner 时是否显示遮罩层 |
| body | [SchemaNode](../../docs/types/schemanode) | | 作为容器使用时,被包裹的内容 | | body | [SchemaNode](../../docs/types/schemanode) | | 作为容器使用时,被包裹的内容 |
| loadingConfig | `{root?: string}` | | 为 `Spinner` 指定挂载的容器, `root` 是一个selector在拥有`Spinner`的组件上都可以通过传递`loadingConfig`改变Spinner的挂载位置开启后会强制开启属性`overlay=true` | | loadingConfig | `{root?: string}` | | 为 `Spinner` 指定挂载的容器, `root` 是一个 selector在拥有`Spinner`的组件上都可以通过传递`loadingConfig`改变 Spinner 的挂载位置,开启后,会强制开启属性`overlay=true`,并且`icon`会失效 |

View File

@ -193,8 +193,8 @@ export class Spinner extends React.Component<
tipPlacement = '', tipPlacement = '',
loadingConfig loadingConfig
} = this.props; } = this.props;
// 调整挂载位置时使用默认loading // 定义了挂载位置时只能使用默认icon
const icon = loadingConfig?.root ? iconConfig : ''; const icon = loadingConfig?.root ? undefined : iconConfig;
const isCustomIcon = icon && React.isValidElement(icon); const isCustomIcon = icon && React.isValidElement(icon);
const timeout = {enter: delay, exit: 0}; const timeout = {enter: delay, exit: 0};