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

package/props/form.d.ts

@@ -0,0 +1,157 @@
+export declare const allProps: {
+    /**
+     * 表单数据对象
+     */
+    model: ObjectConstructor;
+    /**
+     * 表单验证规则
+     */
+    rules: ObjectConstructor;
+    /**
+     * 行内表单模式
+     */
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 表单域标签的位置，当设置为 left 或 right 时，则也需要设置 labelWidth 属性
+     * @values right, left, top
+     */
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 标签的长度，例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。可以使用 auto
+     */
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 表单域标签的后缀
+     */
+    labelSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否隐藏必填字段标签旁边的红色星号
+     */
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 星号的位置
+     * @values left, right
+     */
+    requireAsteriskPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否显示校验错误信息
+     */
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否以行内形式展示校验信息
+     */
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否在输入框中显示校验结果反馈图标
+     */
+    statusIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否在 rules 属性改变后立即触发一次验证
+     */
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 用于控制该表单内组件的尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 是否禁用该表单内的所有组件。在 2.12.0 以前，如果设置为 true，它将覆盖内部组件的 disabled 属性。在 2.12.0 之后，内部组件的配置优先
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * 当校验失败时，滚动到第一个错误表单项
+     */
+    scrollToError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当校验有失败结果时，滚动到第一个失败的表单项目可通过 scrollIntoView 配置
+     * @since 2.3.2
+     */
+    scrollIntoViewOptions: (ObjectConstructor | BooleanConstructor)[];
+    /**
+     * 必填字段列表
+     */
+    requiredFields: ArrayConstructor;
+    /**
+     * 禁用字段列表
+     */
+    disabledFields: ArrayConstructor;
+    /**
+     * 启用字段列表
+     */
+    enabledFields: ArrayConstructor;
+    /**
+     * 是否显示建议提示
+     */
+    showAdvice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 列配置，支持数组或对象格式
+     */
+    columns: (ArrayConstructor | ObjectConstructor)[];
+    /**
+     * 列数量
+     */
+    colCount: NumberConstructor;
+    /**
+     * 是否非表格表单，默认值为 undefined
+     */
+    notTableForm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * 注释值所占列跨度
+     */
+    commentValueColspan: NumberConstructor;
+    /**
+     * 注释标签所占列跨度
+     */
+    commentLabelColspan: NumberConstructor;
+    /**
+     * 是否使用 ElRow 包裹内容
+     */
+    wrapRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: string) => boolean;

package/props/form.mjs

@@ -0,0 +1,89 @@
+//#region src/props/form.ts
+var e = {
+	model: Object,
+	rules: Object,
+	inline: {
+		type: Boolean,
+		default: !1
+	},
+	labelPosition: {
+		type: String,
+		default: "right"
+	},
+	labelWidth: {
+		type: [String, Number],
+		default: "auto"
+	},
+	labelSuffix: {
+		type: String,
+		default: ""
+	},
+	hideRequiredAsterisk: {
+		type: Boolean,
+		default: !1
+	},
+	requireAsteriskPosition: {
+		type: String,
+		default: "left"
+	},
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	statusIcon: {
+		type: Boolean,
+		default: !1
+	},
+	validateOnRuleChange: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	scrollToError: {
+		type: Boolean,
+		default: !1
+	},
+	scrollIntoViewOptions: [Object, Boolean],
+	requiredFields: Array,
+	disabledFields: Array,
+	enabledFields: Array,
+	showAdvice: {
+		type: Boolean,
+		default: !0
+	},
+	columns: [Array, Object],
+	colCount: Number,
+	notTableForm: {
+		type: Boolean,
+		default: void 0
+	},
+	commentValueColspan: Number,
+	commentLabelColspan: Number,
+	wrapRow: {
+		type: Boolean,
+		default: !0
+	}
+}, t = {
+	showMessage: !0,
+	required: !0,
+	requiredFields: !0,
+	disabledFields: !0,
+	enabledFields: !0,
+	showAdvice: !0,
+	columns: !0,
+	colCount: !0,
+	notTableForm: !0,
+	commentValueColspan: !0,
+	commentLabelColspan: !0,
+	wrapRow: !0
+}, n = (e) => t[e] !== !0;
+//#endregion
+export { e as allProps, t as manualBindProps, n as predicate };

package/props/image.d.ts

@@ -0,0 +1,102 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    src: StringConstructor;
+    fit: StringConstructor;
+    hideOnClickModal: BooleanConstructor;
+    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;
+    };
+    size: StringConstructor;
+    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/image.mjs

@@ -0,0 +1,10 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/image.ts
+var t = {
+	...e,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, 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/input-cron.d.ts

@@ -0,0 +1,102 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    modelValue: (StringConstructor | NumberConstructor)[];
+    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-cron.mjs

@@ -0,0 +1,16 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/input-cron.ts
+var n = {
+	...t,
+	...e,
+	modelValue: [String, Number]
+}, r = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/input-number.d.ts

@@ -0,0 +1,216 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (NumberConstructor | null)[];
+    /**
+     * 设置计数器允许的最小值
+     */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 设置计数器允许的最大值
+     */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 计数器步长
+     */
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否只能输入 step 的倍数
+     */
+    stepStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 数值精度
+     */
+    precision: NumberConstructor;
+    /**
+     * 计数器尺寸
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 原生 readonly 属性，是否只读
+     * @since 2.2.16
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否使用控制按钮
+     */
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 控制按钮位置
+     * @values default, right
+     */
+    controlsPosition: StringConstructor;
+    /**
+     * 等价于原生 input name 属性
+     */
+    name: StringConstructor;
+    /**
+     * 等价于原生 input aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 等价于原生 input placeholder 属性
+     */
+    placeholder: StringConstructor;
+    /**
+     * 等价于原生 input id 属性
+     */
+    id: StringConstructor;
+    /**
+     * 当输入框被清空时显示的值
+     * @since 2.2.0
+     */
+    valueOnClear: (StringConstructor | NumberConstructor | null)[];
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 等价于原生 input inputmode 属性
+     * @since 2.10.3
+     */
+    inputmode: StringConstructor;
+    /**
+     * 内部输入文本对齐
+     * @since 2.10.5
+     * @values left, center, right
+     */
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 禁用科学计数法的输入（例如输入 'e'）
+     * @since 2.10.5
+     */
+    disabledScientific: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: StringConstructor;
+    suffix: StringConstructor;
+    append: 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;