antdv-next 1.3.6 → 1.4.0

package/dist/result/style/index.js

@@ -1,7 +1,6 @@
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/result/style/index.ts
 const genBaseStyle = (token) => {
 	const { componentCls, lineHeightHeading3, iconCls, padding, paddingXL, paddingXS, paddingLG, marginXS, lineHeight } = token;
@@ -78,6 +77,5 @@ var style_default = genStyleHooks("Result", (token) => {
 		imageHeight: 295
 	}));
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/result/unauthorized.d.ts

@@ -1,6 +1,4 @@
-import * as vue_jsx_runtime4 from "vue/jsx-runtime";
-
 //#region src/result/unauthorized.d.ts
-declare function Unauthorized(): vue_jsx_runtime4.JSX.Element;
+declare function Unauthorized(): import("vue/jsx-runtime").JSX.Element;
 //#endregion
 export { Unauthorized as default };

package/dist/result/unauthorized.js

@@ -1,5 +1,4 @@
 import { createVNode } from "vue";
-
 //#region src/result/unauthorized.tsx
 function Unauthorized() {
 	return createVNode("svg", {
@@ -281,7 +280,5 @@ function Unauthorized() {
 		}, null)
 	])]);
 }
-var unauthorized_default = Unauthorized;
-
 //#endregion
-export { unauthorized_default as default };
+export { Unauthorized as default };

package/dist/segmented/index.d.ts

@@ -1,10 +1,8 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { TooltipProps } from "../tooltip/index.js";
-import * as vue504 from "vue";
 import { App, CSSProperties, SlotsType } from "vue";
 import { SegmentedLabeledOption as SegmentedLabeledOption$1, SegmentedProps as SegmentedProps$1, SegmentedRawOption, SegmentedValue } from "@v-c/segmented";
 
@@ -63,7 +61,7 @@ interface SegmentedSlots {
   iconRender: (option: SegmentedLabeledOption) => any;
   labelRender: (option: SegmentedLabeledOption) => any;
 }
-declare const InternalSegmented: vue504.DefineSetupFnComponent<SegmentedProps, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps, vue504.PublicProps>;
+declare const InternalSegmented: import("vue").DefineSetupFnComponent<SegmentedProps, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps, import("vue").PublicProps>;
 declare const Segmented: typeof InternalSegmented & {
   install: (app: App) => void;
 };

package/dist/segmented/index.js

@@ -1,15 +1,14 @@
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
-import tooltip_default from "../tooltip/index.js";
+import InternalTooltip from "../tooltip/index.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, useId } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty, removeUndefined } from "@v-c/util/dist/props-util";
 import VcSegmented from "@v-c/segmented";
-
 //#region src/segmented/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -25,7 +24,8 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 	const mergedProps = computed(() => {
 		return props;
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedSize = useSize(customSize);
 	const [, mergedVertical] = useOrientation(orientation, vertical);
@@ -41,7 +41,7 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 			const hasIcon = isSegmentedLabeledOptionWithIcon(option, iconFromSlot);
 			const hasCustomLabel = labelFromSlot.length > 0;
 			if (hasIcon || hasCustomLabel) {
-				const { label, ...restOption } = _option;
+				const { label, icon: _icon, ...restOption } = _option;
 				const mergedLabel = labelFromSlot.length > 0 ? labelFromSlot : label;
 				const showLabel = !!(labelFromSlot.length > 0) || !!label;
 				const icon = getSlotPropsFnRun({}, option, "icon") ?? iconFromSlot;
@@ -56,7 +56,7 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 		});
 	});
 	return () => {
-		const { rootClass, block, shape, ...restProps } = props;
+		const { rootClass, block, shape, classes, ...restProps } = props;
 		const cls = clsx(attrs.class, rootClass, contextClassName.value, mergedClassNames.value?.root, {
 			[`${prefixCls.value}-block`]: block,
 			[`${prefixCls.value}-sm`]: mergedSize.value === "small",
@@ -64,13 +64,10 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 			[`${prefixCls.value}-vertical`]: mergedVertical.value,
 			[`${prefixCls.value}-shape-${shape}`]: shape === "round"
 		}, hashId.value, cssVarCls.value);
-		const mergedStyle = {
-			...mergedStyles?.value?.root,
-			...contextStyle.value
-		};
+		const mergedStyle = { ...mergedStyles?.value?.root };
 		const itemRender = (node, { item }) => {
 			if (!item.tooltip) return node;
-			return createVNode(tooltip_default, typeof item.tooltip === "object" ? item.tooltip : { title: item.tooltip }, _isSlot(node) ? node : { default: () => [node] });
+			return createVNode(InternalTooltip, typeof item.tooltip === "object" ? item.tooltip : { title: item.tooltip }, _isSlot(node) ? node : { default: () => [node] });
 		};
 		return createVNode(VcSegmented, mergeProps(pureAttrs(attrs), removeUndefined(restProps), {
 			"name": name.value,
@@ -90,7 +87,7 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 		}), null);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		options: {
 			type: Array,
 			required: true
@@ -177,7 +174,5 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 Segmented.install = (app) => {
 	app.component(Segmented.name, Segmented);
 };
-var segmented_default = Segmented;
-
 //#endregion
-export { segmented_default as default };
+export { Segmented as default };

package/dist/segmented/style/index.d.ts

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue303 from "vue";
-
 //#region src/segmented/style/index.d.ts
 interface ComponentToken {
   /**
@@ -46,6 +43,6 @@ interface ComponentToken {
   trackBg: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Segmented'>;
-declare const _default: (prefixCls: vue303.Ref<string>, rootCls?: vue303.Ref<string | undefined>) => readonly [vue303.Ref<string, string>, vue303.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/segmented/style/index.js

@@ -3,7 +3,6 @@ import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { genNoMotionStyle } from "../../style/motion/util.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/segmented/style/index.ts
 function getItemDisabledStyle(cls, token) {
 	return { [`${cls}, ${cls}:hover, ${cls}:focus`]: {
@@ -176,6 +175,5 @@ var style_default = genStyleHooks("Segmented", (token) => {
 		segmentedPaddingHorizontalSM: calc(token.controlPaddingHorizontalSM).sub(lineWidth).equal()
 	}));
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/select/index.d.ts

@@ -1,15 +1,11 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { SelectCommonPlacement } from "../_util/motion.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
-import * as vue161 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SearchConfig, SelectProps as SelectProps$1 } from "@v-c/select";
-import * as _v_c_select_dist_Option_js0 from "@v-c/select/dist/Option.js";
-import * as _v_c_select_dist_OptGroup_js0 from "@v-c/select/dist/OptGroup.js";
 
 //#region src/select/index.d.ts
 type RawValue = string | number;
@@ -157,8 +153,8 @@ interface SelectSlots {
   maxTagPlaceholder?: (data: any[]) => any;
   notFoundContent?: () => any;
 }
-declare const Select: vue161.DefineSetupFnComponent<SelectProps, SelectEmits, SlotsType<SelectSlots>, SelectProps, vue161.PublicProps>;
-declare const SelectOption: vue161.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
-declare const SelectOptGroup: vue161.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
+declare const Select: import("vue").DefineSetupFnComponent<SelectProps, SelectEmits, SlotsType<SelectSlots>, SelectProps, import("vue").PublicProps>;
+declare const SelectOption: import("vue").FunctionalComponent<import("@v-c/select/dist/Option.js").OptionProps, {}, any, {}>;
+declare const SelectOptGroup: import("vue").FunctionalComponent<import("@v-c/select/dist/OptGroup.js").OptGroupProps, {}, any, {}>;
 //#endregion
 export { InternalSelectProps, LabeledValue, type SearchConfig, SelectClassNamesType, SelectEmits, SelectEmitsProps, SelectOptGroup, SelectOption, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectProps, SelectSemanticClassNames, SelectSemanticStyles, SelectSlots, SelectStylesType, SelectValue, Select as default };

package/dist/select/index.js

@@ -3,27 +3,26 @@ import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import useToken from "../theme/useToken.js";
 import { useCompactItemContext } from "../space/Compact.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { useZIndex } from "../_util/hooks/useZIndex.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import PurePanel_default from "../_util/PurePanel.js";
+import genPurePanel from "../_util/PurePanel.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
 import { useFormItemInputContext } from "../form/context.js";
 import { useVariants } from "../form/hooks/useVariant.js";
-import mergedBuiltinPlacements_default from "./mergedBuiltinPlacements.js";
+import mergedBuiltinPlacements from "./mergedBuiltinPlacements.js";
 import style_default from "./style/index.js";
 import useIcons from "./useIcons.js";
-import usePopupRender_default from "./usePopupRender.js";
+import usePopupRender from "./usePopupRender.js";
 import useShowArrow from "./useShowArrow.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { getTransitionName } from "@v-c/util/dist/utils/transition";
 import { omit } from "es-toolkit";
 import VcSelect, { OptGroup, Option } from "@v-c/select";
-
 //#region src/select/index.tsx
 const omitKeys = [
 	"onClear",
@@ -63,7 +62,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 	const direction = computed(() => propDirection.value ?? contextDirection.value);
 	const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
 	const [variant, enableVariantCls] = useVariants("select", customizeVariant, bordered);
-	const rootCls = useCSSVarCls_default(prefixCls);
+	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const mode = computed(() => {
 		const { mode: m } = props;
@@ -88,7 +87,8 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 			size: mergedSize.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => {
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps), computed(() => {
 		return { popup: { _default: "root" } };
 	}));
 	const memoPlacement = computed(() => {
@@ -133,7 +133,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 		const showSuffixIcon = useShowArrow(mergedSuffixIcon, showArrow);
 		const tagRender = slots?.tagRender ?? props?.tagRender;
 		const mergedPopupMatchSelectWidth = popupMatchSelectWidth ?? dropdownMatchSelectWidth ?? contextPopupMatchSelectWidth.value;
-		const mergedPopupRender = usePopupRender_default((slots?.popupRender ?? props?.popupRender) || dropdownRender);
+		const mergedPopupRender = usePopupRender((slots?.popupRender ?? props?.popupRender) || dropdownRender);
 		const notFoundContent = getSlotPropsFnRun(slots, props, "notFoundContent", false);
 		const { status: contextStatus, hasFeedback, isFormItemInput, feedbackIcon } = formItemInputContext.value || {};
 		const mergedStatus = getMergedStatus(contextStatus, customStatus);
@@ -238,12 +238,11 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 			"labelRender": labelRender,
 			"style": {
 				...mergedStyles.value.root,
-				...contextStyle.value,
 				...style
 			},
 			"popupMatchSelectWidth": mergedPopupMatchSelectWidth,
 			"transitionName": getTransitionName(rootPrefixCls.value, "slide-up", transitionName),
-			"builtinPlacements": mergedBuiltinPlacements_default(builtinPlacements, popupOverflow.value),
+			"builtinPlacements": mergedBuiltinPlacements(builtinPlacements, popupOverflow.value),
 			"listHeight": listHeight,
 			"listItemHeight": listItemHeight.value,
 			"mode": mode.value,
@@ -273,7 +272,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 		}), null);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		placement: {
 			type: String,
 			required: false
@@ -684,10 +683,8 @@ Select.install = (app) => {
 Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 Select.Option = Option;
 Select.OptGroup = OptGroup;
-var select_default = Select;
-Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default(Select, "popupAlign");
+Select._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(Select, "popupAlign");
 const SelectOption = Option;
 const SelectOptGroup = OptGroup;
-
 //#endregion
-export { SelectOptGroup, SelectOption, select_default as default };
+export { SelectOptGroup, SelectOption, Select as default };

package/dist/select/mergedBuiltinPlacements.js

@@ -35,7 +35,5 @@ function getBuiltInPlacements(popupOverflow) {
 function mergedBuiltinPlacements(buildInPlacements, popupOverflow) {
 	return buildInPlacements || getBuiltInPlacements(popupOverflow);
 }
-var mergedBuiltinPlacements_default = mergedBuiltinPlacements;
-
 //#endregion
-export { mergedBuiltinPlacements_default as default };
+export { mergedBuiltinPlacements as default };

package/dist/select/style/dropdown.d.ts

@@ -1,7 +1,5 @@
 import { SelectToken } from "./token.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
-
 //#region src/select/style/dropdown.d.ts
 declare const genSingleStyle: GenerateStyle<SelectToken>;
 //#endregion

package/dist/select/style/dropdown.js

@@ -1,7 +1,6 @@
 import { resetComponent, textEllipsis } from "../../style/index.js";
 import { initMoveMotion } from "../../style/motion/move.js";
 import { initSlideMotion, slideDownIn, slideDownOut, slideUpIn, slideUpOut } from "../../style/motion/slide.js";
-
 //#region src/select/style/dropdown.ts
 const genItemStyle = (token) => {
 	const { optionHeight, optionFontSize, optionLineHeight, optionPadding } = token;
@@ -113,7 +112,5 @@ const genSingleStyle = (token) => {
 		initMoveMotion(token, "move-down")
 	];
 };
-var dropdown_default = genSingleStyle;
-
 //#endregion
-export { dropdown_default as default };
+export { genSingleStyle as default };

package/dist/select/style/index.d.ts

@@ -1,7 +1,6 @@
 import { ComponentToken } from "./token.js";
-import * as vue87 from "vue";
 
 //#region src/select/style/index.d.ts
-declare const _default: (prefixCls: vue87.Ref<string>, rootCls?: vue87.Ref<string | undefined>) => readonly [vue87.Ref<string, string>, vue87.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { type ComponentToken, _default as default };

package/dist/select/style/index.js

@@ -2,10 +2,9 @@ import { resetComponent, textEllipsis } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { genCompactItemStyle } from "../../style/compact-item.js";
-import dropdown_default from "./dropdown.js";
-import select_input_default from "./select-input.js";
+import genSingleStyle from "./dropdown.js";
+import genSelectInputStyle from "./select-input.js";
 import { prepareComponentToken } from "./token.js";
-
 //#region src/select/style/index.ts
 const genBaseStyle = (token) => {
 	const { antCls, componentCls, motionDurationMid, inputPaddingHorizontalBase } = token;
@@ -64,7 +63,7 @@ const genSelectStyle = (token) => {
 	return [
 		{ [componentCls]: { [`&${componentCls}-in-form-item`]: { width: "100%" } } },
 		genBaseStyle(token),
-		dropdown_default(token),
+		genSingleStyle(token),
 		{ [`${componentCls}-rtl`]: { direction: "rtl" } },
 		genCompactItemStyle(token, { focusElCls: `${componentCls}-focused` })
 	];
@@ -76,11 +75,10 @@ var style_default = genStyleHooks("Select", (token, { rootPrefixCls }) => {
 		multipleSelectItemHeight: token.multipleItemHeight,
 		selectHeight: token.controlHeight
 	});
-	return [genSelectStyle(selectToken), select_input_default(selectToken)];
+	return [genSelectStyle(selectToken), genSelectInputStyle(selectToken)];
 }, prepareComponentToken, { unitless: {
 	optionLineHeight: true,
 	optionSelectedFontWeight: true
 } });
-
 //#endregion
-export { style_default as default };
+export { style_default as default };

package/dist/select/style/select-input-customize.js

@@ -26,7 +26,5 @@ const genSelectInputCustomizeStyle = (token) => {
 		}
 	} };
 };
-var select_input_customize_default = genSelectInputCustomizeStyle;
-
 //#endregion
-export { select_input_customize_default as default };
+export { genSelectInputCustomizeStyle as default };

package/dist/select/style/select-input-multiple.js

@@ -1,6 +1,5 @@
 import { resetIcon, textEllipsis } from "../../style/index.js";
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/select/style/select-input-multiple.ts
 const FIXED_INPUT_MIN_WIDTH = 4;
 const genSelectInputMultipleStyle = (token) => {
@@ -95,7 +94,5 @@ const genSelectInputMultipleStyle = (token) => {
 		}
 	} };
 };
-var select_input_multiple_default = genSelectInputMultipleStyle;
-
 //#endregion
-export { select_input_multiple_default as default };
+export { genSelectInputMultipleStyle as default };

package/dist/select/style/select-input.js

@@ -1,9 +1,8 @@
 import { resetComponent, textEllipsis } from "../../style/index.js";
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-import select_input_customize_default from "./select-input-customize.js";
-import select_input_multiple_default from "./select-input-multiple.js";
+import genSelectInputCustomizeStyle from "./select-input-customize.js";
+import genSelectInputMultipleStyle from "./select-input-multiple.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/select/style/select-input.ts
 /** Set CSS variables and hover/focus styles for a Select input based on provided colors. */
 function genSelectInputVariableStyle(token, colors) {
@@ -52,6 +51,13 @@ function genSelectInputVariantStyle(token, variant, colors, errorColors = {}, wa
 		patchStyle
 	] };
 }
+function genSelectInputFocusVisibleStyle(token, outlineColor) {
+	return {
+		outline: `${unit(token.lineWidth)} ${token.lineType} ${outlineColor}`,
+		outlineOffset: unit(token.calc(token.lineWidth).mul(-1).equal()),
+		transition: [`outline-offset`, `outline`].map((prop) => `${prop} 0s`).join(", ")
+	};
+}
 const genSelectInputStyle = (token) => {
 	const { componentCls, fontHeight, controlHeight, iconCls, antCls, calc } = token;
 	const [varName, varRef] = genCssVar(antCls, "select");
@@ -175,20 +181,26 @@ const genSelectInputStyle = (token) => {
 				},
 				"&-has-search-value": {
 					color: "transparent",
-					[`> :not(${componentCls}-input)`]: { opacity: 0 }
+					[`> *:not(${componentCls}-input)`]: { opacity: 0 }
 				},
 				"&-value": {
 					transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
-					zIndex: 1
+					zIndex: 1,
+					opacity: 1
 				}
 			},
 			[`&${componentCls}-open ${componentCls}-content`]: {
-				color: token.colorTextPlaceholder,
-				"&-has-search-value": { color: "transparent" }
+				"&-has-value": { opacity: .25 },
+				"&-has-search-value": {
+					opacity: 1,
+					transition: `opacity ${token.motionDurationMid} ${token.motionEaseInOut}`,
+					color: "transparent",
+					[`> *:not(${componentCls}-input)`]: { opacity: 0 }
+				}
 			}
 		} },
 		{ [`&-show-search:not(${componentCls}-customize-input):not(${componentCls}-disabled)`]: { cursor: "text" } },
-		select_input_multiple_default(token),
+		genSelectInputMultipleStyle(token),
 		genSelectInputVariantStyle(token, "outlined", {
 			border: token.colorBorder,
 			borderHover: token.hoverBorderColor,
@@ -231,6 +243,10 @@ const genSelectInputStyle = (token) => {
 			borderActive: "transparent",
 			borderOutline: "transparent",
 			background: "transparent"
+		}, {}, {}, {
+			[`&:not(${componentCls}-disabled):has(input:focus-visible), &:not(${componentCls}-disabled):has(textarea:focus-visible)`]: genSelectInputFocusVisibleStyle(token, token.activeBorderColor),
+			[`&${componentCls}-status-error:not(${componentCls}-disabled):has(input:focus-visible), &${componentCls}-status-error:not(${componentCls}-disabled):has(textarea:focus-visible)`]: genSelectInputFocusVisibleStyle(token, token.colorError),
+			[`&${componentCls}-status-warning:not(${componentCls}-disabled):has(input:focus-visible), &${componentCls}-status-warning:not(${componentCls}-disabled):has(textarea:focus-visible)`]: genSelectInputFocusVisibleStyle(token, token.colorWarning)
 		}),
 		genSelectInputVariantStyle(token, "underlined", {
 			border: token.colorBorder,
@@ -250,10 +266,8 @@ const genSelectInputStyle = (token) => {
 			borderTopColor: "transparent",
 			borderInlineColor: "transparent"
 		}),
-		select_input_customize_default(token)
+		genSelectInputCustomizeStyle(token)
 	] };
 };
-var select_input_default = genSelectInputStyle;
-
 //#endregion
-export { select_input_default as default };
+export { genSelectInputStyle as default };

package/dist/select/style/token.d.ts

@@ -1,5 +1,4 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 
 //#region src/select/style/token.d.ts

package/dist/select/style/token.js

@@ -35,6 +35,5 @@ const prepareComponentToken = (token) => {
 		selectAffixPadding: paddingXXS
 	};
 };
-
 //#endregion
-export { prepareComponentToken };
+export { prepareComponentToken };

package/dist/select/useIcons.d.ts

@@ -1,5 +1,4 @@
 import { RenderNodeFn, VueNode } from "../_util/type.js";
-import * as vue_jsx_runtime6 from "vue/jsx-runtime";
 
 //#region src/select/useIcons.d.ts
 type RenderNode = VueNode;
@@ -32,15 +31,15 @@ declare function useIcons({
   componentName: string;
 }): {
   clearIcon: VueNode;
-  suffixIcon: vue_jsx_runtime6.JSX.Element | (({
+  suffixIcon: import("vue/jsx-runtime").JSX.Element | (({
     open,
     showSearch
   }: {
     open: boolean;
     showSearch: boolean;
-  }) => vue_jsx_runtime6.JSX.Element | null) | null;
-  itemIcon: string | number | boolean | vue_jsx_runtime6.JSX.Element | RenderNodeFn<any[]> | null;
-  removeIcon: string | number | boolean | vue_jsx_runtime6.JSX.Element | RenderNodeFn<any[]> | null;
+  }) => import("vue/jsx-runtime").JSX.Element | null) | null;
+  itemIcon: string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null;
+  removeIcon: string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null;
 };
 //#endregion
 export { useIcons as default };

package/dist/select/useIcons.js

@@ -2,7 +2,6 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import { Fragment, createVNode } from "vue";
 import { CheckOutlined, CloseCircleFilled, CloseOutlined, DownOutlined, LoadingOutlined, SearchOutlined } from "@antdv-next/icons";
-
 //#region src/select/useIcons.tsx
 function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, loadingIcon, multiple, hasFeedback, showSuffixIcon, feedbackIcon, showArrow, componentName }) {
 	if (isDev) devUseWarning(componentName).deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: VueNode }}");
@@ -33,6 +32,5 @@ function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loa
 		removeIcon: mergedRemoveIcon
 	};
 }
-
 //#endregion
-export { useIcons as default };
+export { useIcons as default };

package/dist/select/usePopupRender.d.ts

@@ -1,7 +1,5 @@
-import * as vue_jsx_runtime10 from "vue/jsx-runtime";
-
 //#region src/select/usePopupRender.d.ts
 type RenderFunction = (...args: any[]) => any;
-declare function usePopupRender(renderFn?: RenderFunction): ((...args: any[]) => vue_jsx_runtime10.JSX.Element) | undefined;
+declare function usePopupRender(renderFn?: RenderFunction): ((...args: any[]) => import("vue/jsx-runtime").JSX.Element) | undefined;
 //#endregion
 export { usePopupRender as default };

package/dist/select/usePopupRender.js

@@ -1,6 +1,5 @@
 import { ContextIsolator } from "../_util/ContextIsolator.js";
 import { createVNode, isVNode } from "vue";
-
 //#region src/select/usePopupRender.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -12,7 +11,5 @@ function usePopupRender(renderFn) {
 		return createVNode(ContextIsolator, { "space": true }, _isSlot(_slot = renderFn(...args)) ? _slot : { default: () => [_slot] });
 	};
 }
-var usePopupRender_default = usePopupRender;
-
 //#endregion
-export { usePopupRender_default as default };
+export { usePopupRender as default };

package/dist/select/useShowArrow.js

@@ -1,5 +1,4 @@
 import { getSlotPropsFnRun } from "../_util/tools.js";
-
 //#region src/select/useShowArrow.ts
 /**
 * Since Select, TreeSelect, Cascader is same Select like component.
@@ -11,6 +10,5 @@ function useShowArrow(suffixIcon, showArrow) {
 	showArrow = getSlotPropsFnRun({}, { suffixIcon }, "suffixIcon");
 	return showArrow !== void 0 ? showArrow : suffixIcon !== null;
 }
-
 //#endregion
-export { useShowArrow as default };
+export { useShowArrow as default };

package/dist/skeleton/Avatar.d.ts

@@ -1,10 +1,9 @@
 import { SkeletonElementProps } from "./Element.js";
-import * as vue538 from "vue";
 
 //#region src/skeleton/Avatar.d.ts
 interface SkeletonAvatarProps extends Omit<SkeletonElementProps, 'shape'> {
   shape?: 'circle' | 'square';
 }
-declare const SkeletonAvatar: vue538.DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, vue538.PublicProps>;
+declare const SkeletonAvatar: import("vue").DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonAvatarProps, SkeletonAvatar as default };