@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
119 lines (118 loc) • 2.38 kB
TypeScript
import { ExtractPropTypes, PropType } from 'vue';
export declare const inInputProps: {
/**
* 下拉框的值
* v-model 受控
*/
modelValue: {
type: StringConstructor;
};
/**
* 下拉框的默认值
* 非受控
*/
defaultValue: {
type: StringConstructor;
};
/**
* 是否是密码输入
*/
type: {
type: PropType<"text" | "password">;
default: string;
};
/**
* 提示文本
*/
placeholder: {
type: StringConstructor;
};
/**
* input id, 用于label关联
*/
inputId: {
type: StringConstructor;
};
/**
* 是否禁用
*/
disabled: {
type: BooleanConstructor;
};
/**
* 是否只读
*/
readonly: {
type: BooleanConstructor;
};
/**
* 是否可以清除
*/
clearable: {
type: BooleanConstructor;
};
/**
* 最小字符长度
*/
minLength: {
type: NumberConstructor;
};
/**
* 最大字符长度
*/
maxLength: {
type: NumberConstructor;
};
/**
* 获取长度方法
*/
getLength: {
type: PropType<(val: string) => number>;
};
/**
* 超过最大字符长度时是否允许输入
*/
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
/**
* 对值格式化,控制显示格式
*/
format: {
type: PropType<(value: string) => string>;
};
/**
* 判断值的有效性
*/
validate: {
type: PropType<(value: string) => boolean>;
};
/**
* 输入为无效值时,在blur/pressEnter时的回调,返回值为纠正后的值
*/
valueOnInvalidChange: {
type: PropType<(inputValue: string, lastValidInputValue: string) => string>;
};
/**
* 显示密码的方式
*/
showPasswordEvent: {
type: PropType<"click" | "pointerdown">;
default: string;
};
/**
* 是否自动适配内容宽度
*/
autoWidth: {
type: BooleanConstructor;
};
/**
* 密码单个字符占位符
*/
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
};
export type InInputProps = ExtractPropTypes<typeof inInputProps>;