@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
63 lines (62 loc) • 2.51 kB
TypeScript
/**
* 增强型文本输入框，可自定义右侧按钮及文本齐方式
*
* @example
* ```vue
* <!-- eslint-disable no-alert -->
* <script setup lang="ts">
* import { ref } from 'vue';
*
* const bindDisableValue = ref('');
* </script>
*
* <template>
* <div class="f-form-layout farris-form farris-form-controls-inline f-form-label-xl farris-form-auto">
* <div class="col-6">
* <div class="farris-group-wrap">
* <div class="form-group farris-form-group">
* <label class="col-form-label"><span class="farris-label-text">普通文本框</span></label>
* <div class="farris-input-wrap">
* <f-input-group v-model="bindDisableValue" :placeholder="'请输入用户名'"></f-input-group>
* </div>
* </div>
* </div>
* </div>
* <div class="col-6">
* <div class="farris-group-wrap">
* <div class="form-group farris-form-group">
* <label class="col-form-label"><span class="farris-label-text">默认禁用</span></label>
* <div class="farris-input-wrap">
* <f-input-group v-model="bindDisableValue" :disabled="true" :placeholder="'请输入用户名'"></f-input-group>
* </div>
* </div>
* </div>
* </div>
* <div class="col-6">
* <div class="farris-group-wrap">
* <div class="form-group farris-form-group">
* <label class="col-form-label"><span class="farris-label-text">禁用显示占位符</span></label>
* <div class="farris-input-wrap">
* <f-input-group v-model="bindDisableValue" :disabled="true" :placeholder="'请输入用户名'" :force-placeholder="true"></f-input-group>
* </div>
* </div>
* </div>
* </div>
* </div>
*
* </template>
* <style>
*
* </style>
* ```
*
* @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;