feat(ui/space): add new component name is space

affects: @varlet/ui
varletjs · Nov 17, 2021 · 6f6e5e5 · 6f6e5e5
1 parent 146a958
commit 6f6e5e5
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 47 deletions.
diff --git a/packages/varlet-ui/darkMode.md b/packages/varlet-ui/darkMode.md
diff --git a/packages/varlet-ui/src/space/example/index.vue b/packages/varlet-ui/src/space/example/index.vue
@@ -48,13 +48,28 @@
 import AppType from '@varlet/cli/site/mobile/components/AppType'
 import VarSpace from '..'
 import VarButton from '../../button'
+import context from '../../context'
 import { pack, use } from './locale'
-import { watchLang } from '@varlet/cli/site/utils'
+import { watchLang, watchPlatform } from '@varlet/cli/site/utils'
+import { watchDarkMode } from '../../utils/components'
+import { onUnmounted } from 'vue'
 
 export default {
   components: { VarSpace, VarButton, AppType },
   setup() {
     watchLang(use)
+    watchDarkMode()
+
+    const prevTouchmoveForbid = context.touchmoveForbid
+    watchPlatform((platform) => {
+      if (platform === 'pc') {
+        context.touchmoveForbid = false
+      }
+    })
+    onUnmounted(() => {
+      context.touchmoveForbid = prevTouchmoveForbid
+    })
+
     return {
       pack,
     }

diff --git a/packages/varlet-ui/varlet.config.js b/packages/varlet-ui/varlet.config.js
@@ -178,6 +178,14 @@ module.exports = {
         doc: 'collapse',
         type: 2,
       },
+      {
+        text: {
+          'zh-CN': 'Space 间隔',
+          'en-US': 'Space',
+        },
+        doc: 'space',
+        type: 2,
+      },
       {
         text: {
           'zh-CN': 'Layout 布局',
@@ -242,14 +250,6 @@ module.exports = {
         doc: 'card',
         type: 2,
       },
-      {
-        text: {
-          'zh-CN': 'Space 间隔',
-          'en-US': 'Space',
-        },
-        doc: 'space',
-        type: 2,
-      },
       {
         text: {
           'zh-CN': 'Divider 分割线',