antdv-next 1.3.7 → 1.4.1

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 vue431 from "vue";
 
 //#region src/select/style/index.d.ts
-declare const _default: (prefixCls: vue431.Ref<string>, rootCls?: vue431.Ref<string | undefined>) => readonly [vue431.Ref<string, string>, vue431.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_runtime20 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_runtime20.JSX.Element | (({
+  suffixIcon: import("vue/jsx-runtime").JSX.Element | (({
     open,
     showSearch
   }: {
     open: boolean;
     showSearch: boolean;
-  }) => vue_jsx_runtime20.JSX.Element | null) | null;
-  itemIcon: string | number | boolean | vue_jsx_runtime20.JSX.Element | RenderNodeFn<any[]> | null;
-  removeIcon: string | number | boolean | vue_jsx_runtime20.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_runtime26 from "vue/jsx-runtime";
-
 //#region src/select/usePopupRender.d.ts
 type RenderFunction = (...args: any[]) => any;
-declare function usePopupRender(renderFn?: RenderFunction): ((...args: any[]) => vue_jsx_runtime26.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 vue387 from "vue";
 
 //#region src/skeleton/Avatar.d.ts
 interface SkeletonAvatarProps extends Omit<SkeletonElementProps, 'shape'> {
   shape?: 'circle' | 'square';
 }
-declare const SkeletonAvatar: vue387.DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, vue387.PublicProps>;
+declare const SkeletonAvatar: import("vue").DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonAvatarProps, SkeletonAvatar as default };

package/dist/skeleton/Avatar.js

@@ -1,11 +1,10 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
-import Element_default from "./Element.js";
+import Element from "./Element.js";
 import style_default from "./style/index.js";
 import { createVNode, defineComponent, mergeDefaults, mergeProps, toRef } from "vue";
 import { classNames } from "@v-c/util";
-
 //#region src/skeleton/Avatar.tsx
 const SkeletonAvatar = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("skeleton", props);
@@ -14,11 +13,10 @@ const SkeletonAvatar = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		const { active, rootClass, shape, classes, styles } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, classes?.root, rootClass, hashId.value, cssVarCls.value, contextClassName.value, className);
 		return createVNode("div", mergeProps(restAttrs, {
-			"class": cls,
+			"class": classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, classes?.root, rootClass, hashId.value, cssVarCls.value, contextClassName.value, className),
 			"style": [styles?.root, contextStyle.value]
-		}), [createVNode(Element_default, {
+		}), [createVNode(Element, {
 			"prefixCls": `${prefixCls.value}-avatar`,
 			"shape": shape,
 			"size": mergedSize.value,
@@ -27,7 +25,7 @@ const SkeletonAvatar = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		}, null)]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		shape: {
 			type: String,
 			required: false
@@ -65,7 +63,5 @@ const SkeletonAvatar = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonAvatar",
 	inheritAttrs: false
 });
-var Avatar_default = SkeletonAvatar;
-
 //#endregion
-export { Avatar_default as default };
+export { SkeletonAvatar as default };

package/dist/skeleton/Button.d.ts

@@ -1,6 +1,5 @@
 import { SizeType } from "../config-provider/SizeContext.js";
 import { SkeletonElementProps } from "./Element.js";
-import * as vue300 from "vue";
 
 //#region src/skeleton/Button.d.ts
 interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
@@ -10,6 +9,6 @@ interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
   size?: SizeType | 'default';
   block?: boolean;
 }
-declare const SkeletonButton: vue300.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue300.PublicProps>;
+declare const SkeletonButton: import("vue").DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonButtonProps, SkeletonButton as default };

package/dist/skeleton/Button.js

@@ -1,11 +1,10 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
-import Element_default from "./Element.js";
+import Element from "./Element.js";
 import style_default from "./style/index.js";
 import { createVNode, defineComponent, mergeDefaults, mergeProps, toRef } from "vue";
 import { classNames } from "@v-c/util";
-
 //#region src/skeleton/Button.tsx
 const SkeletonButton = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("skeleton", props);
@@ -14,14 +13,13 @@ const SkeletonButton = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		const { active, rootClass, block, shape, classes, styles } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, {
-			[`${prefixCls.value}-active`]: active,
-			[`${prefixCls.value}-block`]: block
-		}, classes?.root, rootClass, hashId.value, cssVarCls.value, contextClassName.value, className);
 		return createVNode("div", mergeProps(restAttrs, {
-			"class": cls,
+			"class": classNames(prefixCls.value, `${prefixCls.value}-element`, {
+				[`${prefixCls.value}-active`]: active,
+				[`${prefixCls.value}-block`]: block
+			}, classes?.root, rootClass, hashId.value, cssVarCls.value, contextClassName.value, className),
 			"style": [styles?.root, contextStyle.value]
-		}), [createVNode(Element_default, {
+		}), [createVNode(Element, {
 			"prefixCls": `${prefixCls.value}-button`,
 			"size": mergedSize.value,
 			"shape": shape,
@@ -30,7 +28,7 @@ const SkeletonButton = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		}, null)]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		size: {
 			type: [String, null],
 			required: false
@@ -69,7 +67,5 @@ const SkeletonButton = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonButton",
 	inheritAttrs: false
 });
-var Button_default = SkeletonButton;
-
 //#endregion
-export { Button_default as default };
+export { SkeletonButton as default };

package/dist/skeleton/Element.d.ts

@@ -1,6 +1,5 @@
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue304 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/skeleton/Element.d.ts
@@ -22,6 +21,6 @@ interface SkeletonElementProps extends ComponentBaseProps {
   classes?: ElementSemanticClassNames;
   styles?: ElementSemanticStyles;
 }
-declare const Element: vue304.DefineSetupFnComponent<SkeletonElementProps, {}, {}, SkeletonElementProps & {}, vue304.PublicProps>;
+declare const Element: import("vue").DefineSetupFnComponent<SkeletonElementProps, {}, {}, SkeletonElementProps & {}, import("vue").PublicProps>;
 //#endregion
 export { ElementSemanticClassNames, ElementSemanticStyles, SkeletonElementProps, Element as default };

package/dist/skeleton/Element.js

@@ -2,7 +2,6 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { createVNode, defineComponent } from "vue";
 import { classNames } from "@v-c/util";
-
 //#region src/skeleton/Element.tsx
 const Element = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	if (isDev) devUseWarning("Skeleton").deprecated(props.size !== "default", "size=\"default\"", "size=\"medium\"");
@@ -71,7 +70,5 @@ const Element = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	},
 	inheritAttrs: false
 });
-var Element_default = Element;
-
 //#endregion
-export { Element_default as default };
+export { Element as default };

package/dist/skeleton/Image.d.ts

@@ -1,8 +1,7 @@
 import { SkeletonNodeProps } from "./Node.js";
-import * as vue385 from "vue";
 
 //#region src/skeleton/Image.d.ts
 interface SkeletonImageProps extends Omit<SkeletonNodeProps, 'internalClassName'> {}
-declare const SkeletonImage: vue385.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue385.PublicProps>;
+declare const SkeletonImage: import("vue").DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonImageProps, SkeletonImage as default };

package/dist/skeleton/Image.js

@@ -1,13 +1,12 @@
 import { useBaseConfig } from "../config-provider/context.js";
-import Node_default from "./Node.js";
+import SkeletonNode from "./Node.js";
 import { createTextVNode, createVNode, defineComponent, mergeProps } from "vue";
-
 //#region src/skeleton/Image.tsx
 const path = "M365.7 329.1q0 45.8-32 77.7t-77.7 32-77.7-32-32-77.7 32-77.6 77.7-32 77.7 32 32 77.6M951 548.6v256H146.3V694.9L329 512l91.5 91.4L713 311zm54.8-402.3H91.4q-7.4 0-12.8 5.4T73 164.6v694.8q0 7.5 5.5 12.9t12.8 5.4h914.3q7.5 0 12.9-5.4t5.4-12.9V164.6q0-7.5-5.4-12.9t-12.9-5.4m91.4 18.3v694.8q0 37.8-26.8 64.6t-64.6 26.9H91.4q-37.7 0-64.6-26.9T0 859.4V164.6q0-37.8 26.8-64.6T91.4 73h914.3q37.8 0 64.6 26.9t26.8 64.6";
 const SkeletonImage = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const { prefixCls } = useBaseConfig("skeleton", props);
 	return () => {
-		return createVNode(Node_default, mergeProps(props, attrs, { "internalClassName": `${prefixCls.value}-image` }), { default: () => [createVNode("svg", {
+		return createVNode(SkeletonNode, mergeProps(props, attrs, { "internalClassName": `${prefixCls.value}-image` }), { default: () => [createVNode("svg", {
 			"viewBox": "0 0 1098 1024",
 			"xmlns": "http://www.w3.org/2000/svg",
 			"class": `${prefixCls.value}-image-svg`
@@ -48,7 +47,5 @@ const SkeletonImage = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonImage",
 	inheritAttrs: false
 });
-var Image_default = SkeletonImage;
-
 //#endregion
-export { Image_default as default };
+export { SkeletonImage as default };

package/dist/skeleton/Input.d.ts

@@ -1,6 +1,5 @@
 import { SizeType } from "../config-provider/SizeContext.js";
 import { SkeletonElementProps } from "./Element.js";
-import * as vue389 from "vue";
 
 //#region src/skeleton/Input.d.ts
 interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
@@ -10,6 +9,6 @@ interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'
   size?: SizeType | 'default';
   block?: boolean;
 }
-declare const SkeletonInput: vue389.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue389.PublicProps>;
+declare const SkeletonInput: import("vue").DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonInputProps, SkeletonInput as default };