@v-c/select 1.0.2 → 1.0.4

package/dist/BaseSelect/Polite.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var Polite = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
@@ -15,7 +18,7 @@ var Polite = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 				overflow: "hidden",
 				opacity: 0
 			}
-		}, [`${values.slice(0, MAX_COUNT).map(({ label, value }) => ["number", "string"].includes(typeof label) ? label : value).join(", ")}`, values.length > MAX_COUNT ? ", ..." : null]);
+		}, [`${values.slice(0, MAX_COUNT).map(({ label, value }) => ["number", "string"].includes(typeof label) ? label : (0, vue.isVNode)(label) || Array.isArray(label) ? label : value).join(", ")}`, values.length > MAX_COUNT ? ", ..." : null]);
 	};
 }, {
 	props: {

package/dist/BaseSelect/Polite.js

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from "vue";
+import { createVNode, defineComponent, isVNode } from "vue";
 var Polite_default = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
 		const { visible, values } = props;
@@ -13,7 +13,7 @@ var Polite_default = /* @__PURE__ */ defineComponent((props) => {
 				overflow: "hidden",
 				opacity: 0
 			}
-		}, [`${values.slice(0, MAX_COUNT).map(({ label, value }) => ["number", "string"].includes(typeof label) ? label : value).join(", ")}`, values.length > MAX_COUNT ? ", ..." : null]);
+		}, [`${values.slice(0, MAX_COUNT).map(({ label, value }) => ["number", "string"].includes(typeof label) ? label : isVNode(label) || Array.isArray(label) ? label : value).join(", ")}`, values.length > MAX_COUNT ? ", ..." : null]);
 	};
 }, {
 	props: {

package/dist/BaseSelect/index.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../hooks/useBaseProps.cjs");
 const require_valueUtil = require("../utils/valueUtil.cjs");
@@ -6,15 +7,16 @@ const require_useComponents = require("../hooks/useComponents.cjs");
 const require_useLock = require("../hooks/useLock.cjs");
 const require_useOpen = require("../hooks/useOpen.cjs");
 const require_useSelectTriggerControl = require("../hooks/useSelectTriggerControl.cjs");
-const require_index = require("../SelectInput/index.cjs");
+require("../hooks/index.cjs");
+const require_index$1 = require("../SelectInput/index.cjs");
 const require_SelectTrigger = require("../SelectTrigger.cjs");
 const require_Polite = require("./Polite.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
-let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
@@ -101,7 +103,7 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 		focus: (...args) => containerRef.value?.focus?.(...args),
 		blur: () => containerRef.value?.blur?.(),
 		scrollTo: (arg) => listRef.value?.scrollTo(arg),
-		nativeElement: (0, vue.computed)(() => (0, __v_c_util_dist_Dom_findDOMNode.getDOM)(containerRef))
+		nativeElement: (0, vue.computed)(() => (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(containerRef))
 	});
 	const mergedComponents = require_useComponents.default(components, getInputElement, getRawInputElement);
 	const mergedSearchValue = (0, vue.computed)(() => {
@@ -157,13 +159,13 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 	const onInternalKeyDown = (event) => {
 		const clearLock = getClearLock();
 		const { key } = event;
-		const isEnterKey = key === __v_c_util_dist_KeyCode.KeyCodeStr.Enter;
+		const isEnterKey = key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter;
 		if (isEnterKey) {
 			if (mode.value !== "combobox") event.preventDefault();
 			if (!mergedOpen.value) triggerOpen(true);
 		}
 		setClearLock(!!mergedSearchValue.value);
-		if (key === __v_c_util_dist_KeyCode.KeyCodeStr.Backspace && !clearLock && multiple.value && !mergedSearchValue.value && displayValues.value.length) {
+		if (key === _v_c_util_dist_KeyCode.KeyCodeStr.Backspace && !clearLock && multiple.value && !mergedSearchValue.value && displayValues.value.length) {
 			const cloneDisplayValues = [...displayValues.value];
 			let removedDisplayValue = null;
 			for (let i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
@@ -187,7 +189,7 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 	};
 	const onInternalKeyUp = (event) => {
 		if (mergedOpen.value) listRef.value?.onKeyUp?.(event);
-		if (event.key === __v_c_util_dist_KeyCode.KeyCodeStr.Enter) keyLockRef.value = false;
+		if (event.key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter) keyLockRef.value = false;
 		props?.onKeyUp?.(event);
 	};
 	const onSelectorRemove = (val) => {
@@ -227,7 +229,7 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 	function onPopupMouseEnter() {
 		forceState.value = {};
 	}
-	require_useSelectTriggerControl.default(() => [(0, __v_c_util_dist_Dom_findDOMNode.getDOM)(containerRef), triggerRef.value?.getPopupElement?.()], mergedOpen, triggerOpen, (0, vue.computed)(() => !!mergedComponents.value.root));
+	require_useSelectTriggerControl.default(() => [(0, _v_c_util_dist_Dom_findDOMNode.getDOM)(containerRef), triggerRef.value?.getPopupElement?.()], mergedOpen, triggerOpen, (0, vue.computed)(() => !!mergedComponents.value.root));
 	require_useBaseProps.useBaseSelectProvider((0, vue.computed)(() => {
 		return {
 			...props,
@@ -270,7 +272,7 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 		};
 		const mergedSuffixIcon = mergedSuffixIconFn();
 		const optionList = (0, vue.createVNode)(OptionList, { "ref": listRef }, null);
-		const mergedClassName = (0, __v_c_util.clsx)(prefixCls, className, {
+		const mergedClassName = (0, _v_c_util.clsx)(prefixCls, className, {
 			[`${prefixCls}-focused`]: focused.value,
 			[`${prefixCls}-multiple`]: multiple.value,
 			[`${prefixCls}-single`]: !multiple.value,
@@ -282,7 +284,7 @@ const BaseSelect = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, at
 			[`${prefixCls}-customize-input`]: customizeInputElement,
 			[`${prefixCls}-show-search`]: showSearch
 		});
-		let renderNode = (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)(attrs, (0, __v_c_util_dist_omit.default)(props, omitKeys), {
+		let renderNode = (0, vue.createVNode)(require_index$1.default, (0, vue.mergeProps)(attrs, (0, _v_c_util_dist_omit.default)(props, omitKeys), {
 			"ref": containerRef,
 			"prefixCls": prefixCls,
 			"className": mergedClassName,

package/dist/BaseSelect/index.d.ts

@@ -2,7 +2,7 @@ import { AlignType, BuildInPlacements } from '@v-c/trigger';
 import { VueNode } from '@v-c/util/dist/type';
 import { ScrollConfig, ScrollTo } from '@v-c/virtual-list';
 import { CSSProperties } from 'vue';
-import { ComponentsConfig } from '../hooks/useComponents';
+import { ComponentsConfig } from '../hooks';
 import { DisplayInfoType, DisplayValueType, Mode, Placement, RawValueType, RenderDOMFunc, RenderNode } from '../interface';
 export type BaseSelectSemanticName = 'prefix' | 'suffix' | 'input' | 'clear' | 'placeholder' | 'content' | 'item' | 'itemContent' | 'itemRemove';
 /**

package/dist/BaseSelect/index.js

@@ -5,6 +5,7 @@ import useComponents from "../hooks/useComponents.js";
 import useLock from "../hooks/useLock.js";
 import useOpen from "../hooks/useOpen.js";
 import useSelectTriggerControl from "../hooks/useSelectTriggerControl.js";
+import "../hooks/index.js";
 import SelectInput_default from "../SelectInput/index.js";
 import SelectTrigger_default from "../SelectTrigger.js";
 import Polite_default from "./Polite.js";

package/dist/OptGroup.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var OptGroup = () => null;
 OptGroup.isSelectOptGroup = true;
 var OptGroup_default = OptGroup;

package/dist/Option.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var Option = () => null;
 Option.isSelectOption = true;
 var Option_default = Option;

package/dist/OptionList.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("./hooks/useBaseProps.cjs");
 const require_SelectContext = require("./SelectContext.cjs");
@@ -6,13 +9,13 @@ const require_TransBtn = require("./TransBtn.cjs");
 const require_platformUtil = require("./utils/platformUtil.cjs");
 const require_valueUtil = require("./utils/valueUtil.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
-let __v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
-__v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(__v_c_util_dist_pickAttrs);
-let __v_c_virtual_list = require("@v-c/virtual-list");
-__v_c_virtual_list = require_rolldown_runtime.__toESM(__v_c_virtual_list);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
+let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
+_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
+let _v_c_virtual_list = require("@v-c/virtual-list");
+_v_c_virtual_list = require_rolldown_runtime.__toESM(_v_c_virtual_list);
 function isTitleType(content) {
 	return typeof content === "string" || typeof content === "number";
 }
@@ -95,16 +98,16 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 		const onKeyDown = (event) => {
 			const { which, ctrlKey } = event;
 			switch (which) {
-				case __v_c_util_dist_KeyCode.default.N:
-				case __v_c_util_dist_KeyCode.default.P:
-				case __v_c_util_dist_KeyCode.default.UP:
-				case __v_c_util_dist_KeyCode.default.DOWN: {
+				case _v_c_util_dist_KeyCode.default.N:
+				case _v_c_util_dist_KeyCode.default.P:
+				case _v_c_util_dist_KeyCode.default.UP:
+				case _v_c_util_dist_KeyCode.default.DOWN: {
 					let offset = 0;
-					if (which === __v_c_util_dist_KeyCode.default.UP) offset = -1;
-					else if (which === __v_c_util_dist_KeyCode.default.DOWN) offset = 1;
+					if (which === _v_c_util_dist_KeyCode.default.UP) offset = -1;
+					else if (which === _v_c_util_dist_KeyCode.default.DOWN) offset = 1;
 					else if (require_platformUtil.isPlatformMac() && ctrlKey) {
-						if (which === __v_c_util_dist_KeyCode.default.N) offset = 1;
-						else if (which === __v_c_util_dist_KeyCode.default.P) offset = -1;
+						if (which === _v_c_util_dist_KeyCode.default.N) offset = 1;
+						else if (which === _v_c_util_dist_KeyCode.default.P) offset = -1;
 					}
 					if (offset !== 0) {
 						const nextActiveIndex = getEnabledActiveIndex(activeIndex.value + offset, offset);
@@ -113,8 +116,8 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 					}
 					break;
 				}
-				case __v_c_util_dist_KeyCode.default.TAB:
-				case __v_c_util_dist_KeyCode.default.ENTER: {
+				case _v_c_util_dist_KeyCode.default.TAB:
+				case _v_c_util_dist_KeyCode.default.ENTER: {
 					const item = memoFlattenOptions.value[activeIndex.value];
 					if (!item || item.data.disabled) {
 						onSelectValue(void 0);
@@ -125,7 +128,7 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 					if (baseProps.value?.open) event.preventDefault();
 					break;
 				}
-				case __v_c_util_dist_KeyCode.default.ESC:
+				case _v_c_util_dist_KeyCode.default.ESC:
 					baseProps.value?.toggleOpen?.(false);
 					if (baseProps.value?.open) event.stopPropagation();
 			}
@@ -162,7 +165,7 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 				const itemData = item.data || {};
 				const { value } = itemData;
 				const { group } = item;
-				const attrs = (0, __v_c_util_dist_pickAttrs.default)(itemData, true);
+				const attrs = (0, _v_c_util_dist_pickAttrs.default)(itemData, true);
 				const mergedLabel = getLabel(item);
 				return item ? (0, vue.createVNode)("div", (0, vue.mergeProps)({ "aria-label": typeof mergedLabel === "string" && !group ? mergedLabel : void 0 }, attrs, { "key": index }, getItemAriaProps(item, index), { "aria-selected": isAriaSelected(value) }), [value]) : null;
 			};
@@ -178,7 +181,7 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 				renderItem(activeIndex.value - 1),
 				renderItem(activeIndex.value),
 				renderItem(activeIndex.value + 1)
-			]), (0, vue.createVNode)(__v_c_virtual_list.default, (0, vue.mergeProps)({
+			]), (0, vue.createVNode)(_v_c_virtual_list.default, (0, vue.mergeProps)({
 				"itemKey": "key",
 				"ref": (el) => {
 					listRef.value = el;
@@ -200,11 +203,11 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (group) {
 					const groupTitle = data.title ?? (isTitleType(label) ? label.toString() : void 0);
 					return (0, vue.createVNode)("div", {
-						"class": (0, __v_c_util.clsx)(itemPrefixCls.value, `${itemPrefixCls.value}-group`, data.className),
+						"class": (0, _v_c_util.clsx)(itemPrefixCls.value, `${itemPrefixCls.value}-group`, data.className),
 						"title": groupTitle
 					}, [label !== void 0 ? label : key]);
 				}
-				const { disabled, title, children, style, className,...otherProps } = data;
+				const { disabled, title, children, style, className, ...otherProps } = data;
 				const passedProps = {};
 				Object.keys(otherProps).forEach((propKey) => {
 					if (!omitFieldNameList.includes(propKey)) passedProps[propKey] = otherProps[propKey];
@@ -212,7 +215,7 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 				const selected = isSelected(value);
 				const mergedDisabled = disabled || !selected && overMaxCount.value;
 				const optionPrefixCls = `${itemPrefixCls.value}-option`;
-				const optionClassName = (0, __v_c_util.clsx)(itemPrefixCls.value, optionPrefixCls, className, contextClassNames?.popup?.listItem, {
+				const optionClassName = (0, _v_c_util.clsx)(itemPrefixCls.value, optionPrefixCls, className, contextClassNames?.popup?.listItem, {
 					[`${optionPrefixCls}-grouped`]: groupOption,
 					[`${optionPrefixCls}-active`]: activeIndex.value === itemIndex && !mergedDisabled,
 					[`${optionPrefixCls}-disabled`]: mergedDisabled,
@@ -223,7 +226,7 @@ var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
 				const content = typeof mergedLabel === "number" ? mergedLabel : mergedLabel || value;
 				let optionTitle = isTitleType(content) ? content.toString() : void 0;
 				if (title !== void 0) optionTitle = title;
-				return (0, vue.createVNode)("div", (0, vue.mergeProps)((0, __v_c_util_dist_pickAttrs.default)(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
+				return (0, vue.createVNode)("div", (0, vue.mergeProps)((0, _v_c_util_dist_pickAttrs.default)(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
 					"aria-selected": virtual ? void 0 : isAriaSelected(value),
 					"class": optionClassName,
 					"title": optionTitle,

package/dist/OptionList.js

@@ -199,7 +199,7 @@ var OptionList_default = /* @__PURE__ */ defineComponent({
 						"title": groupTitle
 					}, [label !== void 0 ? label : key]);
 				}
-				const { disabled, title, children, style, className,...otherProps } = data;
+				const { disabled, title, children, style, className, ...otherProps } = data;
 				const passedProps = {};
 				Object.keys(otherProps).forEach((propKey) => {
 					if (!omitFieldNameList.includes(propKey)) passedProps[propKey] = otherProps[propKey];

package/dist/Select.cjs

@@ -1,22 +1,25 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_SelectContext = require("./SelectContext.cjs");
 const require_valueUtil = require("./utils/valueUtil.cjs");
 const require_OptionList = require("./OptionList.cjs");
-const require_commonUtil = require("./utils/commonUtil.cjs");
-const require_index = require("./BaseSelect/index.cjs");
 const require_useCache = require("./hooks/useCache.cjs");
+const require_commonUtil = require("./utils/commonUtil.cjs");
 const require_useFilterOptions = require("./hooks/useFilterOptions.cjs");
 const require_useOptions = require("./hooks/useOptions.cjs");
 const require_useRefFunc = require("./hooks/useRefFunc.cjs");
 const require_useSearchConfig = require("./hooks/useSearchConfig.cjs");
+const require_index = require("./BaseSelect/index.cjs");
 const require_legacyUtil = require("./utils/legacyUtil.cjs");
 let vue = require("vue");
-let __v_c_util_dist_hooks_useId = require("@v-c/util/dist/hooks/useId");
-__v_c_util_dist_hooks_useId = require_rolldown_runtime.__toESM(__v_c_util_dist_hooks_useId);
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_hooks_useId = require("@v-c/util/dist/hooks/useId");
+_v_c_util_dist_hooks_useId = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useId);
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 var OMIT_DOM_PROPS = ["inputValue"];
 var omitKeyList = [
 	"id",
@@ -559,7 +562,7 @@ var Select = /* @__PURE__ */ (0, vue.defineComponent)({
 			blur: () => baseSelectRef.value?.blur(),
 			scrollTo: (arg) => baseSelectRef.value?.scrollTo?.(arg)
 		});
-		const mergedId = (0, __v_c_util_dist_hooks_useId.default)(props.id);
+		const mergedId = (0, _v_c_util_dist_hooks_useId.default)(props.id);
 		const multiple = (0, vue.computed)(() => require_index.isMultiple(props.mode));
 		const [mergedShowSearch, searchConfig] = require_useSearchConfig.default((0, vue.toRef)(props, "showSearch"), {
 			filterOption: (0, vue.toRef)(props, "filterOption"),
@@ -618,7 +621,7 @@ var Select = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (val !== internalValue.value) internalValue.value = val;
 		});
 		const setInternalValue = (val) => {
-			internalValue.value = val;
+			if (props.value === void 0) internalValue.value = val;
 		};
 		const [mergedValues, getMixedOption] = require_useCache.default((0, vue.computed)(() => {
 			const values = convert2LabelValues(multiple.value && internalValue.value === null ? [] : internalValue.value);
@@ -792,7 +795,7 @@ var Select = /* @__PURE__ */ (0, vue.defineComponent)({
 		let lastChildrenKey = "";
 		return () => {
 			if (!props.options || props.options.length === 0) {
-				const newChildrenOptions = require_legacyUtil.convertChildrenToData((0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []));
+				const newChildrenOptions = require_legacyUtil.convertChildrenToData((0, _v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []));
 				const newKey = newChildrenOptions.map((o) => `${o.value}`).join(",");
 				if (lastChildrenKey !== newKey) {
 					lastChildrenKey = newKey;
@@ -800,7 +803,7 @@ var Select = /* @__PURE__ */ (0, vue.defineComponent)({
 				}
 			}
 			const restAttrs = { ...attrs };
-			const restProps = (0, __v_c_util_dist_omit.default)(props, omitKeyList);
+			const restProps = (0, _v_c_util_dist_omit.default)(props, omitKeyList);
 			const { prefixCls, mode, classNames, styles, maxCount, placeholder, direction, popupMatchSelectWidth } = props;
 			return (0, vue.createVNode)(require_index.BaseSelect, (0, vue.mergeProps)(restAttrs, restProps, {
 				"placeholder": placeholder,

package/dist/Select.js

@@ -1,13 +1,13 @@
 import { useSelectProvider } from "./SelectContext.js";
 import { fillFieldNames, flattenOptions, injectPropsWithOption } from "./utils/valueUtil.js";
 import OptionList_default from "./OptionList.js";
-import { hasValue, isComboNoValue, toArray } from "./utils/commonUtil.js";
-import { BaseSelect, isMultiple } from "./BaseSelect/index.js";
 import useCache from "./hooks/useCache.js";
+import { hasValue, isComboNoValue, toArray } from "./utils/commonUtil.js";
 import useFilterOptions from "./hooks/useFilterOptions.js";
 import useOptions from "./hooks/useOptions.js";
 import useRefFunc from "./hooks/useRefFunc.js";
 import useSearchConfig from "./hooks/useSearchConfig.js";
+import { BaseSelect, isMultiple } from "./BaseSelect/index.js";
 import { convertChildrenToData } from "./utils/legacyUtil.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, toRef, watch } from "vue";
 import useId from "@v-c/util/dist/hooks/useId";
@@ -614,7 +614,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 			if (val !== internalValue.value) internalValue.value = val;
 		});
 		const setInternalValue = (val) => {
-			internalValue.value = val;
+			if (props.value === void 0) internalValue.value = val;
 		};
 		const [mergedValues, getMixedOption] = useCache(computed(() => {
 			const values = convert2LabelValues(multiple.value && internalValue.value === null ? [] : internalValue.value);

package/dist/SelectContext.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var SelectContextKey = Symbol("SelectContext");

package/dist/SelectInput/Affix.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 var Affix = /* @__PURE__ */ (0, vue.defineComponent)((_, { attrs, slots }) => {
 	return () => {
-		const children = (0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []);
+		const children = (0, _v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []);
 		if (children.length < 1) return null;
 		return (0, vue.createVNode)("div", attrs, [children]);
 	};

package/dist/SelectInput/Content/MultipleContent.cjs

@@ -1,15 +1,18 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
 const require_TransBtn = require("../../TransBtn.cjs");
-const require_context = require("../context.cjs");
 const require_commonUtil = require("../../utils/commonUtil.cjs");
+const require_context = require("../context.cjs");
 const require_Input = require("../Input.cjs");
 const require_Placeholder = require("./Placeholder.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_overflow = require("@v-c/overflow");
-__v_c_overflow = require_rolldown_runtime.__toESM(__v_c_overflow);
+let _v_c_util = require("@v-c/util");
+let _v_c_overflow = require("@v-c/overflow");
+_v_c_overflow = require_rolldown_runtime.__toESM(_v_c_overflow);
 function itemKey(value) {
 	return value.key ?? value.value ?? "";
 }
@@ -57,13 +60,13 @@ var MultipleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose
 	expose({ input: (0, vue.computed)(() => inputRef.value?.input) });
 	const defaultRenderSelector = (item, content, itemDisabled, closable, onClose) => (0, vue.createVNode)("span", {
 		"title": require_commonUtil.getTitle(item),
-		"class": (0, __v_c_util.clsx)(selectionItemPrefixCls.value, { [`${selectionItemPrefixCls.value}-disabled`]: itemDisabled }, classNamesConfig.value?.item),
+		"class": (0, _v_c_util.clsx)(selectionItemPrefixCls.value, { [`${selectionItemPrefixCls.value}-disabled`]: itemDisabled }, classNamesConfig.value?.item),
 		"style": stylesConfig.value?.item
 	}, [(0, vue.createVNode)("span", {
-		"class": (0, __v_c_util.clsx)(`${selectionItemPrefixCls.value}-content`, classNamesConfig.value?.itemContent),
+		"class": (0, _v_c_util.clsx)(`${selectionItemPrefixCls.value}-content`, classNamesConfig.value?.itemContent),
 		"style": stylesConfig.value?.itemContent
 	}, [content]), closable && (0, vue.createVNode)(require_TransBtn.default, {
-		"className": (0, __v_c_util.clsx)(`${selectionItemPrefixCls.value}-remove`, classNamesConfig.value?.itemRemove),
+		"className": (0, _v_c_util.clsx)(`${selectionItemPrefixCls.value}-remove`, classNamesConfig.value?.itemRemove),
 		"style": stylesConfig.value?.itemRemove,
 		"onMouseDown": onPreventMouseDown,
 		"onClick": onClose,
@@ -116,7 +119,7 @@ var MultipleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose
 			"value": inputValue.value || "",
 			"syncWidth": true
 		}), null);
-		return (0, vue.createVNode)(__v_c_overflow.default, {
+		return (0, vue.createVNode)(_v_c_overflow.default, {
 			"prefixCls": `${prefixCls.value}-content`,
 			"class": classNamesConfig.value?.content,
 			"style": stylesConfig.value?.content,

package/dist/SelectInput/Content/MultipleContent.js

@@ -1,7 +1,7 @@
 import useBaseProps from "../../hooks/useBaseProps.js";
 import TransBtn_default from "../../TransBtn.js";
-import { useSelectInputContext } from "../context.js";
 import { getTitle } from "../../utils/commonUtil.js";
+import { useSelectInputContext } from "../context.js";
 import Input_default from "../Input.js";
 import Placeholder_default from "./Placeholder.js";
 import { computed, createTextVNode, createVNode, defineComponent, mergeProps, shallowRef } from "vue";

package/dist/SelectInput/Content/Placeholder.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
 const require_context = require("../context.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var Placeholder = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 	const selectInputContext = require_context.useSelectInputContext();
 	const baseProps = require_useBaseProps.default();
@@ -13,7 +16,7 @@ var Placeholder = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 		const { show = true } = props;
 		if (displayValues?.length) return null;
 		return (0, vue.createVNode)("div", {
-			"class": (0, __v_c_util.clsx)(`${prefixCls}-placeholder`, classNames?.placeholder),
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-placeholder`, classNames?.placeholder),
 			"style": {
 				visibility: show ? "visible" : "hidden",
 				...styles?.placeholder

package/dist/SelectInput/Content/SingleContent.cjs

@@ -1,13 +1,16 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
 const require_SelectContext = require("../../SelectContext.cjs");
-const require_context = require("../context.cjs");
 const require_commonUtil = require("../../utils/commonUtil.cjs");
+const require_context = require("../context.cjs");
 const require_Input = require("../Input.cjs");
 const require_Placeholder = require("./Placeholder.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var SingleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose }) => {
 	const selectInputContext = require_context.useSelectInputContext();
 	const baseProps = require_useBaseProps.default();
@@ -27,12 +30,12 @@ var SingleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose })
 		if (displayValue.value && selectContext.value?.flattenOptions) {
 			const option = selectContext.value.flattenOptions.find((opt) => opt.value === displayValue.value?.value);
 			if (option?.data) {
-				const { label, value, className, style, key, children,...rest } = option.data;
+				const { label, value, className, style, key, children, ...rest } = option.data;
 				restProps = {
 					...restProps,
 					...rest,
 					title: require_commonUtil.getTitle(option.data),
-					class: (0, __v_c_util.clsx)(restProps.class, className),
+					class: (0, _v_c_util.clsx)(restProps.class, className),
 					style: {
 						...restProps.style,
 						...style
@@ -54,7 +57,7 @@ var SingleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose })
 		const { classNames, styles } = baseProps.value ?? {};
 		const { inputProps } = props;
 		return (0, vue.createVNode)("div", {
-			"class": (0, __v_c_util.clsx)(`${prefixCls}-content`, classNames?.content),
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-content`, classNames?.content),
 			"style": styles?.content
 		}, [displayValue.value ? (0, vue.createVNode)("div", optionProps.value, [displayValue.value.label]) : (0, vue.createVNode)(require_Placeholder.default, { "show": !mergedSearchValue.value }, null), (0, vue.createVNode)(require_Input.default, (0, vue.mergeProps)(inputProps, {
 			"value": mergedSearchValue.value,

package/dist/SelectInput/Content/SingleContent.js

@@ -1,7 +1,7 @@
 import useBaseProps from "../../hooks/useBaseProps.js";
 import { useSelectContext } from "../../SelectContext.js";
-import { useSelectInputContext } from "../context.js";
 import { getTitle } from "../../utils/commonUtil.js";
+import { useSelectInputContext } from "../context.js";
 import Input_default from "../Input.js";
 import Placeholder_default from "./Placeholder.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
@@ -25,7 +25,7 @@ var SingleContent_default = /* @__PURE__ */ defineComponent((props, { expose })
 		if (displayValue.value && selectContext.value?.flattenOptions) {
 			const option = selectContext.value.flattenOptions.find((opt) => opt.value === displayValue.value?.value);
 			if (option?.data) {
-				const { label, value, className, style, key, children,...rest } = option.data;
+				const { label, value, className, style, key, children, ...rest } = option.data;
 				restProps = {
 					...restProps,
 					...rest,

package/dist/SelectInput/Content/index.cjs

@@ -1,12 +1,15 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
 const require_context = require("../context.cjs");
 const require_MultipleContent = require("./MultipleContent.cjs");
 const require_SingleContent = require("./SingleContent.cjs");
 let vue = require("vue");
-let __v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
-__v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(__v_c_util_dist_pickAttrs);
+let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
+_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
 var SelectContent = /* @__PURE__ */ (0, vue.defineComponent)((_, { expose }) => {
 	const selectInputContext = require_context.useSelectInputContext();
 	const baseProps = require_useBaseProps.default();
@@ -15,7 +18,7 @@ var SelectContent = /* @__PURE__ */ (0, vue.defineComponent)((_, { expose }) =>
 	const multiple = (0, vue.computed)(() => selectInputContext.value?.multiple);
 	const onInputKeyDown = (0, vue.computed)(() => selectInputContext.value?.onInputKeyDown);
 	const showSearch = (0, vue.computed)(() => baseProps.value?.showSearch);
-	const ariaProps = (0, vue.computed)(() => (0, __v_c_util_dist_pickAttrs.default)(baseProps.value ?? {}, { aria: true }));
+	const ariaProps = (0, vue.computed)(() => (0, _v_c_util_dist_pickAttrs.default)(baseProps.value ?? {}, { aria: true }));
 	const sharedInputProps = (0, vue.computed)(() => ({
 		...ariaProps.value,
 		onKeyDown: onInputKeyDown.value,

package/dist/SelectInput/Input.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../hooks/useBaseProps.cjs");
 const require_context = require("./context.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
 var Input = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs }) => {
 	const selectInputContext = require_context.useSelectInputContext();
 	const baseProps = require_useBaseProps.default();
@@ -27,7 +30,7 @@ var Input = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs })
 		const { mode, onSearchSubmit } = selectInputContext.value ?? {};
 		const { key } = event;
 		const { value: nextVal } = event.currentTarget;
-		if (key === __v_c_util_dist_KeyCode.KeyCodeStr.Enter && mode === "tags" && !compositionStatusRef.value && onSearchSubmit) onSearchSubmit(nextVal);
+		if (key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter && mode === "tags" && !compositionStatusRef.value && onSearchSubmit) onSearchSubmit(nextVal);
 		props?.onKeyDown?.(event);
 	};
 	const handleBlur = (event) => {
@@ -65,7 +68,7 @@ var Input = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs })
 		const { prefixCls, mode, autoFocus, placeholder } = selectInputContext.value ?? {};
 		const { input: InputComponent = "input" } = selectInputContext.value?.components ?? {};
 		const { styles, id, classNames, open, activeDescendantId, role, disabled } = baseProps.value ?? {};
-		const inputCls = (0, __v_c_util.clsx)(`${prefixCls}-input`, classNames?.input, className);
+		const inputCls = (0, _v_c_util.clsx)(`${prefixCls}-input`, classNames?.input, className);
 		const sharedInputProps = {
 			id,
 			"type": mode === "combobox" ? "text" : "search",

package/dist/SelectInput/context.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var SelectInputKey = Symbol("SelectInputContext");

package/dist/SelectInput/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_useBaseProps = require("../hooks/useBaseProps.cjs");
 const require_keyUtil = require("../utils/keyUtil.cjs");
@@ -6,12 +9,12 @@ const require_Affix = require("./Affix.cjs");
 const require_context = require("./context.cjs");
 const require_index = require("./Content/index.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
-let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
 var DEFAULT_OMIT_PROPS = [
 	"value",
 	"onChange",
@@ -53,13 +56,13 @@ var SelectInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expo
 	const onInternalInputKeyDown = (event) => {
 		const { keyCode } = event;
 		const isTextAreaElement = inputRef.value?.input instanceof HTMLTextAreaElement;
-		if (!isTextAreaElement && triggerOpen.value && (keyCode === __v_c_util_dist_KeyCode.default.UP || keyCode === __v_c_util_dist_KeyCode.default.DOWN)) event.preventDefault();
+		if (!isTextAreaElement && triggerOpen.value && (keyCode === _v_c_util_dist_KeyCode.default.UP || keyCode === _v_c_util_dist_KeyCode.default.DOWN)) event.preventDefault();
 		if (onInputKeyDown.value) onInputKeyDown.value(event);
 		if (isTextAreaElement && !triggerOpen.value && [
-			__v_c_util_dist_KeyCode.default.UP,
-			__v_c_util_dist_KeyCode.default.DOWN,
-			__v_c_util_dist_KeyCode.default.LEFT,
-			__v_c_util_dist_KeyCode.default.RIGHT
+			_v_c_util_dist_KeyCode.default.UP,
+			_v_c_util_dist_KeyCode.default.DOWN,
+			_v_c_util_dist_KeyCode.default.LEFT,
+			_v_c_util_dist_KeyCode.default.RIGHT
 		].includes(keyCode)) return;
 		if (require_keyUtil.isValidateOpenKey(keyCode)) toggleOpen.value?.(true);
 	};
@@ -74,7 +77,7 @@ var SelectInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expo
 	});
 	const onInternalMouseDown = (event) => {
 		if (!disabled.value) {
-			if (event.target !== (0, __v_c_util_dist_Dom_findDOMNode.getDOM)(inputRef.value?.input)) event.preventDefault();
+			if (event.target !== (0, _v_c_util_dist_Dom_findDOMNode.getDOM)(inputRef.value?.input)) event.preventDefault();
 			const shouldPreventClose = triggerOpen.value && !multiple.value && (mode.value === "combobox" || showSearch.value);
 			if (!event._select_lazy) {
 				inputRef.value?.input?.focus();
@@ -93,7 +96,7 @@ var SelectInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expo
 	})));
 	return () => {
 		const RootComponent = components.value?.root;
-		const domProps = (0, __v_c_util_dist_omit.default)({
+		const domProps = (0, _v_c_util_dist_omit.default)({
 			...attrs,
 			onFocus: props.onFocus,
 			onBlur: props.onBlur,
@@ -119,16 +122,16 @@ var SelectInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expo
 			"onBlur": onInternalBlur
 		}), [
 			(0, vue.createVNode)(require_Affix.default, {
-				"class": (0, __v_c_util.clsx)(`${prefixCls.value}-prefix`, classNamesConfig.value?.prefix),
+				"class": (0, _v_c_util.clsx)(`${prefixCls.value}-prefix`, classNamesConfig.value?.prefix),
 				"style": stylesConfig.value?.prefix
 			}, { default: () => [prefix.value] }),
 			(0, vue.createVNode)(require_index.default, { "ref": inputRef }, null),
 			(0, vue.createVNode)(require_Affix.default, {
-				"class": (0, __v_c_util.clsx)(`${prefixCls.value}-suffix`, { [`${prefixCls.value}-suffix-loading`]: loading.value }, classNamesConfig.value?.suffix),
+				"class": (0, _v_c_util.clsx)(`${prefixCls.value}-suffix`, { [`${prefixCls.value}-suffix-loading`]: loading.value }, classNamesConfig.value?.suffix),
 				"style": stylesConfig.value?.suffix
 			}, { default: () => [suffix.value] }),
 			clearIcon.value && (0, vue.createVNode)(require_Affix.default, {
-				"class": (0, __v_c_util.clsx)(`${prefixCls.value}-clear`, classNamesConfig.value?.clear),
+				"class": (0, _v_c_util.clsx)(`${prefixCls.value}-clear`, classNamesConfig.value?.clear),
 				"style": stylesConfig.value?.clear,
 				"onMousedown": (e) => {
 					e._select_lazy = true;

package/dist/SelectTrigger.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_trigger = require("@v-c/trigger");
-__v_c_trigger = require_rolldown_runtime.__toESM(__v_c_trigger);
+let _v_c_util = require("@v-c/util");
+let _v_c_trigger = require("@v-c/trigger");
+_v_c_trigger = require_rolldown_runtime.__toESM(_v_c_trigger);
 function getBuiltInPlacements(popupMatchSelectWidth) {
 	const adjustX = popupMatchSelectWidth === true ? 0 : 1;
 	return {
@@ -57,14 +60,14 @@ var SelectTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, at
 	const triggerPopupRef = (0, vue.shallowRef)();
 	expose({ getPopupElement: () => triggerPopupRef.value?.popupElement });
 	return () => {
-		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty,...restProps } = props;
+		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty, ...restProps } = props;
 		let popupNode = popupElement;
 		if (popupRender) popupNode = popupRender(popupElement);
 		const popupPrefixCls = `${prefixCls}-dropdown`;
 		const mergedTransitionName = animation ? `${popupPrefixCls}-${animation}` : transitionName;
 		const mergedPopupStyle = popupStyle ?? {};
 		if (isNumberPopupWidth.value) mergedPopupStyle.width = `${popupMatchSelectWidth}px`;
-		return (0, vue.createVNode)(__v_c_trigger.default, (0, vue.mergeProps)(attrs, restProps, {
+		return (0, vue.createVNode)(_v_c_trigger.default, (0, vue.mergeProps)(attrs, restProps, {
 			"showAction": onPopupVisibleChange ? ["click"] : [],
 			"hideAction": onPopupVisibleChange ? ["click"] : [],
 			"popupPlacement": placement || (direction === "rtl" ? "bottomRight" : "bottomLeft"),
@@ -80,7 +83,7 @@ var SelectTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, at
 			"popupAlign": popupAlign,
 			"popupVisible": visible,
 			"getPopupContainer": getPopupContainer,
-			"popupClassName": (0, __v_c_util.clsx)(popupClassName, { [`${popupPrefixCls}-empty`]: empty }),
+			"popupClassName": (0, _v_c_util.clsx)(popupClassName, { [`${popupPrefixCls}-empty`]: empty }),
 			"popupStyle": mergedPopupStyle,
 			"onPopupVisibleChange": onPopupVisibleChange ?? void 0
 		}), { default: () => [slots?.default?.()] });

package/dist/SelectTrigger.js

@@ -54,7 +54,7 @@ var SelectTrigger_default = /* @__PURE__ */ defineComponent((props, { slots, att
 	const triggerPopupRef = shallowRef();
 	expose({ getPopupElement: () => triggerPopupRef.value?.popupElement });
 	return () => {
-		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty,...restProps } = props;
+		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty, ...restProps } = props;
 		let popupNode = popupElement;
 		if (popupRender) popupNode = popupRender(popupElement);
 		const popupPrefixCls = `${prefixCls}-dropdown`;

package/dist/TransBtn.cjs

@@ -1,7 +1,10 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var TransBtn = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	return () => {
 		const { className, style, customizeIcon, customizeIconProps, onMouseDown, onClick } = props;
@@ -20,7 +23,7 @@ var TransBtn = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 			"unselectable": "on",
 			"onClick": onClick,
 			"aria-hidden": true
-		}, [icon !== void 0 ? icon : (0, vue.createVNode)("span", { "class": (0, __v_c_util.clsx)(className.split(/\s+/).map((cls) => `${cls}-icon`)) }, [slots?.default?.()])]);
+		}, [icon !== void 0 ? icon : (0, vue.createVNode)("span", { "class": (0, _v_c_util.clsx)(className.split(/\s+/).map((cls) => `${cls}-icon`)) }, [slots?.default?.()])]);
 	};
 }, {
 	props: {

package/dist/hooks/index.cjs

@@ -1,14 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_useBaseProps = require("./useBaseProps.cjs");
 const require_useAllowClear = require("./useAllowClear.cjs");
+const require_useCache = require("./useCache.cjs");
 const require_useComponents = require("./useComponents.cjs");
+const require_useFilterOptions = require("./useFilterOptions.cjs");
 const require_useLock = require("./useLock.cjs");
 const require_useOpen = require("./useOpen.cjs");
-const require_useSelectTriggerControl = require("./useSelectTriggerControl.cjs");
-const require_useCache = require("./useCache.cjs");
-const require_useFilterOptions = require("./useFilterOptions.cjs");
 const require_useOptions = require("./useOptions.cjs");
 const require_useRefFunc = require("./useRefFunc.cjs");
 const require_useSearchConfig = require("./useSearchConfig.cjs");
+const require_useSelectTriggerControl = require("./useSelectTriggerControl.cjs");
 exports.useAllowClear = require_useAllowClear.useAllowClear;
 exports.useBaseProps = require_useBaseProps.default;
 exports.useBaseSelectProvider = require_useBaseProps.useBaseSelectProvider;

package/dist/hooks/index.js

@@ -1,12 +1,12 @@
 import useBaseProps, { useBaseSelectProvider } from "./useBaseProps.js";
 import { useAllowClear } from "./useAllowClear.js";
+import useCache from "./useCache.js";
 import useComponents from "./useComponents.js";
+import useFilterOptions from "./useFilterOptions.js";
 import useLock from "./useLock.js";
 import useOpen from "./useOpen.js";
-import useSelectTriggerControl from "./useSelectTriggerControl.js";
-import useCache from "./useCache.js";
-import useFilterOptions from "./useFilterOptions.js";
 import useOptions from "./useOptions.js";
 import useRefFunc from "./useRefFunc.js";
 import useSearchConfig from "./useSearchConfig.js";
+import useSelectTriggerControl from "./useSelectTriggerControl.js";
 export { useAllowClear, useBaseProps, useBaseSelectProvider, useCache, useComponents, useFilterOptions, useLock, useOpen, useOptions, useRefFunc, useSearchConfig, useSelectTriggerControl };

package/dist/hooks/useAllowClear.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useAllowClear(_prefixCls, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode) {

package/dist/hooks/useBaseProps.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var BaseSelectContext = Symbol("BaseSelectContext");

package/dist/hooks/useCache.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useCache(labeledValues, valueOptions) {

package/dist/hooks/useComponents.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useComponents(components, getInputElement, getRawInputElement) {

package/dist/hooks/useFilterOptions.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_commonUtil = require("../utils/commonUtil.cjs");
 let vue = require("vue");

package/dist/hooks/useLock.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useLock(duration = 250) {

package/dist/hooks/useOpen.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function internalMacroTask(fn) {

package/dist/hooks/useOptions.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useOptions(options, childrenOptions, fieldNames, optionFilterProp, optionLabelProp) {

package/dist/hooks/useRefFunc.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useRefFunc(callback) {

package/dist/hooks/useSearchConfig.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useSearchConfig(showSearch, props, mode) {

package/dist/hooks/useSelectTriggerControl.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useSelectTriggerControl(elements, open, triggerOpen, customizedTrigger) {

package/dist/index.cjs

@@ -1,16 +1,22 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_OptGroup = require("./OptGroup.cjs");
 const require_Option = require("./Option.cjs");
+const require_useBaseProps = require("./hooks/useBaseProps.cjs");
 const require_SelectContext = require("./SelectContext.cjs");
 const require_OptionList = require("./OptionList.cjs");
-const require_index = require("./BaseSelect/index.cjs");
+require("./hooks/index.cjs");
+const require_index$1 = require("./BaseSelect/index.cjs");
 const require_Select = require("./Select.cjs");
 var src_default = require_Select.default;
-exports.BaseSelect = require_index.BaseSelect;
+exports.BaseSelect = require_index$1.BaseSelect;
 exports.OptGroup = require_OptGroup.default;
 exports.Option = require_Option.default;
 exports.OptionList = require_OptionList.default;
 exports.Select = require_Select.default;
 exports.default = src_default;
+exports.useBaseProps = require_useBaseProps.default;
 exports.useSelectContext = require_SelectContext.useSelectContext;
 exports.useSelectProvider = require_SelectContext.useSelectProvider;

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-import { BaseSelectProps, BaseSelectRef, CustomTagProps, RefOptionListProps, BaseSelect } from './BaseSelect';
+import { BaseSelectProps, BaseSelectPropsWithoutPrivate, BaseSelectRef, BaseSelectSemanticName, CustomTagProps, RefOptionListProps, BaseSelect } from './BaseSelect';
 import { DisplayInfoType, DisplayValueType, FlattenOptionData, Mode, Placement, RawValueType, RenderNode } from './interface';
 import { BaseOptionType, DefaultOptionType, DraftValueType, FieldNames, FilterFunc, LabelInValueType, OnActiveValue, OnInternalSelect, SearchConfig, SelectHandler, SelectProps, default as Select } from './Select';
+import { useBaseProps } from './hooks';
 import { default as OptGroup } from './OptGroup';
 import { default as Option } from './Option';
 import { default as OptionList } from './OptionList';
 import { useSelectContext, useSelectProvider } from './SelectContext';
-export { BaseSelect, OptGroup, Option, OptionList, Select, useSelectContext, useSelectProvider, };
-export type { BaseOptionType, BaseSelectProps, BaseSelectRef, CustomTagProps, DefaultOptionType, DisplayInfoType, DisplayValueType, DraftValueType, FieldNames, FilterFunc, FlattenOptionData, LabelInValueType, Mode, OnActiveValue, OnInternalSelect, Placement, RawValueType, RefOptionListProps, RenderNode, SearchConfig, SelectHandler, SelectProps, };
+export { BaseSelect, OptGroup, Option, OptionList, Select, useBaseProps, useSelectContext, useSelectProvider, };
+export type { BaseOptionType, BaseSelectProps, BaseSelectPropsWithoutPrivate, BaseSelectRef, BaseSelectSemanticName, CustomTagProps, DefaultOptionType, DisplayInfoType, DisplayValueType, DraftValueType, FieldNames, FilterFunc, FlattenOptionData, LabelInValueType, Mode, OnActiveValue, OnInternalSelect, Placement, RawValueType, RefOptionListProps, RenderNode, SearchConfig, SelectHandler, SelectProps, };
 export default Select;

package/dist/index.js

@@ -1,8 +1,10 @@
 import OptGroup_default from "./OptGroup.js";
 import Option_default from "./Option.js";
+import useBaseProps from "./hooks/useBaseProps.js";
 import { useSelectContext, useSelectProvider } from "./SelectContext.js";
 import OptionList_default from "./OptionList.js";
+import "./hooks/index.js";
 import { BaseSelect } from "./BaseSelect/index.js";
 import Select_default from "./Select.js";
 var src_default = Select_default;
-export { BaseSelect, OptGroup_default as OptGroup, Option_default as Option, OptionList_default as OptionList, Select_default as Select, src_default as default, useSelectContext, useSelectProvider };
+export { BaseSelect, OptGroup_default as OptGroup, Option_default as Option, OptionList_default as OptionList, Select_default as Select, src_default as default, useBaseProps, useSelectContext, useSelectProvider };

package/dist/interface.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/utils/commonUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function toArray(value) {
 	if (value === null || value === void 0) return [];
 	return Array.isArray(value) ? value : [value];

package/dist/utils/keyUtil.cjs

@@ -1,36 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
 function isValidateOpenKey(currentKeyCode) {
 	return !!currentKeyCode && ![
-		__v_c_util_dist_KeyCode.default.ESC,
-		__v_c_util_dist_KeyCode.default.SHIFT,
-		__v_c_util_dist_KeyCode.default.BACKSPACE,
-		__v_c_util_dist_KeyCode.default.TAB,
-		__v_c_util_dist_KeyCode.default.WIN_KEY,
-		__v_c_util_dist_KeyCode.default.ALT,
-		__v_c_util_dist_KeyCode.default.META,
-		__v_c_util_dist_KeyCode.default.WIN_KEY_RIGHT,
-		__v_c_util_dist_KeyCode.default.CTRL,
-		__v_c_util_dist_KeyCode.default.SEMICOLON,
-		__v_c_util_dist_KeyCode.default.EQUALS,
-		__v_c_util_dist_KeyCode.default.CAPS_LOCK,
-		__v_c_util_dist_KeyCode.default.CONTEXT_MENU,
-		__v_c_util_dist_KeyCode.default.UP,
-		__v_c_util_dist_KeyCode.default.LEFT,
-		__v_c_util_dist_KeyCode.default.RIGHT,
-		__v_c_util_dist_KeyCode.default.F1,
-		__v_c_util_dist_KeyCode.default.F2,
-		__v_c_util_dist_KeyCode.default.F3,
-		__v_c_util_dist_KeyCode.default.F4,
-		__v_c_util_dist_KeyCode.default.F5,
-		__v_c_util_dist_KeyCode.default.F6,
-		__v_c_util_dist_KeyCode.default.F7,
-		__v_c_util_dist_KeyCode.default.F8,
-		__v_c_util_dist_KeyCode.default.F9,
-		__v_c_util_dist_KeyCode.default.F10,
-		__v_c_util_dist_KeyCode.default.F11,
-		__v_c_util_dist_KeyCode.default.F12
+		_v_c_util_dist_KeyCode.default.ESC,
+		_v_c_util_dist_KeyCode.default.SHIFT,
+		_v_c_util_dist_KeyCode.default.BACKSPACE,
+		_v_c_util_dist_KeyCode.default.TAB,
+		_v_c_util_dist_KeyCode.default.WIN_KEY,
+		_v_c_util_dist_KeyCode.default.ALT,
+		_v_c_util_dist_KeyCode.default.META,
+		_v_c_util_dist_KeyCode.default.WIN_KEY_RIGHT,
+		_v_c_util_dist_KeyCode.default.CTRL,
+		_v_c_util_dist_KeyCode.default.SEMICOLON,
+		_v_c_util_dist_KeyCode.default.EQUALS,
+		_v_c_util_dist_KeyCode.default.CAPS_LOCK,
+		_v_c_util_dist_KeyCode.default.CONTEXT_MENU,
+		_v_c_util_dist_KeyCode.default.UP,
+		_v_c_util_dist_KeyCode.default.LEFT,
+		_v_c_util_dist_KeyCode.default.RIGHT,
+		_v_c_util_dist_KeyCode.default.F1,
+		_v_c_util_dist_KeyCode.default.F2,
+		_v_c_util_dist_KeyCode.default.F3,
+		_v_c_util_dist_KeyCode.default.F4,
+		_v_c_util_dist_KeyCode.default.F5,
+		_v_c_util_dist_KeyCode.default.F6,
+		_v_c_util_dist_KeyCode.default.F7,
+		_v_c_util_dist_KeyCode.default.F8,
+		_v_c_util_dist_KeyCode.default.F9,
+		_v_c_util_dist_KeyCode.default.F10,
+		_v_c_util_dist_KeyCode.default.F11,
+		_v_c_util_dist_KeyCode.default.F12
 	].includes(currentKeyCode);
 }
 exports.isValidateOpenKey = isValidateOpenKey;

package/dist/utils/legacyUtil.cjs

@@ -1,8 +1,9 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function convertNodeToOption(node) {
 	const { key, props, children } = node;
-	const { value, label,...restProps } = props || {};
+	const { value, label, ...restProps } = props || {};
 	let finalChildren = children;
 	if (typeof children === "function") finalChildren = children();
 	else if (children && typeof children === "object" && "default" in children) finalChildren = typeof children.default === "function" ? children.default() : children.default;
@@ -15,12 +16,12 @@ function convertNodeToOption(node) {
 	};
 }
 function convertChildrenToData(nodes, optionOnly = false) {
-	return nodes.map((node, index) => {
+	return (0, vue.toRaw)(nodes).map((node, index) => {
 		if (!(0, vue.isVNode)(node) || !node.type) return null;
 		const { type, key, props } = node;
 		const isSelectOptGroup = type?.isSelectOptGroup;
 		if (optionOnly || !isSelectOptGroup) return convertNodeToOption(node);
-		const { children,...restProps } = props || {};
+		const { children, ...restProps } = props || {};
 		return {
 			key: `__VC_SELECT_GRP__${key === null ? index : String(key)}__`,
 			label: key,

package/dist/utils/legacyUtil.js

@@ -1,7 +1,7 @@
-import { isVNode } from "vue";
+import { isVNode, toRaw } from "vue";
 function convertNodeToOption(node) {
 	const { key, props, children } = node;
-	const { value, label,...restProps } = props || {};
+	const { value, label, ...restProps } = props || {};
 	let finalChildren = children;
 	if (typeof children === "function") finalChildren = children();
 	else if (children && typeof children === "object" && "default" in children) finalChildren = typeof children.default === "function" ? children.default() : children.default;
@@ -14,12 +14,12 @@ function convertNodeToOption(node) {
 	};
 }
 function convertChildrenToData(nodes, optionOnly = false) {
-	return nodes.map((node, index) => {
+	return toRaw(nodes).map((node, index) => {
 		if (!isVNode(node) || !node.type) return null;
 		const { type, key, props } = node;
 		const isSelectOptGroup = type?.isSelectOptGroup;
 		if (optionOnly || !isSelectOptGroup) return convertNodeToOption(node);
-		const { children,...restProps } = props || {};
+		const { children, ...restProps } = props || {};
 		return {
 			key: `__VC_SELECT_GRP__${key === null ? index : String(key)}__`,
 			label: key,

package/dist/utils/platformUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 /* istanbul ignore file */
 function isPlatformMac() {
 	return /(mac\sos|macintosh)/i.test(navigator.appVersion);

package/dist/utils/valueUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function getKey(data, index) {
 	const { key } = data;
 	let value;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/select",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -29,10 +29,10 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/trigger": "^1.0.2",
     "@v-c/overflow": "^1.0.1",
-    "@v-c/util": "^1.0.3",
-    "@v-c/virtual-list": "^1.0.3"
+    "@v-c/trigger": "^1.0.2",
+    "@v-c/util": "^1.0.5",
+    "@v-c/virtual-list": "^1.0.5"
   },
   "scripts": {
     "build": "vite build",