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

package/props/slide.d.ts

@@ -0,0 +1,235 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (ArrayConstructor | NumberConstructor)[];
+    /**
+     * 最小值
+     */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 最大值
+     */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 步长，可以是数字或 'mark'，用于将值限制为刻度。当设置为 'mark' 时，必须设置 marks 属性
+     * @since 2.13.6
+     */
+    step: (StringConstructor | NumberConstructor)[];
+    /**
+     * 是否显示输入框，仅在 range 为 false 且 step 不为 'mark' 时生效
+     */
+    showInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 在显示输入框的情况下，是否显示输入框的控制按钮
+     */
+    showInputControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * slider 包装器的大小，垂直模式下该属性不可用
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框的大小，如果设置了 size 属性，默认值自动取 size
+     * @values large, default, small
+     */
+    inputSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否显示间断点
+     */
+    showStops: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示提示信息
+     */
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 格式化提示信息
+     */
+    formatTooltip: FunctionConstructor;
+    /**
+     * 是否开启选择范围
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 垂直模式
+     */
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 滑块高度，垂直模式必填
+     */
+    height: StringConstructor;
+    /**
+     * 原生 aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 当 range 为 true 时，屏幕阅读器标签开始的标记
+     */
+    rangeStartLabel: StringConstructor;
+    /**
+     * 当 range 为 true 时，屏幕阅读器标签结尾的标记
+     */
+    rangeEndLabel: StringConstructor;
+    /**
+     * 显示屏幕阅读器的 aria-valuenow 属性的格式
+     */
+    formatValueText: FunctionConstructor;
+    /**
+     * tooltip 的自定义类名
+     */
+    tooltipClass: StringConstructor;
+    /**
+     * Tooltip 出现的位置
+     * @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;
+    };
+    /**
+     * 标记，key 的类型必须为 number 且取值在闭区间 [min, max] 内，每个标记可以单独设置样式
+     */
+    marks: ObjectConstructor;
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当 slider 的 tooltip 处于非活动状态且 persistent 为 false 时，tooltip 将被销毁。当 showTooltip 为 false 时，persistent 将始终为 false
+     * @since 2.9.5
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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/slide.mjs

@@ -0,0 +1,72 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/slide.ts
+var t = {
+	...e,
+	modelValue: [Number, Array],
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: [Number, String],
+	showInput: {
+		type: Boolean,
+		default: !1
+	},
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	inputSize: {
+		type: String,
+		default: "default"
+	},
+	showStops: {
+		type: Boolean,
+		default: !1
+	},
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: Function,
+	range: {
+		type: Boolean,
+		default: !1
+	},
+	vertical: {
+		type: Boolean,
+		default: !1
+	},
+	height: String,
+	ariaLabel: String,
+	rangeStartLabel: String,
+	rangeEndLabel: String,
+	formatValueText: Function,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		default: "top"
+	},
+	marks: Object,
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	}
+}, n = {
+	modelValue: !0,
+	disabled: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };

package/props/switch.d.ts

@@ -0,0 +1,229 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值，必须等于 activeValue 或 inactiveValue，默认为 Boolean 类型
+     */
+    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 是否显示加载中
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * switch 的大小
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * switch 的宽度
+     */
+    width: (StringConstructor | NumberConstructor)[];
+    /**
+     * 无论图标或文本是否显示在点内，只会呈现文本的第一个字符
+     */
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * switch 状态为 on 时所显示图标，设置此项会忽略 activeText
+     */
+    activeIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * switch 状态为 off 时所显示图标，设置此项会忽略 inactiveText
+     */
+    inactiveIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * on 状态下显示的图标组件
+     * @since 2.3.9
+     */
+    activeActionIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * off 状态下显示的图标组件
+     * @since 2.3.9
+     */
+    inactiveActionIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * switch 打开时的文字描述
+     */
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * switch 的状态为 off 时的文字描述
+     */
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * switch 状态为 on 时的值
+     */
+    activeValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * switch 的状态为 off 时的值
+     */
+    inactiveValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * switch 对应的 name 属性
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * switch 状态改变前的钩子，返回 false 或者返回 Promise 且被 reject 则停止切换
+     */
+    beforeChange: FunctionConstructor;
+    /**
+     * input 的 id
+     */
+    id: StringConstructor;
+    /**
+     * input 的 tabindex
+     */
+    tabindex: (StringConstructor | NumberConstructor)[];
+    /**
+     * 等价于原生 input aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 当在 on 状态时的背景颜色（推荐使用 CSS var --el-switch-on-color）
+     * @deprecated
+     */
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * off 状态时的背景颜色（推荐使用 CSS var --el-switch-off-color）
+     * @deprecated
+     */
+    inactiveColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 开关的边框颜色（推荐使用 CSS var --el-switch-border-color）
+     * @deprecated
+     */
+    borderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    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/switch.mjs

@@ -0,0 +1,80 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/switch.ts
+var t = {
+	...e,
+	modelValue: [
+		Boolean,
+		String,
+		Number
+	],
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: ""
+	},
+	width: [Number, String],
+	inlinePrompt: {
+		type: Boolean,
+		default: !1
+	},
+	activeIcon: [String, Object],
+	inactiveIcon: [String, Object],
+	activeActionIcon: [String, Object],
+	inactiveActionIcon: [String, Object],
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "Y"
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "N"
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: Function,
+	id: String,
+	tabindex: [String, Number],
+	ariaLabel: String,
+	activeColor: {
+		type: String,
+		default: ""
+	},
+	inactiveColor: {
+		type: String,
+		default: ""
+	},
+	borderColor: {
+		type: String,
+		default: ""
+	}
+}, n = {
+	disabled: !0,
+	modelValue: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };