@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/props/radio-group.d.ts

@@ -0,0 +1,205 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值
+     */
+    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 单选框按钮或边框按钮的大小
+     * @values large, default, small
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 按钮形式的 Radio 激活时的文本颜色
+     */
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 按钮形式的 Radio 激活时的填充色和边框色
+     */
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 与 RadioGroup 中的 aria-label 属性相同
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 原生 name 属性
+     */
+    name: StringConstructor;
+    /**
+     * 原生 id 属性
+     */
+    id: StringConstructor;
+    /**
+     * 选项的数据源，value 的 key 和 label 和 disabled 可以通过 props 自定义
+     * @since 2.11.2
+     */
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * options 的配置
+     * @since 2.11.2
+     */
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    /**
+     * 用于渲染选项的组件类型（例如 'button'）
+     * @since 2.11.5
+     * @values radio, button
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    border: BooleanConstructor;
+    gender: BooleanConstructor;
+    overFlow: BooleanConstructor;
+    confirm: BooleanConstructor;
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    english: BooleanConstructor;
+    chinese: BooleanConstructor;
+    typing: BooleanConstructor;
+    classic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fillRow: BooleanConstructor;
+    ellipsis: BooleanConstructor;
+    inline: BooleanConstructor;
+    allowCancel: BooleanConstructor;
+    radioType: {
+        type: StringConstructor;
+        default: string;
+    };
+    dictType: 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/radio-group.js

@@ -0,0 +1,84 @@
+import { commonManualBindProps as e } from "./common.js";
+//#region src/props/radio-group.ts
+var t = {
+	...e,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	},
+	border: Boolean,
+	gender: Boolean,
+	overFlow: Boolean,
+	confirm: Boolean,
+	trigger: {
+		type: String,
+		default: "change"
+	},
+	labelProp: {
+		type: String,
+		default: "name"
+	},
+	valueProp: {
+		type: String,
+		default: "code"
+	},
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	classic: {
+		type: Boolean,
+		default: !0
+	},
+	fillRow: Boolean,
+	ellipsis: Boolean,
+	inline: Boolean,
+	allowCancel: Boolean,
+	radioType: {
+		type: String,
+		default: "radio"
+	},
+	dictType: String
+}, n = {
+	modelValue: !0,
+	disabled: !0,
+	type: !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/rate.d.ts

@@ -0,0 +1,211 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: NumberConstructor;
+    /**
+     * 最大分值
+     */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 是否允许半选
+     */
+    allowHalf: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 低分和中等分数的界限值，值本身被划分在低分中
+     */
+    lowThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 高分和中等分数的界限值，值本身被划分在高分中
+     */
+    highThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * icon 的颜色。若传入数组，共有 3 个元素，为 3 个分段所对应的颜色；若传入对象，可自定义分段，键名为分段的界限值，键值为对应的颜色
+     */
+    colors: (ArrayConstructor | ObjectConstructor)[];
+    /**
+     * 未选中 icon 的颜色
+     */
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 只读时未选中 icon 的颜色
+     */
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标组件 若传入数组，则需要传入 3 个元素，分别为 3 个部分所对应的类名；若传入对象，则可自定义分段，键名为分段的界限值，键值为对应的类名
+     */
+    icons: (ArrayConstructor | ObjectConstructor)[];
+    /**
+     * 未被选中的图标组件
+     */
+    voidIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 禁用状态的未选择图标
+     */
+    disabledVoidIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 是否显示辅助文字，若为真，则会从 texts 数组中选取当前分数对应的文字内容
+     */
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否显示当前分数，showScore 和 showText 不能同时为真
+     */
+    showScore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 辅助文字的颜色
+     */
+    textColor: StringConstructor;
+    /**
+     * 辅助文字数组
+     */
+    texts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    /**
+     * 分数显示模板
+     */
+    scoreTemplate: StringConstructor;
+    /**
+     * 是否可以重置值为 0
+     * @since 2.2.18
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 原生 id 属性
+     */
+    id: StringConstructor;
+    /**
+     * 和 Rate 的 aria-label 属性保持一致
+     * @since 2.7.2
+     */
+    ariaLabel: 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/rate.js

@@ -0,0 +1,66 @@
+import { commonManualBindProps as e } from "./common.js";
+//#region src/props/rate.ts
+var t = {
+	...e,
+	modelValue: Number,
+	max: {
+		type: Number,
+		default: 5
+	},
+	size: String,
+	allowHalf: {
+		type: Boolean,
+		default: !1
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	colors: [Array, Object],
+	voidColor: {
+		type: String,
+		default: "#c6d1de"
+	},
+	disabledVoidColor: {
+		type: String,
+		default: "#eff2f7"
+	},
+	icons: [Array, Object],
+	voidIcon: [String, Object],
+	disabledVoidIcon: [String, Object],
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	showScore: {
+		type: Boolean,
+		default: !1
+	},
+	textColor: String,
+	texts: {
+		type: Array,
+		default: () => [
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		]
+	},
+	scoreTemplate: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	id: String,
+	ariaLabel: String
+}, 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 };