docs: affix, alert en vue3

demo/documentation/components/affix/zhCN/index.demo-entry.md

@@ -6,7 +6,7 @@ basic
 position
 ```
 ## Props
-|Name|Type|Default|Description|
+|名称|类型|默认值|描述|
 |-|-|-|-|
 |position|`'fixed' \| 'absolute'`|`'fixed'`||
 |top|`number`|`null`|在触发顶部固定后 Affix 的 CSS top 属性（如果没设定，会使用 `offset-top` 代替)|

demo/documentation/components/alert/enUS/index.demo-entry.md

@@ -1,5 +1,6 @@
 # Alert
 According to my experience, the most frequent usage of it may be requesting for disabling AdBlocks.
+
 ## Demos
 ```demo
 basic
@@ -7,27 +8,22 @@ closable
 icon
 no-icon
 ```
+
 ## Props
 |Name|Type|Default|Description|
 |-|-|-|-|
 |closable|`boolean`|`false`||
-|on-close|`() => boolean \| Promise<boolean> \| any`|`() => true`||
-|on-after-hide|`Function`|`null`||
 |show-icon|`boolean`|`true`||
-|theme|`'light' \| 'dark' \| null \| string`|`null`||
 |themed-style|`{ [themeName: string]: Object } \| null`|`null`||
-|title|`string`|`null`||
+|theme|`'light' \| 'dark' \| null \| string`|`null`||
+|title|`string`|`undefined`||
 |type|`'default' \| 'info' \| 'success' \| 'warning' \| 'error'`|`'default'`||
+|on-after-leave|`Function`|`undefined`||
+|on-close|`() => boolean \| Promise<boolean> \| any`|`() => true`||
 
 ## Slots
 |Name|Parameters|Description|
 |-|-|-|
 |default|`()`||
 |header|`()`||
-|icon|`()`||
-
-## Events
-|Name|Parameters|Description|
-|-|-|-|
-|after-leave|`()`|When close transition is done|
-|leave|`()`|When you click close.|
+|icon|`()`||

demo/documentation/components/alert/zhCN/index.demo-entry.md

@@ -1,5 +1,7 @@
 # 警示信息 Alert
 根据我的经验，这东西使用最频繁的场景是让你关掉 AdBlocks。
+
+<!-- there is a bug of chrome rendering svg, if translateZ is not set -->
 ## 演示
 ```demo
 basic

demo/utils/ComponentDemo.vue

@@ -2,6 +2,7 @@
   <n-card
     v-if="isShow"
     class="demo-card"
+    style="transform: translateZ(0);"
     :segmented="{
       footer: true
     }"

src/index.js

@@ -139,6 +139,8 @@ import logDarkStyle from './log/styles/dark'
 import logLightStyle from './log/styles/light'
 import iconDarkStyle from './icon/styles/dark'
 import iconLightStyle from './icon/styles/light'
+import spaceDarkStyle from './space/styles/dark'
+import spaceLightStyle from './space/styles/light'
 import loadingBarLightStyle from './loading-bar/styles/light'
 import loadingBarDarkStyle from './loading-bar/styles/dark'
 import menuDarkStyle from './menu/styles/dark'
@@ -425,6 +427,8 @@ export default create({
     descriptionsDarkStyle,
     formLightStyle,
     formDarkStyle,
+    spaceDarkStyle,
+    spaceLightStyle,
     // Can be remove after refactoring
     baseSelectionLightStyle,
     baseSelectionDarkStyle