@web-utils/form-ui 1.0.0-beta56 → 1.0.0-beta58

package/props/form-item.d.ts

@@ -0,0 +1,144 @@
+export declare const formItemProps: {
+    /**
+     * model 的键名。它可以是属性的路径（如 a.b.0 或 ['a', 'b', '0']）。在使用了 validate、resetFields 的方法时，该属性是必填的
+     */
+    prop: (StringConstructor | ArrayConstructor)[];
+    /**
+     * 标签文本
+     */
+    label: StringConstructor;
+    /**
+     * 表单域标签的位置，当设置为 left 或 right 时，则也需要设置 labelWidth 属性 默认会继承 Form 的 label-position
+     * @since 2.7.7
+     * @values left, right, top
+     */
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 标签宽度，例如 '50px'。可以使用 auto
+     */
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    /**
+     * 是否为必填项，如不设置，则会根据校验规则确认
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 表单验证规则，具体配置见下表，更多内容可以参考 async-validator
+     */
+    rules: ObjectConstructor;
+    /**
+     * 表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息
+     */
+    error: StringConstructor;
+    /**
+     * 是否显示校验错误信息
+     */
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否在行内显示校验信息
+     */
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 用于控制该表单域下组件的默认尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 和原生标签相同能力
+     */
+    for: StringConstructor;
+    /**
+     * formitem 校验的状态
+     * @values success, error, validating
+     */
+    validateStatus: StringConstructor;
+    /**
+     * 必填提示消息前缀
+     */
+    messagePrefix: StringConstructor;
+    /**
+     * 必填提示消息,此项有值时 messagePrefix 属性无效
+     */
+    message: StringConstructor;
+    /**
+     * 是否被列组件包裹
+     */
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否固定栏数,有值时 ElCol 将不会设置响应式属性
+     */
+    fixedSpan: NumberConstructor;
+    /**
+     * 是否占满整行
+     */
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * 是否不用 ElCol 包裹
+     */
+    unwrap: BooleanConstructor;
+    /**
+     * 占满一行单内容只占半行
+     */
+    half: BooleanConstructor;
+    /**
+     * formItem 样式
+     */
+    formItemClass: StringConstructor;
+    /**
+     * 是否隐藏标签
+     */
+    hideLabel: BooleanConstructor;
+    /**
+     * 输入提示
+     */
+    tips: {
+        type: StringConstructor;
+    };
+    /**
+     * 输入提示是否放到 label 后
+     */
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * label 占列数
+     */
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    /**
+     * input 占列数
+     */
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    /**
+     * label 占行数
+     */
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    /**
+     * input 占行数
+     */
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof formItemProps) => boolean;
+export declare const useFormItemAutoBind: (props: Record<string, any>, { emit, events, predicate }: {
+    emit: (event: string, ...args: any[]) => void;
+    events: string[];
+    predicate: (key: string) => boolean;
+}) => globalThis.ComputedRef<Record<string, any>>;

package/props/form-item.mjs

@@ -0,0 +1,73 @@
+import { o as e } from "../chunks/DuOxL6xh.mjs";
+import { computed as t } from "vue";
+//#region src/props/form-item.ts
+var n = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: {
+		type: Boolean,
+		default: void 0
+	},
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, r = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, i = (e) => n[e] !== void 0 && r[e] !== !0, a = (n, { emit: r, events: i, predicate: a }) => t(() => e(n, a, i, r));
+//#endregion
+export { n as formItemProps, r as manualBindProps, i as predicate, a as useFormItemAutoBind };

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: (BooleanConstructor | ObjectConstructor)[];
+    /**
+     * 必填字段列表
+     */
+    requiredFields: ArrayConstructor;
+    /**
+     * 禁用字段列表
+     */
+    disabledFields: ArrayConstructor;
+    /**
+     * 启用字段列表
+     */
+    enabledFields: ArrayConstructor;
+    /**
+     * 是否显示建议提示
+     */
+    showAdvice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 列配置，支持数组或对象格式
+     */
+    columns: (ObjectConstructor | ArrayConstructor)[];
+    /**
+     * 列数量
+     */
+    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: (StringConstructor | ArrayConstructor)[];
+    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: (StringConstructor | ArrayConstructor)[];
+    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 };