fix(ui): spinner should display inline when dAlone is true

Author: xiejay97

packages/platform/src/app/routes/list/standard-table/detail/Detail.tsx

@@ -100,7 +100,9 @@ export default function Detail(): JSX.Element | null {
       </AppRouteHeader>
       <div className={styles['app-detail']}>
         {isUndefined(device) ? (
-          <DSpinner dVisible dAlone></DSpinner>
+          <div className="d-flex justify-content-center">
+            <DSpinner dVisible dAlone></DSpinner>
+          </div>
         ) : (
           <>
             <DCard>

packages/ui/src/components/spinner/demos/5.Alone.md

@@ -0,0 +1,21 @@
+---
+title:
+  en-US: Standalone use
+  zh-CN: 独立使用
+---
+
+# en-US
+
+Support stand alone use.
+
+# zh-CN
+
+支持单独使用。
+
+```tsx
+import { DSpinner } from '@react-devui/ui';
+
+export default function Demo() {
+  return <DSpinner dVisible dAlone />;
+}
+```

packages/ui/src/styles/components/spinner.scss

@@ -30,6 +30,7 @@
   @include m(alone) {
     position: relative;
     inset: unset;
+    display: inline-flex;
     background-color: transparent;
   }