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

package/props/common.d.ts

@@ -0,0 +1,114 @@
+export declare const commonManualBindProps: {
+    /**
+     * 是否使用 FormItem 包裹
+     */
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * 是否使用 ElCol 包裹
+     */
+    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 commonAutoBindProps: {
+    /**
+     * 大小
+     * @values 'large', 'default', 'small'
+     */
+    size: {
+        type: StringConstructor;
+    };
+};

package/props/common.mjs

@@ -0,0 +1,18 @@
+import { formItemProps as e } from "./form-item.mjs";
+import { colProps as t } from "./col.mjs";
+//#region src/props/common.ts
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { r as commonAutoBindProps, n as commonManualBindProps };

package/props/date.d.ts

@@ -0,0 +1,339 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值，如果是 range 选择器，数组长度应为 2
+     */
+    modelValue: (StringConstructor | DateConstructor | ArrayConstructor | 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: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * DatePicker 下拉框的类名
+     */
+    popperClass: StringConstructor;
+    /**
+     * 弹出内容的自定义样式
+     */
+    popperStyle: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 自定义 popper 选项，更多请参考 popper.js
+     */
+    popperOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * 选择范围时的分隔符
+     */
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 可选，选择器打开时默认显示的时间
+     */
+    defaultValue: ObjectConstructor;
+    /**
+     * 范围选择时选中日期所使用的当日内具体时刻
+     */
+    defaultTime: ObjectConstructor;
+    /**
+     * 可选，绑定值的格式。不指定则绑定值为 Date 对象
+     */
+    valueFormat: StringConstructor;
+    /**
+     * 等价于原生 input id 属性
+     */
+    id: (StringConstructor | ArrayConstructor)[];
+    /**
+     * 等价于原生 input name 属性
+     */
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * 在范围选择器里取消两个日期面板之间的联动
+     */
+    unlinkPanels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义前缀图标 如果 type 的值是 TimeLikeType，那么就是 Clock，不然就是 Calendar
+     */
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 自定义清除图标
+     */
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 是否触发表单验证
+     */
+    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: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
+    /**
+     * 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: (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/date.mjs

@@ -0,0 +1,145 @@
+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: {
+		type: String,
+		default: "YYYY-MM-DD"
+	},
+	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
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };