@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
52 lines (51 loc) • 1.6 kB
TypeScript
/**
* Number Range 数字区间输入框用来展示和录入数字区间类数据。
*
* @example
* ```vue
* <script setup lang="ts">
* import { ref } from 'vue'
*
* const beginValue = ref(50);
* const endValue = ref(100);
* const disabled = ref(false);
*
* function onBeginValueChange(newValue: string | number) {
* beginValue.value = newValue
* }
*
* function onEndValueChange(newValue: string | number) {
* endValue.value = newValue
* }
* </script>
*
* <template>
* <div style="padding: 10px">
* <div class="custom-control custom-checkbox custom-control-inline">
* <input type="checkbox" v-model="disabled" class="custom-control-input" id="disabled" />
* <label class="custom-control-label" for="disabled">是否禁用</label>
* </div>
* </div>
*
* <f-number-range
* :begin-value="beginValue"
* :end-value="endValue"
* :disabled="disabled"
* @begin-value-change="onBeginValueChange"
* @end-value-change="onEndValueChange"
* ></f-number-range>
*
* <div class="mt-2">当前值：{{ beginValue }}~{{ endValue }}</div>
* </template>
* ```
*
* @public
*/
declare const _default: import("vue").DefineComponent<{
[x: string]: any;
}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
[x: string]: any;
}> & Readonly<{}>, {
[x: string]: any;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;