@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
50 lines (49 loc) • 2.7 kB
TypeScript
/**
* Textarea 组件用来输入多行文本。
*
* @example
* ```tsx
* import { defineComponent, ref } from 'vue';
* import { FTextarea } from '../../components/textarea';
*
* export default defineComponent({
* name: 'BasicTsxDemo',
* setup() {
*
*
* const value = ref('');
* const unLimitedValue = ref('');
* const defaultValue = ref('滚滚长江东逝水');
* function changeValue() {
* defaultValue.value = defaultValue.value + "=已修改文字";
* }
*
* return () => (
* <>
* <div class="f-form-layout farris-form farris-form-controls-inline f-form-label-xl farris-form-auto"><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"><button class="btn btn-secondary mb-2" onClick={() => changeValue()}>修改值</button>
* <FTextarea id="textareaId" modelValue={defaultValue.value} onUpdate:modelValue={(v: any) => { defaultValue.value = v; }} showCount={true} maxLength={100} />
* <p class="my-1">值
* {defaultValue.value}</p></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"><FTextarea id="textareaId" modelValue={value.value} onUpdate:modelValue={(v: any) => { value.value = v; }} showCount={true} maxLength={100} />
* <p class="my-1">值：
* {value.value}</p></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"><FTextarea id="textareaId" modelValue={unLimitedValue.value} onUpdate:modelValue={(v: any) => { unLimitedValue.value = v; }} allowUnlimtedWhenEmpty={true} showCount={true} maxLength={0} /></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;