Merge pull request #724 from oceanbase/dengfuping-feature-dev

[Feature Branch] feat(design): Add Skeleton docs

.dumirc.ts

@@ -187,6 +187,7 @@ export default defineConfig({
             { title: 'Drawer 抽屉', link: '/components/drawer' },
             { title: 'Notification 通知提醒框', link: '/components/notification' },
             { title: 'Result 结果', link: '/components/result' },
+            { title: 'Skeleton 骨架屏', link: '/components/skeleton' },
             { title: 'Spin 加载中', link: '/components/spin' },
             { title: 'Badge 徽标数', link: '/components/badge' },
           ],

packages/design/src/divider/demo/horizontal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Divider } from 'antd';
+import { Divider } from '@oceanbase/design';
 
 const App: React.FC = () => (
   <>

packages/design/src/skeleton/demo/basic.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Skeleton } from '@oceanbase/design';
+
+const App: React.FC = () => <Skeleton />;
+
+export default App;

packages/design/src/skeleton/index.md

@@ -0,0 +1,18 @@
+---
+title: Skeleton 骨架屏
+nav:
+  title: 基础组件
+  path: /components
+---
+
+- 🔥 完全继承 antd [Skeleton](https://ant.design/components/skeleton-cn/) 的能力和 API，可无缝切换。
+- 💄 定制主题和样式，符合 OceanBase Design 设计规范。
+
+## 代码演示
+
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx" title="基本"></code>
+
+## API
+
+- 详见 antd Skeleton 文档: https://ant.design/components/skeleton-cn/