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

package/props/checkbox-group.mjs

@@ -0,0 +1,83 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/checkbox-group.ts
+var t = {
+	...e,
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	size: String,
+	min: Number,
+	max: Number,
+	ariaLabel: String,
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	stringMode: Boolean,
+	delimiter: {
+		type: String,
+		default: ","
+	},
+	other: [String],
+	otherVal: [String],
+	otherProp: String,
+	otherPlaceholder: String,
+	otherLabel: String,
+	otherWidth: {
+		type: String,
+		default: "200px"
+	},
+	otherMaxLength: String,
+	gender: Boolean,
+	confirm: Boolean,
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	split: Boolean,
+	sort: Boolean,
+	classic: Boolean,
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	dictType: String
+}, n = {
+	modelValue: !0,
+	type: !0,
+	disabled: !0,
+	options: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };

package/props/checkbox.d.ts

@@ -0,0 +1,205 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 选中状态的值（只有在 checkbox-group 或者绑定对象类型为 array 时有效）
+     * @since 2.6.0
+     */
+    value: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 选中状态的值，只有在绑定对象类型为 array 时有效。如果没有 value，label 则作为 value 使用
+     */
+    labelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 选中时的值
+     * @since 2.6.0
+     */
+    trueValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 没有选中时的值
+     * @since 2.6.0
+     */
+    falseValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 是否显示边框
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Checkbox 的尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 原生 name 属性
+     */
+    name: StringConstructor;
+    /**
+     * 当前是否勾选
+     */
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 设置不确定状态，仅负责样式控制
+     */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框的 tabindex
+     */
+    tabindex: (StringConstructor | NumberConstructor)[];
+    /**
+     * input id
+     */
+    id: StringConstructor;
+    /**
+     * 与 aria-control 一致，当 indeterminate 为 true 时生效
+     * @since 2.7.2
+     */
+    ariaControls: StringConstructor;
+    /**
+     * 原生 aria-label 属性
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 选中时的值
+     * @deprecated
+     */
+    trueLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 没有选中时的值
+     * @deprecated
+     */
+    falseLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 和 aria-control 一致。当 indeterminate 为 true 时生效
+     * @deprecated
+     */
+    controls: 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/checkbox.mjs

@@ -0,0 +1,74 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/checkbox.ts
+var t = {
+	...e,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	value: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	labelValue: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Object
+		],
+		default: "是"
+	},
+	trueValue: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseValue: {
+		type: [String, Number],
+		default: "0"
+	},
+	border: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	name: String,
+	checked: {
+		type: Boolean,
+		default: !1
+	},
+	indeterminate: {
+		type: Boolean,
+		default: !1
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	id: String,
+	ariaControls: String,
+	ariaLabel: String,
+	trueLabel: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseLabel: {
+		type: [String, Number],
+		default: "0"
+	},
+	controls: String
+}, n = {
+	modelValue: !0,
+	disabled: !0,
+	labelValue: !0,
+	trueLabel: !0,
+	falseLabel: !0,
+	trueValue: !0,
+	falseValue: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };

package/props/col.d.ts

@@ -0,0 +1,74 @@
+export declare const colProps: {
+    /**
+     * 栅格占据的列数
+     */
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 栅格左侧的间隔格数
+     */
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 栅格向右移动格数
+     */
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 栅格向左移动格数
+     */
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * <768px 响应式栅格数或者栅格属性对象
+     */
+    xs: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * ≥768px 响应式栅格数或者栅格属性对象
+     */
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * ≥992px 响应式栅格数或者栅格属性对象
+     */
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * ≥1200px 响应式栅格数或者栅格属性对象
+     */
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * ≥1920px 响应式栅格数或者栅格属性对象
+     */
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * 自定义元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const manualBindProps: Record<string, boolean | undefined>;
+export declare const predicate: (propsKey: keyof typeof colProps) => boolean;
+export declare const useColAutoBind: (props: Record<string, any>, { emit, events, predicate }: {
+    emit: (event: string, ...args: any[]) => void;
+    events: string[];
+    predicate: (event: string, ...args: any[]) => boolean;
+}) => globalThis.ComputedRef<Record<string, any>>;

package/props/col.mjs

@@ -0,0 +1,32 @@
+import { o as e } from "../chunks/ClVh1Lek.mjs";
+import { computed as t } from "vue";
+//#region src/props/col.ts
+var n = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, r = { span: !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 colProps, r as manualBindProps, i as predicate, a as useColAutoBind };

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: (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 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 };