@farris/ui-vue/types/text/src/text.component.d.ts

Farris Vue, a Farris Design based Vue3 component library.

/**
 * Text 组件用来展示只读态的页面数据。
 *
 * @example
 * ```tsx
 * import { defineComponent, ref } from 'vue';
 * import { FText } from '../../components/text';
 *
 * export default defineComponent({
 *     name: 'BasicTsxDemo',
 *     setup() {
 *
 * const testText = ref('文本描述');
 * const undefinedText=ref(undefined);
 * const nullText=ref(null);
 * const textareaText=ref("君不见，黄河之水天上来，奔流到海不复回。人生得意须尽欢，莫使金樽空对月。天生我材必有用，千金散尽还复来");
 *
 *         return () => (
 *             <>
 *                 <div class="f-form-layout farris-form farris-form-controls-inline f-form-label-xl farris-form-auto"><div class="col-12 col-md-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"><input type="text" class="form-control" modelValue={testText.value} onUpdate:modelValue={(v: any) => { testText.value = v; }} /></div></div></div></div>
 *                 <div class="col-12 col-md-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"><FText modelValue={testText.value} onUpdate:modelValue={(v: any) => { testText.value = v; }} /></div></div></div></div>
 *                 <div class="col-12 col-md-6"><div class="farris-group-wrap"><div class="form-group farris-form-group"><label class="col-form-label"><span class="farris-label-text">undefined展示</span></label>
 *                 <div class="farris-input-wrap"><FText modelValue={undefinedText.value} onUpdate:modelValue={(v: any) => { undefinedText.value = v; }} /></div></div></div></div>
 *                 <div class="col-12 col-md-6"><div class="farris-group-wrap"><div class="form-group farris-form-group"><label class="col-form-label"><span class="farris-label-text">null展示</span></label>
 *                 <div class="farris-input-wrap"><FText modelValue={nullText.value} onUpdate:modelValue={(v: any) => { nullText.value = v; }} /></div></div></div></div>
 *                 <div class="col-12"><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"><FText modelValue={textareaText.value} onUpdate:modelValue={(v: any) => { textareaText.value = v; }} textarea={true} /></div></div></div></div></div>
 *             </>
 *         );
 *     }
 * });
 * ```
 *
 * @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;