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

package/props/cascader.d.ts

@@ -0,0 +1,326 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 选项的数据源，value 和 label 可以通过 CascaderProps 自定义
+     */
+    options: ArrayConstructor;
+    /**
+     * 配置选项，请参阅下面 CascaderProps 表
+     */
+    props: ObjectConstructor;
+    /**
+     * 尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 输入框占位文本
+     */
+    placeholder: StringConstructor;
+    /**
+     * 是否支持清空选项
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义清除图标
+     * @since 2.11.0
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 输入框中是否显示选中值的完整路径
+     */
+    showAllLevels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 多选模式下是否折叠 Tag
+     */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。要使用此属性，collapseTags 属性必须设定为 true
+     */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * collapse tags 的最大高度
+     * @since 2.10.2
+     */
+    maxCollapseTagsTooltipHeight: (StringConstructor | NumberConstructor)[];
+    /**
+     * 用于分隔选项的字符
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 该选项是否可以被搜索
+     */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义搜索逻辑，第一个参数是 node，第二个参数是 keyword，返回的布尔值表示是否保留该选项
+     */
+    filterMethod: FunctionConstructor;
+    /**
+     * 搜索关键词正在输入时的去抖延迟，单位为毫秒
+     */
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 过滤函数调用前，所要调用的钩子函数，该函数接收要过滤的值作为参数。如果该函数的返回值是 false 或者是一个被拒绝的 Promise，那么接下来的过滤逻辑便不会执行
+     */
+    beforeFilter: FunctionConstructor;
+    /**
+     * Cascader 下拉菜单和标签提示的自定义类名
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Cascader 下拉菜单和标签提示的自定义样式
+     */
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 弹层是否使用 teleport
+     */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * tooltip 主题，内置了 dark / light 两种
+     * @since 2.10.5
+     * @values dark, light
+     */
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 标签类型
+     * @values success, info, warning, danger
+     */
+    tagType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * tag effect
+     * @since 2.7.8
+     * @values dark, light, plain
+     */
+    tagEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入时是否触发表单的校验
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 需要显示的 Tag 的最大数量 要使用此功能，collapseTags 的值必须为 true
+     * @since 2.3.10
+     */
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 组件的空值配置，参考 config-provider
+     * @since 2.7.0
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * 清空选项的值，参考 config-provider
+     * @since 2.7.0
+     */
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * 当下拉框未被激活并且 persistent 设置为 false，下拉框容器会被删除
+     * @since 2.7.8
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Tooltip 可用的 positions 请查看 popper.js 文档
+     * @since 2.8.1
+     */
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    /**
+     * 下拉框出现的位置
+     * @since 2.8.1
+     * @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;
+    };
+    /**
+     * 是否将弹出的内容直接插入到 body 元素。在弹出内容的边框定位出现问题时，可将该属性设置为 false
+     * @deprecated
+     */
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 多选模式下已选节点的展示策略。当你想让显示更简洁时，使用 parent。当你想显示每个子项时，使用 child
+     * @since 2.10.5
+     * @values parent, child, all
+     */
+    showCheckedStrategy: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+    last: BooleanConstructor;
+    checkStrictly: BooleanConstructor;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emitPath: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    join: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+    treeDict: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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/cascader.js

@@ -0,0 +1,145 @@
+import { commonAutoBindProps as e, commonManualBindProps as t } from "./common.js";
+//#region src/props/cascader.ts
+var n = {
+	...t,
+	...e,
+	modelValue: [
+		String,
+		Number,
+		Array
+	],
+	options: Array,
+	props: Object,
+	size: String,
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	showAllLevels: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	maxCollapseTagsTooltipHeight: [String, Number],
+	separator: {
+		type: String,
+		default: "/"
+	},
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	beforeFilter: Function,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	effect: {
+		type: String,
+		default: "light"
+	},
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	popperAppendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	showCheckedStrategy: {
+		type: String,
+		default: "child"
+	},
+	readonly: Boolean,
+	last: Boolean,
+	checkStrictly: Boolean,
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	emitPath: {
+		type: Boolean,
+		default: !0
+	},
+	join: {
+		type: Boolean,
+		default: !0
+	},
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	treeDict: {
+		type: Boolean,
+		default: !0
+	},
+	dictType: String
+}, r = {
+	modelValue: !0,
+	readonly: !0,
+	disabled: !0,
+	props: !0,
+	valueOnClear: !0
+}, i = (e) => t[e] === void 0 && r[e] !== !0;
+//#endregion
+export { n as allProps, r as manualBindProps, i as predicate };

package/props/checkbox-group.d.ts

@@ -0,0 +1,213 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 绑定值
+     */
+    modelValue: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: () => never[];
+    };
+    /**
+     * 多选框组尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 可被勾选的 checkbox 的最小数量
+     */
+    min: NumberConstructor;
+    /**
+     * 可被勾选的 checkbox 的最大数量
+     */
+    max: NumberConstructor;
+    /**
+     * 原生 aria-label 属性
+     * @since 2.7.2
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 当按钮为活跃状态时的字体颜色
+     */
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 当按钮为活跃状态时的边框和背景颜色
+     */
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 复选框组元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选项的数据源，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 checkbox, button
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否输出字符串
+     */
+    stringMode: BooleanConstructor;
+    /**
+     * 输出字符串的分隔符
+     */
+    delimiter: {
+        type: StringConstructor;
+        default: string;
+    };
+    other: StringConstructor[];
+    otherVal: StringConstructor[];
+    otherProp: StringConstructor;
+    otherPlaceholder: StringConstructor;
+    otherLabel: StringConstructor;
+    otherWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    otherMaxLength: StringConstructor;
+    gender: BooleanConstructor;
+    confirm: BooleanConstructor;
+    labelProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    split: BooleanConstructor;
+    sort: BooleanConstructor;
+    classic: BooleanConstructor;
+    fillRow: BooleanConstructor;
+    ellipsis: BooleanConstructor;
+    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)[];
+    };
+    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;