edit [b-range-demo]

Author: MenglinChen

View/src/Pages/Demo/Form/b-hidden-demo.vue

@@ -0,0 +1,24 @@
+<template>
+    <div class="Form">
+        <h2>b-hidden(hidden 为隐藏元素)</h2>
+        <hr>
+        <div class="row">
+            <font class="col-1">default:</font>
+            <b-hidden class="col-11" v-model="value"></b-hidden>
+        </div>
+    </div>
+</template>
+
+<script>
+import BHidden from '@/components/base/Bootstrap/Form/b-hidden.vue'
+
+export default {
+    name: 'b-hidden-demo',
+    components: { BHidden, },
+    data () {
+        return {
+            value: 'uid',
+        }
+    }
+}
+</script>

View/src/Pages/Demo/Form/b-range-demo.vue

@@ -14,6 +14,14 @@
             <font class="col-1">info:</font>
             <b-range class="col-11" info="info text"></b-range>
         </div>
+        <div class="row">
+            <font class="col-1">prompt:</font>
+            <b-range class="col-11" prompt></b-range>
+        </div>
+        <div class="row">
+            <font class="col-1">info<br />prompt:</font>
+            <b-range class="col-11" info="info text" prompt></b-range>
+        </div>
         <div class="row">
             <font class="col-1">disabled:</font>
             <b-range class="col-11" disabled></b-range>

View/src/components/base/Bootstrap/Form/b-range.vue

@@ -58,6 +58,7 @@ export default {
                 return !isNaN(value)
             },
         },
+        prompt: Boolean,
         info: utilities.props.value,
         minValue: utilities.props.value,
         maxValue: utilities.props.value,
@@ -87,7 +88,7 @@ export default {
             return this.maxValue ? this.maxValue : Number(this.max)
         },
         message: function () {
-            return `${this.select} ${this.info}`
+            return this.prompt ? `${this.select} ${this.info}` : this.info
         },
     },
 }

View/src/router/Subsystem/Demo.js

@@ -15,6 +15,7 @@ export default {
                 { path: 'b-switch', name: 'b-switch', component: async () => await import(/* webpackChunkName: "form" */'@/Pages/Demo/Form/b-switch-demo.vue'), },
                 { path: 'b-range', name: 'b-range', component: async () => await import(/* webpackChunkName: "form" */'@/Pages/Demo/Form/b-range-demo.vue'), },
                 { path: 'b-select', name: 'b-select', component: async () => await import(/* webpackChunkName: "form" */'@/Pages/Demo/Form/b-select-demo.vue'), },
+                // { path: 'b-hidden', name: 'b-hidden', component: async () => await import(/* webpackChunkName: "form" */'@/Pages/Demo/Form/b-hidden-demo.vue'), },
             ]
         }
     ],