antdv-next 1.0.0-alpha.4 → 1.0.0-beta.1

package/dist/app/App.d.ts

@@ -1,11 +1,11 @@
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AppConfig } from "./context.js";
-import * as vue279 from "vue";
+import * as vue224 from "vue";
 
 //#region src/app/App.d.ts
 interface AppProps extends ComponentBaseProps, AppConfig {
   component?: any;
 }
-declare const App$1: vue279.DefineSetupFnComponent<AppProps, {}, {}, AppProps & {}, vue279.PublicProps>;
+declare const App$1: vue224.DefineSetupFnComponent<AppProps, {}, {}, AppProps & {}, vue224.PublicProps>;
 //#endregion
 export { App$1 as App, AppProps };

package/dist/auto-complete/index.d.ts

@@ -0,0 +1,78 @@
+import { VueNode } from "../_util/type.js";
+import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { InputStatus } from "../_util/statusUtils.js";
+import { InternalSelectProps } from "../select/index.js";
+import * as vue63 from "vue";
+import { App, CSSProperties, SlotsType } from "vue";
+import { Option as Option$1, SelectProps } from "@v-c/select";
+
+//#region src/auto-complete/index.d.ts
+type AutoCompleteSemanticName = 'root' | 'prefix' | 'input' | 'placeholder' | 'content';
+type PopupSemantic = 'root' | 'listItem' | 'list';
+interface DataSourceItemObject {
+  value: string;
+  text: string;
+}
+type DataSourceItemType = DataSourceItemObject | VueNode;
+type AutoCompleteClassNamesType = SemanticClassNamesType<AutoCompleteProps, AutoCompleteSemanticName, {
+  popup?: SemanticClassNames<PopupSemantic>;
+}>;
+type AutoCompleteStylesType = SemanticStylesType<AutoCompleteProps, AutoCompleteSemanticName, {
+  popup?: SemanticStyles<PopupSemantic>;
+}>;
+type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'onSearch';
+interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue' | 'classes' | 'styles' | 'getInputElement' | 'getRawInputElement' | RcEventKeys> {
+  /** @deprecated Please use `options` instead */
+  dataSource?: DataSourceItemType[];
+  status?: InputStatus;
+  /** @deprecated Please use `classes.popup.root` instead */
+  popupClassName?: string;
+  /** @deprecated Please use `classes.popup.root` instead */
+  dropdownClassName?: string;
+  /** @deprecated Please use `popupMatchSelectWidth` instead */
+  dropdownMatchSelectWidth?: boolean | number;
+  popupMatchSelectWidth?: boolean | number;
+  styles?: AutoCompleteStylesType;
+  classes?: AutoCompleteClassNamesType;
+  /** @deprecated Please use `popupRender` instead */
+  dropdownRender?: (menu: VueNode) => any;
+  popupRender?: (menu: VueNode) => any;
+  /** @deprecated Please use `styles.popup.root` instead */
+  dropdownStyle?: CSSProperties;
+}
+interface AutoCompleteEmits {
+  'openChange': (open: boolean) => void;
+  'dropdownVisibleChange': (open: boolean) => void;
+  'clear': NonNullable<SelectProps['onClear']>;
+  'keydown': NonNullable<SelectProps['onKeyDown']>;
+  'keyup': NonNullable<SelectProps['onKeyUp']>;
+  'blur': NonNullable<SelectProps['onBlur']>;
+  'update:value': (value: any) => void;
+  'click': NonNullable<SelectProps['onClick']>;
+  'active': NonNullable<SelectProps['onActive']>;
+  'change': NonNullable<SelectProps['onChange']>;
+  'deselect': NonNullable<SelectProps['onDeselect']>;
+  'inputKeydown': NonNullable<SelectProps['onInputKeyDown']>;
+  'mousedown': NonNullable<SelectProps['onMouseDown']>;
+  'mouseleave': NonNullable<SelectProps['onMouseLeave']>;
+  'mouseenter': NonNullable<SelectProps['onMouseEnter']>;
+  'focus': NonNullable<SelectProps['onFocus']>;
+  'popupScroll': NonNullable<SelectProps['onPopupScroll']>;
+  'select': NonNullable<SelectProps['onSelect']>;
+  'search': NonNullable<SelectProps['onSearch']>;
+  [key: string]: (...args: any[]) => void;
+}
+interface AutoCompleteSlots {
+  default?: () => any;
+}
+declare const InternalAutoComplete: vue63.DefineSetupFnComponent<AutoCompleteProps, AutoCompleteEmits, SlotsType<AutoCompleteSlots>, AutoCompleteProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue63.PublicProps>;
+declare const AutoComplete: typeof InternalAutoComplete & {
+  Option: typeof Option$1;
+  install: (app: App) => void;
+  _InternalPanelDoNotUseOrYouWillBeFired: any;
+};
+//#endregion
+export { AutoComplete, AutoCompleteClassNamesType, AutoCompleteEmits, AutoCompleteProps, AutoCompleteSlots, AutoCompleteStylesType, DataSourceItemObject, DataSourceItemType, Option$1 as Option };

package/dist/auto-complete/index.js

@@ -0,0 +1,634 @@
+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 PurePanel_default from "../_util/PurePanel.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 InternalAutoComplete = /* @__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
+});
+const AutoComplete = InternalAutoComplete;
+/* istanbul ignore next */
+const PurePanel = PurePanel_default(InternalAutoComplete, "popupAlign", (props) => {
+	return omit(props, ["visible"]);
+});
+AutoComplete.Option = Option$1;
+AutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+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 };