@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/props/select.d.ts

@@ -0,0 +1,450 @@
+import { commonManualBindProps } from './common.ts';
+export declare const allProps: {
+    /**
+     * 选中项绑定值
+     */
+    modelValue: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+    /**
+     * 是否多选
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 选项的数据源，value 的 key 和 label 和 disabled 可以通过 props 自定义
+     * @since 2.10.5
+     */
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * options 的配置
+     * @since 2.10.5
+     */
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    /**
+     * 作为 value 唯一标识的键名，绑定值为对象类型时必填
+     */
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框尺寸
+     * @values large, default, small
+     */
+    size: StringConstructor;
+    /**
+     * 是否可以清空选项
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 多选时是否将选中值按文字的形式展示
+     */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。要使用此属性，collapseTags 属性必须设定为 true
+     * @since 2.3.0
+     */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 折叠标签工具提示的配置对象。要使用此项，collapseTags 和 collapseTagsTooltip 必须为 true
+     * @since 2.13.3
+     */
+    tagTooltip: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数，为 0 则不限制
+     */
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 原生 input 的 id
+     */
+    id: StringConstructor;
+    /**
+     * Select 输入框的原生 name 属性
+     */
+    name: StringConstructor;
+    /**
+     * tooltip 主题，内置了 dark / light 两种
+     * @values dark, light
+     */
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Select 输入框的原生 autocomplete 属性
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 占位符，默认为 “Select”
+     */
+    placeholder: StringConstructor;
+    /**
+     * Select 组件是否可筛选
+     */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否允许用户创建新条目，当 filterable 设置为 true 时才会生效
+     */
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义筛选方法的第一个参数是当前输入的值。只有当 filterable 设置为 true 时才会生效
+     */
+    filterMethod: FunctionConstructor;
+    /**
+     * 其中的选项是否从服务器远程加载
+     */
+    remote: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 远程搜索时的防抖延迟（以毫秒为单位）
+     * @since 2.11.7
+     */
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 当输入值发生变化时触发的函数。它的参数就是当前的输入值。当 filterable 设置为 true 时才会生效
+     */
+    remoteMethod: FunctionConstructor;
+    /**
+     * 远程搜索方法显示后缀图标
+     */
+    remoteShowSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否正在从远程获取数据
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 从服务器加载数据时显示的文本，默认为 “Loading”
+     */
+    loadingText: StringConstructor;
+    /**
+     * 搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data”
+     */
+    noMatchText: StringConstructor;
+    /**
+     * 无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”
+     */
+    noDataText: StringConstructor;
+    /**
+     * 为 Select 下拉菜单和标签提示设置自定义类名
+     */
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 为 Select 下拉菜单和标签提示设置自定义样式
+     * @since 2.11.0
+     */
+    popperStyle: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 当 multiple 和 filterable 被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词
+     */
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否在输入框按下回车时，选择第一个匹配项。需配合 filterable 或 remote 使用
+     */
+    defaultFirstOption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否使用 teleport。设置成 true 则会被追加到 appendTo 的位置
+     */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 下拉框挂载到哪个 DOM 元素
+     * @since 2.8.4
+     */
+    appendTo: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 当下拉选择器未被激活并且 persistent 设置为 false，选择器会被删除
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单
+     */
+    automaticDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义清除图标
+     */
+    clearIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 下拉框的宽度是否与输入框相同
+     */
+    fitInputWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 自定义后缀图标组件
+     */
+    suffixIcon: (ObjectConstructor | StringConstructor)[];
+    /**
+     * 标签类型
+     * @values success, info, warning, danger
+     */
+    tagType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 标签效果
+     * @since 2.7.7
+     * @values dark, light, plain
+     */
+    tagEffect: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否触发表单验证
+     */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 下拉面板偏移量
+     * @since 2.8.8
+     */
+    dropDownOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 下拉菜单的内容是否有箭头
+     * @since 2.8.8
+     */
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 下拉框出现的位置
+     * @since 2.2.17
+     * @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;
+    };
+    /**
+     * dropdown 可用的 positions 请查看 popper.js 文档
+     * @since 2.5.6
+     */
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    /**
+     * 需要显示的 Tag 的最大数量 只有当 collapseTags 设置为 true 时才会生效
+     * @since 2.3.0
+     */
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * popper.js 参数
+     */
+    popperOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * 等价于原生 input aria-label 属性
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * 组件的空值配置，参考 config-provider
+     * @since 2.7.0
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * 清空选项的值，参考 config-provider
+     * @since 2.7.0
+     */
+    valueOnClear: (BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * 下拉菜单显示/消失时后缀图标的动画
+     * @deprecated
+     */
+    suffixTransition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * input 的 tabindex
+     * @since 2.9.0
+     */
+    tabindex: (StringConstructor | NumberConstructor)[];
+    dictType: StringConstructor;
+    gender: BooleanConstructor;
+    year: (BooleanConstructor | NumberConstructor)[];
+    all: BooleanConstructor;
+    confirm: BooleanConstructor;
+    start: NumberConstructor;
+    end: NumberConstructor;
+    optionLabel: (StringConstructor | NumberConstructor)[];
+    emitLabel: BooleanConstructor;
+    english: BooleanConstructor;
+    chinese: BooleanConstructor;
+    typing: BooleanConstructor;
+    multipleStringMode: BooleanConstructor;
+    multipleStringSeparator: {
+        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/select.mjs

@@ -0,0 +1,218 @@
+import { commonManualBindProps as e } from "./common.mjs";
+//#region src/props/select.ts
+var t = {
+	...e,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			label: "label",
+			value: "value"
+		})
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	tagTooltip: {
+		type: Object,
+		default: () => ({})
+	},
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	id: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	placeholder: String,
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	allowCreate: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	remote: {
+		type: Boolean,
+		default: !1
+	},
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	remoteMethod: Function,
+	remoteShowSuffix: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: String,
+	noMatchText: String,
+	noDataText: String,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	reserveKeyword: {
+		type: Boolean,
+		default: !0
+	},
+	defaultFirstOption: {
+		type: Boolean,
+		default: !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	fitInputWidth: {
+		type: Boolean,
+		default: !1
+	},
+	suffixIcon: [String, Object],
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	dropDownOffset: {
+		type: Number,
+		default: 12
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	ariaLabel: String,
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	suffixTransition: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	dictType: String,
+	gender: Boolean,
+	year: [Boolean, Number],
+	all: Boolean,
+	confirm: Boolean,
+	start: Number,
+	end: Number,
+	optionLabel: [String, Number],
+	emitLabel: Boolean,
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	multipleStringMode: Boolean,
+	multipleStringSeparator: {
+		type: String,
+		default: ","
+	}
+}, n = {
+	modelValue: !0,
+	emptyValues: !0,
+	disabled: !0,
+	dropDownOffset: !0,
+	valueOnClear: !0,
+	options: !0,
+	dictType: !0,
+	gender: !0,
+	year: !0,
+	all: !0,
+	confirm: !0,
+	start: !0,
+	end: !0,
+	optionLabel: !0,
+	emitLabel: !0,
+	english: !0,
+	chinese: !0,
+	typing: !0,
+	multipleStringMode: !0,
+	multipleStringSeparator: !0
+}, r = (t) => e[t] === void 0 && n[t] !== !0;
+//#endregion
+export { t as allProps, n as manualBindProps, r as predicate };