From ac5eeb1691f23d11e34784bc370b43dd3c5ce445 Mon Sep 17 00:00:00 2001
From: kagol <kagol@sina.com>
Date: Tue, 30 Nov 2021 23:15:05 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix(countdown):=20=E5=B7=B2=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=20->=20100%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/en-US/components/slider/index.md     | 177 ++++++++++++++++++
 1 file changed, 177 insertions(+)
 create mode 100644 packages/devui-vue/docs/en-US/components/slider/index.md

diff --git a/packages/devui-vue/docs/en-US/components/slider/index.md b/packages/devui-vue/docs/en-US/components/slider/index.md
new file mode 100644
index 00000000..1c72767a
--- /dev/null
+++ b/packages/devui-vue/docs/en-US/components/slider/index.md
@@ -0,0 +1,177 @@
+# Slider
+
+### When To Use
+
+Used when you need to select a value from a specific range.
+
+### Basic Usage
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(12);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Limit Step
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue" :step="step"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(8);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    const step = ref(4);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+      step,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Bidirectional Binding
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" v-model="inputValue" showInput></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(10);
+    const minValue = ref(0);
+    const maxValue = ref(20);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Input forbidden state
+
+When disabled is set to true, user input is not allowed.
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider :min="minValue" :max="maxValue" disabled v-model="disabledValue"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const disabledValue = ref(5);
+    const maxValue = ref(50);
+    const minValue = ref(2);
+    return {
+      disabledValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### Customized popover content displayed
+
+Use the tipsRenderer parameter to transfer the function to customize the content displayed in the popover.
+:::demo
+
+```vue
+<template>
+  <div>
+    <div class="slider-wrapper" style="padding:20px">
+      <d-slider  :min="minValue" :max="maxValue" v-model="inputValue" tipsRenderer="apples"></d-slider>
+      <br style="margin-bottom: 20px" />
+      <d-slider :min="minValue" :max="maxValue"  v-model="inputValue" tipsRenderer="null" ></d-slider>
+    </div>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(5);
+    const maxValue = ref(50);
+    const minValue = ref(2);
+    return {
+      inputValue,
+      maxValue,
+      minValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
+### API
+
+d-slider 参数
+
+| Parameter    | 	Type   | Default  | Description                                                     | Jump to Demo                   |
+| ------------ | ------- | ----- | ------------------------------------------------------------------- | ------------------------------------ |
+| min          | number  | 0     | Optional. Minimum value of the sliding input bar        | [Basic Usage](#Basic-Usage)                |
+
+| max          | number  | 100   | Optional. Maximum value of the sliding input bar               | [Basic Usage](#Basic-Usage)                |
+
+| step         | number  | 1     | Optional. Step of the sliding input bar. The value must be greater than or equal to 0 and must be    divisible by (max-min). | [Limit Step](#Limit-Step)    |
+
+| disabled     | boolean | false | Optional. When the value is true, users are not allowed to enter. | [Input forbidden state](#Input-forbidden-state)             |
+
+| showInput    | boolean | false | Optional,When the value is false,the input is not displayed        | [Bidirectional Binding](#Bidirectional-Binding)    |
+
+| tipsRenderer | string  |       | Optional. This parameter indicates the function for rendering popover content. If null is transferred, popover content is not displayed.           | [Customized popover content displayed](#Customized-popover-content-displayed) |
-- 
Gitee


From 56b2851b17aee075c19f6501b2832914a5d15c44 Mon Sep 17 00:00:00 2001
From: xiaoboRao <731653765@qq.com>
Date: Wed, 1 Dec 2021 10:43:35 +0800
Subject: [PATCH 2/2] =?UTF-8?q?docs(slider):=E5=AE=8C=E5=96=84=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-vue/docs/components/slider/index.md | 12 ++++-----
 .../docs/en-US/components/slider/index.md     | 25 ++++++++-----------
 2 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/packages/devui-vue/docs/components/slider/index.md b/packages/devui-vue/docs/components/slider/index.md
index ecc880ef..1fe1d464 100644
--- a/packages/devui-vue/docs/components/slider/index.md
+++ b/packages/devui-vue/docs/components/slider/index.md
@@ -33,7 +33,7 @@ export default defineComponent({
 
 :::
 
-### 可设置 Step 的滑动组件
+### 可设置Step的滑动组件
 
 :::demo
 
@@ -122,7 +122,7 @@ export default defineComponent({
 
 :::
 
-### 定制 Popover 的显示内容
+### 定制Popover的显示内容
 
 通过 tipsRenderer 参数传入定制 Popover 内的显示内容。
 :::demo
@@ -164,7 +164,7 @@ d-slider 参数
 | ------------ | ------- | ----- | ------------------------------------------------------------------- | ------------------------------------ |
 | max          | number  | 100   | 可选，滑动输入条的最大值                                            | [基本用法](#基本用法)                |
 | min          | number  | 0     | 可选，滑动输入条的最小值                                            | [基本用法](#基本用法)                |
-| step         | number  | 1     | 可选，滑动输入条的步长，取值必须大于等于 1，且必须可被(max-min)整除 | [基本用法](#可设置Step的滑动组件)    |
-| disabled     | boolean | false | 可选，值为 true 时禁止用户输入                                      | [基本用法](#禁止输入态)              |
-| showInput    | boolean | false | 可选，值为 true 显示输入框                                          | [基本用法](#带有输入框的滑动组件)    |
-| tipsRenderer | string  |       | 可选，渲染 Popover 内容的函数，传入'null'时不显示 Popover           | [基本用法](#定制popover的显示内容) |
+| step         | number  | 1     | 可选，滑动输入条的步长，取值必须大于等于 1，且必须可被(max-min)整除 | [可设置Step的滑动组件](#可设置step的滑动组件)    |
+| disabled     | boolean | false | 可选，值为 true 时禁止用户输入                                      | [禁止输入态](#禁止输入态)              |
+| showInput    | boolean | false | 可选，值为 true 显示输入框                                          | [带有输入框的滑动组件](#带有输入框的滑动组件)    |
+| tipsRenderer | string  |       | 可选，渲染 Popover 内容的函数，传入'null'时不显示 Popover           | [定制popover的显示内容](#定制popover的显示内容) |
diff --git a/packages/devui-vue/docs/en-US/components/slider/index.md b/packages/devui-vue/docs/en-US/components/slider/index.md
index 1c72767a..2089946d 100644
--- a/packages/devui-vue/docs/en-US/components/slider/index.md
+++ b/packages/devui-vue/docs/en-US/components/slider/index.md
@@ -160,18 +160,13 @@ export default defineComponent({
 
 ### API
 
-d-slider 参数
-
-| Parameter    | 	Type   | Default  | Description                                                     | Jump to Demo                   |
-| ------------ | ------- | ----- | ------------------------------------------------------------------- | ------------------------------------ |
-| min          | number  | 0     | Optional. Minimum value of the sliding input bar        | [Basic Usage](#Basic-Usage)                |
-
-| max          | number  | 100   | Optional. Maximum value of the sliding input bar               | [Basic Usage](#Basic-Usage)                |
-
-| step         | number  | 1     | Optional. Step of the sliding input bar. The value must be greater than or equal to 0 and must be    divisible by (max-min). | [Limit Step](#Limit-Step)    |
-
-| disabled     | boolean | false | Optional. When the value is true, users are not allowed to enter. | [Input forbidden state](#Input-forbidden-state)             |
-
-| showInput    | boolean | false | Optional,When the value is false,the input is not displayed        | [Bidirectional Binding](#Bidirectional-Binding)    |
-
-| tipsRenderer | string  |       | Optional. This parameter indicates the function for rendering popover content. If null is transferred, popover content is not displayed.           | [Customized popover content displayed](#Customized-popover-content-displayed) |
+d-slider parameter
+
+| Parameter    | Type    | Default |Description                                                                                                                               | Jump to Demo                                                                  |
+|--------------|---------|---------|-------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------|
+| min          | number  | 0       | Optional. Minimum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
+| max          | number  | 100     | Optional. Maximum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
+| step         | number  | 1       | Optional. Step of the sliding input bar. The value must be greater than or equal to 0 and must be divisible by (max-min)                  | [Limit Step ](#limit-step)                                                    |
+| disabled     | boolean | false   | Optional. When the value is true, users are not allowed to enter                                                                          | [Input forbidden state](#input-forbidden-state)                               |
+| showInput    | boolean | false   | Optional,When the value is false,the input is not displayed                                                                               | [Bidirectional Binding](#bidirectional-binding)                               |
+| tipsRenderer | string  |         | Optional. This parameter indicates the function for rendering popover content. If "null" is transferred, popover content is not displayed | [Customized popover content displayed](#customized-popover-content-displayed) |
-- 
Gitee