feat: update veui and add vertical slider

Author: Justineo

one/docs/components/slider.md

@@ -30,7 +30,11 @@
 
 使用 [`secondary-progress`](#props-secondary-progress) 属性来指定一个次级进度条。
 
-[[ demo src="/demo/slider/buffer.vue" ]]
+### 纵向
+
+使用 [`vertical`](#props-vertical) 属性来指定是否使用纵向样式。
+
+[[ demo src="/demo/slider/vertical.vue" ]]
 
 ### 定制内容
 
@@ -51,6 +55,7 @@
 | ``max`` | `number` | `1` | `value` 经过 `parse` 函数处理后允许的最大值。 |
 | ``step`` | `number` | `0` | `value` 经过 `parse` 函数处理后的步进值。 |
 | ``mark`` | `boolean` | `false` | 是否显示步进标记。 |
+| ``vertical`` | `boolean` | `false` | 是否使用纵向样式。 |
 | ``parse`` | `function` | `val => val` | 传入值处理函数。 |
 | ``format`` | `function` | `val => val` | 输出值处理函数。 |
 

one/docs/demo/slider/steps.vue

@@ -33,3 +33,11 @@ export default {
   }
 }
 </script>
+
+<docs>
+在使用 [`step`](#props-step) 属性设置步长后，可以通过 [`mark`](#props-mark) 属性来显示刻度。
+</docs>
+
+<docs locale="en-US">
+After setting the [`step`](#props-step) prop, you can display the scale marks by setting the [`mark`](#props-mark) prop.
+</docs>

one/docs/demo/slider/vertical.vue

@@ -0,0 +1,34 @@
+<template>
+<article>
+  <veui-slider
+    v-model="value"
+    :min="0"
+    :max="100"
+    vertical
+    style="height: 180px"
+  />
+</article>
+</template>
+
+<script>
+import { Slider } from 'veui'
+
+export default {
+  components: {
+    'veui-slider': Slider
+  },
+  data () {
+    return {
+      value: 42
+    }
+  }
+}
+</script>
+
+<docs>
+在使用 [`step`](#props-step) 属性设置步长后，可以通过 [`mark`](#props-mark) 属性来显示刻度。
+</docs>
+
+<docs locale="en-US">
+After setting the [`step`](#props-step) prop, you can display the scale marks by setting the [`mark`](#props-mark) prop.
+</docs>

one/docs/en-US/components/slider.md

@@ -32,6 +32,12 @@ Use the [`secondary-progress`](#props-secondary-progress) prop to specify a seco
 
 [[ demo src="/demo/slider/buffer.vue" ]]
 
+### Vertical
+
+Use the [`vertical`](#props-vertical) prop to specify whether to use the vertical style.
+
+[[ demo src="/demo/slider/vertical.vue" ]]
+
 ### Custom content
 
 Use the [`thumb`](#slots-thumb) / [`tip`](#slots-tip) slots to customize the slider button, hover tips, and other content.
@@ -51,6 +57,7 @@ Use the [`thumb`](#slots-thumb) / [`tip`](#slots-tip) slots to customize the sli
 | ``max`` | `number` | `1` | The maximum value allowed after the `parse` function processes the `value`. |
 | ``step`` | `number` | `0` | The step value after the `parse` function processes the `value`. |
 | ``mark`` | `boolean` | `false` | Whether to display step marks. |
+| ``vertical`` | `boolean` | `false` | Whether to display vertically. |
 | ``parse`` | `function` | `val => val` | Value processing function. |
 | ``format`` | `function` | `val => val` | Output value processing function. |
 

package-lock.json

@@ -29,7 +29,7 @@
     "@vue/runtime-dom": "^3.2.31",
     "babel-eslint": "^10.1.0",
     "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-veui": "^2.14.1",
+    "babel-plugin-veui": "^2.14.2",
     "cheerio": "^1.0.0-rc.10",
     "dls-graphics": "^1.0.0-alpha.3",
     "dls-icons-vue": "^2.6.0",
@@ -92,10 +92,10 @@
     "typescript": "^4.6.2",
     "unist-util-remove": "^1.0.1",
     "unist-util-visit": "^1.4.0",
-    "veui": "^2.14.1",
-    "veui-loader": "^2.14.1",
-    "veui-theme-dls": "^2.14.1",
-    "veui-theme-dls-icons": "^2.14.1",
+    "veui": "^2.14.2",
+    "veui-loader": "^2.14.2",
+    "veui-theme-dls": "^2.14.2",
+    "veui-theme-dls-icons": "^2.14.2",
     "vue-awesome": "^4.5.0",
     "vue-frag": "^1.4.0",
     "vue-i18n": "^8.16.0",