antdv-next 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/auto-complete/index.js

@@ -0,0 +1,627 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { devUseWarning, isDev } from "../_util/warning.js";
+import "../_util/hooks/index.js";
+import { toPropsRefs } from "../_util/tools.js";
+import select_default from "../select/index.js";
+import { Text, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+import { omit } from "es-toolkit";
+import { toArray } from "es-toolkit/compat";
+import { Option as Option$1 } from "@v-c/select";
+
+//#region src/auto-complete/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function isSelectOptionOrSelectOptGroup(child) {
+	return child?.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+const omitKeys = [
+	"dataSource",
+	"dropdownClassName",
+	"popupClassName",
+	"dropdownMatchSelectWidth",
+	"dropdownRender",
+	"dropdownStyle",
+	"classes",
+	"styles",
+	"popupRender"
+];
+const AutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
+	const { prefixCls } = useComponentBaseConfig("select", props);
+	const { classes, styles } = toPropsRefs(props, "classes", "styles");
+	const mergedProps = computed(() => {
+		return {
+			...props,
+			popupMatchSelectWidth: props.popupMatchSelectWidth ?? props.dropdownMatchSelectWidth,
+			popupRender: props.popupRender ?? props.dropdownRender
+		};
+	});
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(classes), useToArr(styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
+	return () => {
+		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const childNodes = toArray(filterEmpty(slots.default?.() ?? []));
+		const hasSelectOptions = !!childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0]);
+		let customizeInput;
+		if (childNodes.length === 1 && isVNode(childNodes[0]) && childNodes[0].type !== Text && !isSelectOptionOrSelectOptGroup(childNodes[0])) [customizeInput] = childNodes;
+		const getInputElement = customizeInput ? () => customizeInput : void 0;
+		let optionChildren = [];
+		if (hasSelectOptions) optionChildren = childNodes;
+		else if (props.dataSource) optionChildren = props.dataSource.map((item) => {
+			if (isVNode(item)) return item;
+			switch (typeof item) {
+				case "string": return createVNode(Option$1, {
+					"key": item,
+					"value": item
+				}, _isSlot(item) ? item : { default: () => [item] });
+				case "object": {
+					const { value: optionValue, text } = item;
+					return createVNode(Option$1, {
+						"key": optionValue,
+						"value": optionValue
+					}, _isSlot(text) ? text : { default: () => [text] });
+				}
+				default: return null;
+			}
+		});
+		optionChildren = filterEmpty(optionChildren);
+		if (isDev) {
+			const warning = devUseWarning("AutoComplete");
+			warning(!(customizeInput && props.size !== void 0), "usage", "You need to control style self instead of setting `size` when using customize input.");
+			Object.entries({
+				dropdownMatchSelectWidth: "popupMatchSelectWidth",
+				dropdownStyle: "styles.popup.root",
+				dropdownClassName: "classes.popup.root",
+				popupClassName: "classes.popup.root",
+				dropdownRender: "popupRender",
+				dataSource: "options"
+			}).forEach(([oldProp, newProp]) => {
+				warning.deprecated(!props[oldProp], oldProp, newProp);
+			});
+		}
+		const mergedPopupRender = props.popupRender ?? props.dropdownRender;
+		const mergedPopupMatchSelectWidth = props.popupMatchSelectWidth ?? props.dropdownMatchSelectWidth;
+		const finalClassNames = {
+			root: clsx(`${prefixCls.value}-auto-complete`, mergedClassNames.value.root, { [`${prefixCls.value}-customize`]: customizeInput }, className),
+			prefix: mergedClassNames.value.prefix,
+			input: mergedClassNames.value.input,
+			placeholder: mergedClassNames.value.placeholder,
+			content: mergedClassNames.value.content,
+			popup: {
+				root: clsx(props.popupClassName, props.dropdownClassName, mergedClassNames.value.popup?.root),
+				list: mergedClassNames.value.popup?.list,
+				listItem: mergedClassNames.value.popup?.listItem
+			}
+		};
+		const finalStyles = {
+			root: mergedStyles.value.root,
+			prefix: mergedStyles.value.prefix,
+			input: mergedStyles.value.input,
+			placeholder: mergedStyles.value.placeholder,
+			content: mergedStyles.value.content,
+			popup: {
+				root: {
+					...props.dropdownStyle,
+					...mergedStyles.value.popup?.root
+				},
+				list: mergedStyles.value.popup?.list,
+				listItem: mergedStyles.value.popup?.listItem
+			}
+		};
+		return createVNode(select_default, mergeProps(restAttrs, omit(props, omitKeys), {
+			onSelect: (...args) => {
+				emit("select", ...args);
+			},
+			onClear: (...args) => {
+				emit("clear", ...args);
+			},
+			onKeydown: (...args) => {
+				emit("keydown", ...args);
+			},
+			onKeyup: (...args) => {
+				emit("keyup", ...args);
+			},
+			onBlur: (...args) => {
+				emit("blur", ...args);
+			},
+			onFocus: (...args) => {
+				emit("focus", ...args);
+			},
+			onClick: (...args) => {
+				emit("click", ...args);
+			},
+			onActive: (...args) => {
+				emit("active", ...args);
+			},
+			onChange: (...args) => {
+				emit("change", ...args);
+			},
+			onDeselect: (...args) => {
+				emit("deselect", ...args);
+			},
+			onInputKeydown: (...args) => {
+				emit("inputKeydown", ...args);
+			},
+			onMousedown: (...args) => {
+				emit("mousedown", ...args);
+			},
+			onMouseleave: (...args) => {
+				emit("mouseleave", ...args);
+			},
+			onMouseenter: (...args) => {
+				emit("mouseenter", ...args);
+			},
+			onPopupScroll: (...args) => {
+				emit("popupScroll", ...args);
+			},
+			onSearch: (...args) => {
+				emit("search", ...args);
+			},
+			onOpenChange: (open) => {
+				emit("openChange", open);
+			},
+			onDropdownVisibleChange: (open) => {
+				emit("dropdownVisibleChange", open);
+			}
+		}, getInputElement ? { getInputElement } : {}, {
+			"prefixCls": prefixCls.value,
+			"classes": finalClassNames,
+			"styles": finalStyles,
+			"style": style,
+			"popupRender": mergedPopupRender,
+			"popupMatchSelectWidth": mergedPopupMatchSelectWidth,
+			"mode": select_default.SECRET_COMBOBOX_MODE_DO_NOT_USE,
+			"suffixIcon": null
+		}, { "onUpdate:value": (value) => emit("update:value", value) }), _isSlot(optionChildren) ? optionChildren : { default: () => [optionChildren] });
+	};
+}, {
+	emits: [
+		"openChange",
+		"dropdownVisibleChange",
+		"clear",
+		"keydown",
+		"keyup",
+		"blur",
+		"update:value",
+		"click",
+		"active",
+		"change",
+		"deselect",
+		"inputKeydown",
+		"mousedown",
+		"mouseleave",
+		"mouseenter",
+		"focus",
+		"popupScroll",
+		"select",
+		"search"
+	],
+	props: {
+		dataSource: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		status: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		popupClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		dropdownClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		dropdownMatchSelectWidth: {
+			type: [Boolean, Number],
+			required: false,
+			default: void 0
+		},
+		popupMatchSelectWidth: {
+			type: [Boolean, Number],
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			required: false,
+			default: void 0
+		},
+		classes: {
+			type: [Object, Function],
+			required: false,
+			default: void 0
+		},
+		dropdownRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		popupRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		dropdownStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		prefix: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		suffixIcon: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		},
+		size: {
+			type: [String, null],
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		bordered: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showArrow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		backfill: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fieldNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showSearch: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		searchValue: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		autoClearSearchValue: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		filterOption: {
+			type: [Boolean, Function],
+			required: false,
+			default: void 0
+		},
+		filterSort: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		optionFilterProp: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		options: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		optionRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		defaultActiveFirstOption: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		virtual: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		listHeight: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		listItemHeight: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		labelRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		menuItemSelectedIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		defaultValue: {
+			required: false,
+			default: void 0
+		},
+		maxCount: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		tagRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		tabIndex: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		notFoundContent: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		maxLength: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		showScrollBar: {
+			type: [Boolean, String],
+			required: false,
+			default: void 0
+		},
+		choiceTransitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		maxTagTextLength: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		maxTagCount: {
+			type: [Number, String],
+			required: false,
+			default: void 0
+		},
+		maxTagPlaceholder: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		tokenSeparators: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		allowClear: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		clearIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		removeIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		popupStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupAlign: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showAction: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "AAutoComplete",
+	inheritAttrs: false
+});
+AutoComplete.Option = Option$1;
+AutoComplete.install = (app) => {
+	app.component(AutoComplete.name, AutoComplete);
+	app.component("AAutoCompleteOption", Option$1);
+};
+var auto_complete_default = AutoComplete;
+
+//#endregion
+export { Option$1 as Option, auto_complete_default as default };

package/dist/avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
-import * as vue245 from "vue";
+import * as vue290 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/avatar/Avatar.d.ts
@@ -34,8 +34,8 @@ interface AvatarSlots {
   src: () => any;
   default: () => any;
 }
-declare const Avatar: vue245.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps & {
+declare const Avatar: vue290.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue245.PublicProps>;
+}, vue290.PublicProps>;
 //#endregion
 export { Avatar, AvatarEmits, AvatarProps, AvatarSlots };

package/dist/avatar/Avatar.js

@@ -134,7 +134,8 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	props: /* @__PURE__ */ mergeDefaults({
 		shape: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		size: {
 			type: [
@@ -142,11 +143,13 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				Number,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		gap: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		src: {
 			type: [
@@ -157,15 +160,18 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		srcSet: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		draggable: {
 			type: [Boolean, String],
-			required: false
+			required: false,
+			default: void 0
 		},
 		icon: {
 			type: [
@@ -176,27 +182,33 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		alt: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		crossOrigin: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onError: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		}
 	}, { gap: 4 }),
 	name: "AAvatar",