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

package/props/input-number.mjs

@@ -0,0 +1,72 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/input-number.ts
+var n = {
+	...t,
+	...e,
+	modelValue: [Number, null],
+	min: {
+		type: Number,
+		default: -(2 ** 53 - 1)
+	},
+	max: {
+		type: Number,
+		default: 2 ** 53 - 1
+	},
+	step: {
+		type: Number,
+		default: 1
+	},
+	stepStrictly: {
+		type: Boolean,
+		default: !1
+	},
+	precision: Number,
+	size: {
+		type: String,
+		default: "default"
+	},
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	controls: {
+		type: Boolean,
+		default: !1
+	},
+	controlsPosition: String,
+	name: String,
+	ariaLabel: String,
+	placeholder: String,
+	id: String,
+	valueOnClear: [
+		Number,
+		null,
+		String
+	],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String,
+	append: String
+}, r = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0,
+	valueOnClear: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/input-tag.d.ts

@@ -0,0 +1,123 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    modelValue: (ArrayConstructor | StringConstructor)[];
+    arrayMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    objectMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    boundarySelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    query: FunctionConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    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/input-tag.mjs

@@ -0,0 +1,33 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/input-tag.ts
+var n = {
+	...t,
+	...e,
+	modelValue: [Array, String],
+	arrayMode: {
+		type: Boolean,
+		default: !0
+	},
+	objectMode: {
+		type: Boolean,
+		default: !0
+	},
+	separator: {
+		type: String,
+		default: ","
+	},
+	boundarySelector: {
+		type: String,
+		default: ".form-scroller"
+	},
+	query: Function,
+	type: {
+		type: String,
+		default: "标签"
+	}
+}, r = {
+	disabled: !0,
+	modelValue: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/input.d.ts

@@ -0,0 +1,299 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 输入类型，更多信息请参见 MDN
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 绑定值
+     */
+    modelValue: (StringConstructor | NumberConstructor)[];
+    /**
+     * v-model 修饰符，参考 Vue 修饰符
+     * @since 2.11.5
+     */
+    modelModifiers: ObjectConstructor;
+    /**
+     * 同原生 maxlength 属性
+     */
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * 原生属性，最小输入长度
+     */
+    minlength: (StringConstructor | NumberConstructor)[];
+    /**
+     * 是否显示统计字数，只在 type 为 'text' 或 'textarea' 的时候生效
+     */
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 字数统计的位置，仅当 showWordLimit 为 true 时生效
+     * @since 2.11.5
+     * @values inside, outside
+     */
+    wordLimitPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框占位文本
+     */
+    placeholder: StringConstructor;
+    /**
+     * 是否显示清除按钮，只有当 type 不是 textarea 时生效
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义清除图标
+     * @since 2.11.0
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 指定输入值的格式（只有当 type 是 "text" 时才能工作）
+     */
+    formatter: FunctionConstructor;
+    /**
+     * 指定从格式化器输入中提取的值（仅当 type 是 "text" 时才起作用）
+     */
+    parser: FunctionConstructor;
+    /**
+     * 是否显示切换密码图标
+     */
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框尺寸，只在 type 不为 'textarea' 时有效
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 自定义前缀图标
+     */
+    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;
+    /**
+     * 输入框前置内容，只对非 type="textarea" 有效
+     */
+    prepend: StringConstructor;
+    /**
+     * 输入框后置内容，只对非 type="textarea" 有效
+     */
+    append: StringConstructor;
+    /**
+     * 输入框头部内容，只对非 type="textarea" 有效
+     */
+    prefix: StringConstructor;
+    /**
+     * 输入框尾部内容，只对非 type="textarea" 有效
+     */
+    suffix: StringConstructor;
+    /**
+     * 只作为展示和点击
+     */
+    picker: BooleanConstructor;
+    /**
+     * 只读时背景是否为灰色
+     */
+    readonlyGrey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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/input.mjs

@@ -0,0 +1,97 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/input.ts
+var n = {
+	...t,
+	...e,
+	type: {
+		type: String,
+		default: "text"
+	},
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 255
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !1
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	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,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, r = {
+	readonly: !0,
+	prefixIcon: !0,
+	disabled: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	block: !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 };