# Spin - 加载指示器

## 说明

局部加载指示器。无 `children` 时就地渲染；有 `children` 时 `spinning` 状态下以 4:6 分割展示 loading（indicator 中心点在 40% 处），`spinning=false` 时正常渲染 children。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **spinning** | 是否显示加载中 | `boolean` | `true` | 否 |
| **text** | 加载提示文字 | `string` | `'Loading'` | 否 |
| **children** | 子元素 | `ReactNode` | - | 否 |

## 使用示例

```tsx
import { Spin } from 'mhui-rn';

// 独立使用（无 children）
<Spin spinning text="加载中" />

// 包裹内容
<Spin spinning={loading} text="数据加载中">
  <DeviceList data={devices} />
</Spin>

// spinning=false 时直接渲染 children
<Spin spinning={false}>
  <Text>内容已加载</Text>
</Spin>
```

## 注意事项

- 无 `children` + `spinning=false` 时返回 null，不占据空间
- 有 `children` 时容器有 `minHeight: 200` 保证 loading 居中效果