@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta100

package/props/date.d.ts

@@ -0,0 +1,336 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值，如果是 range 选择器，数组长度应为 2
+     */
+    modelValue: (ArrayConstructor | DateConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 文本框可输入
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示清除按钮
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 非范围选择时的占位内容
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 范围选择时开始日期的占位内容
+     */
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 范围选择时结束日期的占位内容
+     */
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 显示类型
+     * @values year, month, date, week, datetime, datetimerange, daterange, monthrange
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 显示在输入框中的格式
+     */
+    format: StringConstructor;
+    /**
+     * DatePicker 下拉框的类名
+     */
+    popperClass: StringConstructor;
+    /**
+     * 弹出内容的自定义样式
+     */
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 自定义 popper 选项，更多请参考 popper.js
+     */
+    popperOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * 选择范围时的分隔符
+     */
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 可选，选择器打开时默认显示的时间
+     */
+    defaultValue: ObjectConstructor;
+    /**
+     * 范围选择时选中日期所使用的当日内具体时刻
+     */
+    defaultTime: ObjectConstructor;
+    /**
+     * 可选，绑定值的格式。不指定则绑定值为 Date 对象
+     */
+    valueFormat: StringConstructor;
+    /**
+     * 等价于原生 input id 属性
+     */
+    id: (ArrayConstructor | StringConstructor)[];
+    /**
+     * 等价于原生 input name 属性
+     */
+    name: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * 在范围选择器里取消两个日期面板之间的联动
+     */
+    unlinkPanels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义前缀图标 如果 type 的值是 TimeLikeType，那么就是 Clock，不然就是 Calendar
+     */
+    prefixIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 自定义清除图标
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。应该返回一个 Boolean 值
+     */
+    disabledDate: FunctionConstructor;
+    /**
+     * 设置快捷选项，需要传入数组对象
+     */
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * 设置自定义类名
+     */
+    cellClassName: FunctionConstructor;
+    /**
+     * 是否将 date-picker 的下拉列表插入至 body 元素
+     */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件的空值配置，参考 config-provider
+     * @since 2.7.0
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * 清空选项的值，参考 config-provider
+     * @since 2.7.0
+     */
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * Tooltip 可用的 positions 请查看 popper.js 文档
+     * @since 2.8.4
+     */
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    /**
+     * 下拉框出现的位置
+     * @since 2.8.4
+     * @values top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否显示 footer
+     * @since 2.10.5
+     */
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示确定按钮
+     * @since 2.11.0
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示周数（除周外）
+     * @since 2.10.3
+     */
+    showWeekNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 该属性决定在输入框获得焦点时日期选择面板是否弹出。（在 3.0 版本中，默认值将设置为 false）
+     * @since 2.11.4
+     */
+    automaticDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否切分, 只对范围选择有效
+     */
+    split: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 开始事件, 只对范围选择有效
+     */
+    startDate: StringConstructor;
+    /**
+     * 结束事件, 只对范围选择有效
+     */
+    endDate: StringConstructor;
+    start: StringConstructor;
+    end: StringConstructor;
+    year: BooleanConstructor;
+    month: BooleanConstructor;
+    dates: BooleanConstructor;
+    week: BooleanConstructor;
+    dateTime: BooleanConstructor;
+    dateTimeRange: BooleanConstructor;
+    dateRange: BooleanConstructor;
+    monthRange: BooleanConstructor;
+    miniDate: StringConstructor;
+    maxDate: 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/date.mjs

@@ -0,0 +1,158 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/date.ts
+var t = {
+	...e,
+	modelValue: [
+		Number,
+		String,
+		Date,
+		Array
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始日期"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束日期"
+	},
+	type: {
+		type: String,
+		default: "date"
+	},
+	format: String,
+	popperClass: String,
+	popperStyle: [String, Object],
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	rangeSeparator: {
+		type: String,
+		default: "至"
+	},
+	defaultValue: Object,
+	defaultTime: Object,
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: [String, Array],
+		default: ""
+	},
+	unlinkPanels: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	disabledDate: Function,
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	cellClassName: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: {
+		type: Boolean,
+		default: !1
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	},
+	split: {
+		type: Boolean,
+		default: !0
+	},
+	startDate: String,
+	endDate: String,
+	start: String,
+	end: String,
+	year: Boolean,
+	month: Boolean,
+	dates: Boolean,
+	week: Boolean,
+	dateTime: Boolean,
+	dateTimeRange: Boolean,
+	dateRange: Boolean,
+	monthRange: Boolean,
+	miniDate: String,
+	maxDate: String
+}, n = {
+	modelValue: !0,
+	name: !0,
+	disabled: !0,
+	emptyValues: !0,
+	type: !0,
+	valueOnClear: !0,
+	teleported: !0,
+	split: !0,
+	year: !0,
+	month: !0,
+	dates: !0,
+	week: !0,
+	dateTime: !0,
+	dateTimeRange: !0,
+	dateRange: !0,
+	monthRange: !0,
+	startDate: !0,
+	endDate: !0,
+	start: !0,
+	end: !0,
+	miniDate: !0,
+	maxDate: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };

package/props/form-item.d.ts

@@ -0,0 +1,144 @@
+export declare const formItemProps: {
+    /**
+     * model 的键名。它可以是属性的路径（如 a.b.0 或 ['a', 'b', '0']）。在使用了 validate、resetFields 的方法时，该属性是必填的
+     */
+    prop: (ArrayConstructor | StringConstructor)[];
+    /**
+     * 标签文本
+     */
+    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/ClVh1Lek.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 };