@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/props/text.d.ts

@@ -0,0 +1,127 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 类型
+     * @values primary, success, warning, danger, info
+     */
+    type: StringConstructor;
+    /**
+     * 大小
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 显示省略号
+     */
+    truncated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 最大行数
+     * @since 2.4.0
+     */
+    lineClamp: (StringConstructor | NumberConstructor)[];
+    /**
+     * 自定义元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: StringConstructor;
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    prop: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof commonManualBindProps) => boolean;

package/props/text.mjs

@@ -0,0 +1,22 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/text.ts
+var t = {
+	...e,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, n = { modelValue: !0 }, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };

package/props/textarea.d.ts

@@ -0,0 +1,266 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值
+     */
+    modelValue: (StringConstructor | NumberConstructor)[];
+    /**
+     * v-model 修饰符，参考 Vue 修饰符
+     * @since 2.11.5
+     */
+    modelModifiers: ObjectConstructor;
+    /**
+     * 同原生 maxlength 属性
+     */
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * 原生属性，最小输入长度
+     */
+    minlength: (StringConstructor | NumberConstructor)[];
+    /**
+     * 是否显示统计字数
+     */
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 字数统计的位置，仅当 showWordLimit 为 true 时生效
+     * @since 2.11.5
+     * @values inside, outside
+     */
+    wordLimitPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框占位文本
+     */
+    placeholder: StringConstructor;
+    /**
+     * 自定义清除图标
+     * @since 2.11.0
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 指定输入值的格式（只有当 type 是 "text" 时才能工作）
+     */
+    formatter: FunctionConstructor;
+    /**
+     * 指定从格式化器输入中提取的值（仅当 type 是 "text" 时才起作用）
+     */
+    parser: FunctionConstructor;
+    /**
+     * 是否显示切换密码图标
+     */
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义前缀图标
+     */
+    prefixIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 自定义后缀图标
+     */
+    suffixIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 输入框行数，仅 type 为 'textarea' 时有效
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * textarea 高度是否自适应，仅 type 为 'textarea' 时生效。可以接受一个对象，比如: { minRows: 2, maxRows: 6 }
+     */
+    autosize: (ObjectConstructor | BooleanConstructor)[];
+    /**
+     * 原生 autocomplete 属性
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 等价于原生 input name 属性
+     */
+    name: StringConstructor;
+    /**
+     * 原生 readonly 属性，是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 原生 max 属性，设置最大值
+     */
+    max: (StringConstructor | NumberConstructor)[];
+    /**
+     * 原生属性，设置最小值
+     */
+    min: (StringConstructor | NumberConstructor)[];
+    /**
+     * 原生属性，设置输入字段的合法数字间隔
+     */
+    step: (StringConstructor | NumberConstructor)[];
+    /**
+     * 控制是否能被用户缩放
+     * @values none, both, horizontal, vertical
+     */
+    resize: StringConstructor;
+    /**
+     * 原生属性，自动获取焦点
+     */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 原生属性
+     */
+    form: StringConstructor;
+    /**
+     * 等价于原生 input aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 输入框的 tabindex
+     */
+    tabindex: (StringConstructor | NumberConstructor)[];
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * input 元素或 textarea 元素的 style
+     */
+    inputStyle: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 等价于原生 input inputmode 属性
+     * @since 2.10.3
+     */
+    inputmode: StringConstructor;
+    /**
+     * 自定义函数用于计算字形；设置后，将绕过原生的 maxlength/minlength 约束。组件使用 Intl.Segmenter（Chrome 87+、Firefox 125+、Safari 14.1+）进行正确的字素聚类；旧版浏览器回退到使用 Array.from() 进行代码点迭代
+     * @since 2.13.7
+     */
+    countGraphemes: FunctionConstructor;
+    /**
+     * 只作为展示和点击
+     */
+    /**
+     * 只读时背景是否为灰色
+     */
+    readonlyGrey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof commonManualBindProps) => boolean;

package/props/textarea.mjs

@@ -0,0 +1,82 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/textarea.ts
+var n = {
+	...t,
+	...e,
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 800
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !0
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 4
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	inputmode: String,
+	countGraphemes: Function,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, r = {
+	readonly: !0,
+	prefixIcon: !0,
+	disabled: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/time-select.d.ts

@@ -0,0 +1,216 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: StringConstructor;
+    /**
+     * 文本框可输入
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示清除按钮
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否在选项中包含 end
+     * @since 2.9.3
+     */
+    includeEndTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框尺寸
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 非范围选择时的占位内容
+     */
+    placeholder: StringConstructor;
+    /**
+     * 原生属性
+     * @since 2.13.3
+     */
+    name: StringConstructor;
+    /**
+     * Tooltip 主题，内置了 dark / light 两种主题
+     * @values dark, light
+     */
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 自定义前缀图标
+     */
+    prefixIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 自定义清除图标
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 开始时间
+     */
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 结束时间
+     */
+    end: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 间隔时间
+     */
+    step: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 最早时间点，早于该时间的时间段将被禁用
+     */
+    minTime: StringConstructor;
+    /**
+     * 最晚时间点，晚于该时间的时间段将被禁用
+     */
+    maxTime: StringConstructor;
+    /**
+     * 设置时间格式
+     */
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 组件的空值配置，参考 config-provider
+     * @since 2.7.0
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * 清空选项的值，参考 config-provider
+     * @since 2.7.0
+     */
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * 为 TimeSelect 下拉面板设置自定义类名
+     * @since 2.11.4
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 为 TimeSelect 下拉面板设置自定义样式
+     * @since 2.11.4
+     */
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof commonManualBindProps) => boolean;