fix: range 文档修改

src/packages/__VUE/range/doc.en-US.md

@@ -282,9 +282,9 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+}
+.div {
+  width: 150px;
 }
 </style>
 <template>
@@ -308,8 +308,9 @@ export default {
     const value11 = ref([20,80]);
     const onChange = (value) => showToast.text('value：' + value);
     return {
-      value,
-      onChange,
+      value10,
+      value11,
+      onChange
     };
   },
 };
@@ -324,10 +325,11 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+} 
+.div {
+  width: 150px;
 }
+
 </style>
 <template>
   <div >
@@ -356,13 +358,17 @@ export default {
 </template>
 
 <script lang="ts">
-import { ref } from 'vue';
+import { ref,reactive,toRefs } from 'vue';
 import { showToast } from '@nutui/nutui';
 import '@nutui/nutui/dist/packages/toast/style'; 
 export default {
   setup() {
-    const value12 = ref(20);
-    const value13 = ref([20,80]);
+    const state = reactive({
+      value12: 60,
+      value13: [20, 80],
+      value14: 60,
+      value15: [20, 80],
+    })
     const marks=ref({
       0: 0,
       20: 20,
@@ -371,9 +377,10 @@ export default {
       80: 80,
       100: 100
     });
-    const onChange = (value) => showToast.text('value：' + value);
+    const onChange = (value) => showToast.text('当前值：' + value);
     return {
-      value,
+      ...toRefs(state),
+      marks,
       onChange,
     };
   },

src/packages/__VUE/range/doc.md

@@ -285,9 +285,10 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+  
+}
+.div {
+  width: 150px;
 }
 </style>
 <template>
@@ -311,7 +312,8 @@ export default {
     const value11 = ref([20,80]);
     const onChange = (value) => showToast.text('当前值：' + value);
     return {
-      value,
+      value10,
+      value11,
       onChange,
     };
   },
@@ -326,10 +328,11 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+} 
+.div {
+  width: 150px;
 }
+
 </style>
 <template>
   <div >
@@ -358,13 +361,17 @@ export default {
 </template>
 
 <script lang="ts">
-import { ref } from 'vue';
+import { ref,reactive,toRefs } from 'vue';
 import { showToast } from '@nutui/nutui';
 import '@nutui/nutui/dist/packages/toast/style'; 
 export default {
   setup() {
-    const value12 = ref(20);
-    const value13 = ref([20,80]);
+    const state = reactive({
+      value12: 60,
+      value13: [20, 80],
+      value14: 60,
+      value15: [20, 80],
+    })
     const marks=ref({
       0: 0,
       20: 20,
@@ -375,7 +382,8 @@ export default {
     });
     const onChange = (value) => showToast.text('当前值：' + value);
     return {
-      value,
+      ...toRefs(state),
+      marks,
       onChange,
     };
   },

src/packages/__VUE/range/doc.taro.md

@@ -267,9 +267,9 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+}
+.div {
+  width: 150px;
 }
 </style>
 <template>
@@ -291,7 +291,8 @@ export default {
     const value11 = ref([20,80]);
     const onChange = (value) => console.log('当前值：' + value);
     return {
-      value,
+      value10,
+      value11,
       onChange,
     };
   },
@@ -306,9 +307,9 @@ export default {
 .vertical_div {
   height: 180px;
   padding: 10px;
-  .div {
-    width: 150px;
-  }
+}
+.div {
+  width: 150px;
 }
 </style>
 <template>
@@ -338,12 +339,16 @@ export default {
 </template>
 
 <script lang="ts">
-import { ref } from 'vue';
+import { ref,reactive,toRefs } from 'vue';
 export default {
   setup() {
-    const value12 = ref(20);
-    const value13 = ref([20,80]);
-    const marks=ref({
+    const state = reactive({
+      value12: 60,
+      value13: [20, 80],
+      value14: 60,
+      value15: [20, 80],
+    })
+    const marks = ref({
       0: 0,
       20: 20,
       40: 40,
@@ -353,7 +358,8 @@ export default {
     });
     const onChange = (value) => console.log('当前值：' + value);
     return {
-      value,
+      ...toRefs(state),
+      marks,
       onChange,
     };
   },