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

package/props/input.d.ts

@@ -0,0 +1,299 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 输入类型，更多信息请参见 MDN
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 绑定值
+     */
+    modelValue: (StringConstructor | NumberConstructor)[];
+    /**
+     * v-model 修饰符，参考 Vue 修饰符
+     * @since 2.11.5
+     */
+    modelModifiers: ObjectConstructor;
+    /**
+     * 同原生 maxlength 属性
+     */
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * 原生属性，最小输入长度
+     */
+    minlength: (StringConstructor | NumberConstructor)[];
+    /**
+     * 是否显示统计字数，只在 type 为 'text' 或 'textarea' 的时候生效
+     */
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 字数统计的位置，仅当 showWordLimit 为 true 时生效
+     * @since 2.11.5
+     * @values inside, outside
+     */
+    wordLimitPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框占位文本
+     */
+    placeholder: StringConstructor;
+    /**
+     * 是否显示清除按钮，只有当 type 不是 textarea 时生效
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义清除图标
+     * @since 2.11.0
+     */
+    clearIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 指定输入值的格式（只有当 type 是 "text" 时才能工作）
+     */
+    formatter: FunctionConstructor;
+    /**
+     * 指定从格式化器输入中提取的值（仅当 type 是 "text" 时才起作用）
+     */
+    parser: FunctionConstructor;
+    /**
+     * 是否显示切换密码图标
+     */
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框尺寸，只在 type 不为 'textarea' 时有效
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 自定义前缀图标
+     */
+    prefixIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 自定义后缀图标
+     */
+    suffixIcon: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 输入框行数，仅 type 为 'textarea' 时有效
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * textarea 高度是否自适应，仅 type 为 'textarea' 时生效。可以接受一个对象，比如: { minRows: 2, maxRows: 6 }
+     */
+    autosize: (BooleanConstructor | ObjectConstructor)[];
+    /**
+     * 原生 autocomplete 属性
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 等价于原生 input name 属性
+     */
+    name: StringConstructor;
+    /**
+     * 原生 readonly 属性，是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 原生 max 属性，设置最大值
+     */
+    max: (StringConstructor | NumberConstructor)[];
+    /**
+     * 原生属性，设置最小值
+     */
+    min: (StringConstructor | NumberConstructor)[];
+    /**
+     * 原生属性，设置输入字段的合法数字间隔
+     */
+    step: (StringConstructor | NumberConstructor)[];
+    /**
+     * 控制是否能被用户缩放
+     * @values none, both, horizontal, vertical
+     */
+    resize: StringConstructor;
+    /**
+     * 原生属性，自动获取焦点
+     */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 原生属性
+     */
+    form: StringConstructor;
+    /**
+     * 等价于原生 input aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 输入框的 tabindex
+     */
+    tabindex: (StringConstructor | NumberConstructor)[];
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * input 元素或 textarea 元素的 style
+     */
+    inputStyle: (StringConstructor | ObjectConstructor)[];
+    /**
+     * 等价于原生 input inputmode 属性
+     * @since 2.10.3
+     */
+    inputmode: StringConstructor;
+    /**
+     * 自定义函数用于计算字形；设置后，将绕过原生的 maxlength/minlength 约束。组件使用 Intl.Segmenter（Chrome 87+、Firefox 125+、Safari 14.1+）进行正确的字素聚类；旧版浏览器回退到使用 Array.from() 进行代码点迭代
+     * @since 2.13.7
+     */
+    countGraphemes: FunctionConstructor;
+    /**
+     * 输入框前置内容，只对非 type="textarea" 有效
+     */
+    prepend: StringConstructor;
+    /**
+     * 输入框后置内容，只对非 type="textarea" 有效
+     */
+    append: StringConstructor;
+    /**
+     * 输入框头部内容，只对非 type="textarea" 有效
+     */
+    prefix: StringConstructor;
+    /**
+     * 输入框尾部内容，只对非 type="textarea" 有效
+     */
+    suffix: StringConstructor;
+    /**
+     * 只作为展示和点击
+     */
+    picker: BooleanConstructor;
+    /**
+     * 只读时背景是否为灰色
+     */
+    readonlyGrey: {
+        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: (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/input.mjs

@@ -0,0 +1,97 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.mjs";
+//#region src/props/input.ts
+var n = {
+	...t,
+	...e,
+	type: {
+		type: String,
+		default: "text"
+	},
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 255
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !1
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 4
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	inputmode: String,
+	countGraphemes: Function,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, r = {
+	readonly: !0,
+	prefixIcon: !0,
+	disabled: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	block: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/radio-group.d.ts

@@ -0,0 +1,205 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值
+     */
+    modelValue: (StringConstructor | BooleanConstructor | 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: (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/radio-group.mjs

@@ -0,0 +1,84 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#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 };