antdv-next 1.5.6 → 1.7.0

package/dist/time-picker/index.js

@@ -105,6 +105,10 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 			type: [Object, Function],
 			required: false
 		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
 		id: {
 			type: [String, Object],
 			required: false
@@ -266,6 +270,19 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 			required: false,
 			default: void 0
 		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		order: {
 			type: Boolean,
 			required: false,
@@ -1500,6 +1517,10 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 			type: String,
 			required: false
 		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
 		use12Hours: {
 			type: Boolean,
 			required: false,
@@ -1665,6 +1686,19 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 			required: false,
 			default: void 0
 		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		order: {
 			type: Boolean,
 			required: false,

package/dist/timeline/Timeline.js

@@ -3,8 +3,8 @@ import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import { resolveSlotsNode } from "../_util/vnode/index.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { provideInternalContext } from "../steps/context.js";
 import Steps from "../steps/index.js";
 import style_default from "./style/index.js";

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/timeline/style/index.d.ts
 interface ComponentToken {
@@ -39,6 +43,6 @@ interface TimelineToken extends FullToken<'Timeline'> {
   paddingInlineEnd: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Timeline'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TimelineToken, _default as default, prepareComponentToken };

package/dist/timeline/useItems.d.ts

@@ -1,11 +1,11 @@
 import { TimelineItemType, TimelineMode, TimelineProps } from "./Timeline.js";
-import { ComputedRef } from "vue";
+import { ComputedRef, Ref } from "vue";
 //#region src/timeline/useItems.d.ts
 interface TimelineItemRenders {
   dotRender?: TimelineProps['dotRender'];
   labelRender?: TimelineProps['labelRender'];
   contentRender?: TimelineProps['contentRender'];
 }
-declare function useItems(rootPrefixCls: ComputedRef<string>, prefixCls: ComputedRef<string>, mode: ComputedRef<TimelineMode>, items?: ComputedRef<TimelineItemType[] | undefined>, pending?: ComputedRef<TimelineProps['pending']>, pendingDot?: ComputedRef<TimelineProps['pendingDot']>, renders?: ComputedRef<TimelineItemRenders>): ComputedRef<TimelineItemType[]>;
+declare function useItems(rootPrefixCls: Ref<string>, prefixCls: Ref<string>, mode: ComputedRef<TimelineMode>, items?: ComputedRef<TimelineItemType[] | undefined>, pending?: ComputedRef<TimelineProps['pending']>, pendingDot?: ComputedRef<TimelineProps['pendingDot']>, renders?: ComputedRef<TimelineItemRenders>): ComputedRef<TimelineItemType[]>;
 //#endregion
 export { TimelineItemRenders, useItems as default };

package/dist/timeline/useItems.js

@@ -24,7 +24,7 @@ function useItems(rootPrefixCls, prefixCls, mode, items, pending, pendingDot, re
 			].includes(color)) mergedClass = classNames(className, `${itemCls.value}-color-${color}`);
 			else mergedStyle = {
 				[varName("item-icon-dot-color")]: color,
-				...normalizeStyle$1(style) || {}
+				...normalizeStyle$1(style)
 			};
 			const mergedPlacement = placement ?? position ?? (mode.value === "alternate" ? index % 2 === 0 ? "start" : "end" : mode.value);
 			mergedClass = classNames(mergedClass, `${itemCls.value}-placement-${mergedPlacement}`);

package/dist/tooltip/index.js

@@ -106,7 +106,7 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 			"form": true
 		}, _isSlot(memoOverlay) ? memoOverlay : { default: () => [memoOverlay] });
 		let child = filterEmpty(slots.default?.())?.[0];
-		child = isVNode(child) ? child : createVNode("span", null, [child]);
+		child = isVNode(child) && typeof child.type !== "symbol" ? child : createVNode("span", null, [child]);
 		const childProps = child?.props ?? {};
 		const childCls = !childProps?.class || typeof childProps?.class === "string" ? clsx(childProps.class, openClass || `${prefixCls.value}-open`) : childProps.class;
 		const colorInfo = parseColor(rootPrefixCls.value, prefixCls.value, color);

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

@@ -2,7 +2,7 @@ import { ArrowToken } from "../../style/roundedArrow.js";
 import { ArrowOffsetToken } from "../../style/placementArrow.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import { ComputedRef } from "vue";
+import { Ref } from "vue";
 //#region src/tooltip/style/index.d.ts
 interface ComponentToken extends ArrowOffsetToken, ArrowToken {
   /**
@@ -17,6 +17,6 @@ interface ComponentToken extends ArrowOffsetToken, ArrowToken {
   zIndexPopup: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Tooltip'>;
-declare const _default: (prefixCls: ComputedRef<string>, rootCls: ComputedRef<string>, injectStyle?: boolean) => readonly [import("vue").Ref<string, string>, ComputedRef<string | undefined>];
+declare const _default: (prefixCls: Ref<string>, rootCls: Ref<string>, injectStyle?: boolean) => readonly [Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/tooltip/style/index.js

@@ -60,7 +60,7 @@ const genTooltipStyle = (token) => {
 				`&-placement-right`,
 				`&-placement-rightTop`,
 				`&-placement-rightBottom`
-			].join(",")]: { [`${componentCls}-inner`]: { borderRadius: token.min(tooltipBorderRadius, 8) } },
+			].join(",")]: { [`${componentCls}-container`]: { borderRadius: token.min(tooltipBorderRadius, 8) } },
 			[`${componentCls}-content`]: { position: "relative" },
 			...genPresetColor(token, (colorKey, { darkColor }) => ({ [`&${componentCls}-${colorKey}`]: {
 				[`${componentCls}-container`]: { backgroundColor: darkColor },

package/dist/tour/panelRender.js

@@ -1,8 +1,8 @@
 import { getSlotPropsFnRun } from "../_util/tools.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import button_default from "../button/index.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -17,13 +17,14 @@ const TourPanel = /* @__PURE__ */ defineComponent((props) => {
 		const { prefixCls, total = 1, title, onClose, onPrev, onNext, onFinish, cover, description, nextButtonProps, prevButtonProps, type: stepType, closable, classes = {}, styles = {} } = stepProps;
 		const ariaProps = pickAttrs(closable ?? {}, true);
 		const mergedType = stepType ?? type;
+		const resolvedCloseIcon = getSlotPropsFnRun({}, { closeIcon: closable?.closeIcon }, "closeIcon");
 		const mergedCloseIcon = createVNode("button", mergeProps({
 			"type": "button",
 			"onClick": onClose,
 			"class": clsx(`${prefixCls}-close`, classes.close),
 			"style": styles.close,
 			"aria-label": contextLocaleGlobal?.value.close
-		}, ariaProps), [closable?.closeIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null)]);
+		}, ariaProps), [resolvedCloseIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null)]);
 		const isLastStep = current === total - 1;
 		const prevBtnClick = (e) => {
 			onPrev?.();

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

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ArrowToken } from "../../style/roundedArrow.js";
 import { ArrowOffsetToken } from "../../style/placementArrow.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/tour/style/index.d.ts
 interface ComponentToken extends ArrowOffsetToken, ArrowToken {
@@ -26,6 +30,6 @@ interface ComponentToken extends ArrowOffsetToken, ArrowToken {
   primaryNextBtnHoverBg: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Tour'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/transfer/Section.js

@@ -1,4 +1,5 @@
 import { normalizeStyle as normalizeStyle$1 } from "../_util/styleUtils.js";
+import { isRenderable } from "../_util/is.js";
 import Dropdown from "../dropdown/index.js";
 import checkbox_default from "../checkbox/index.js";
 import Search from "./search.js";
@@ -130,7 +131,7 @@ const TransferSection = /* @__PURE__ */ defineComponent((props) => {
 		}, [search, bodyNode]);
 	};
 	const getSelectAllLabel = (selectedCount, totalCount) => {
-		if (props.selectAllLabel) return typeof props.selectAllLabel === "function" ? props.selectAllLabel({
+		if (isRenderable(props.selectAllLabel)) return typeof props.selectAllLabel === "function" ? props.selectAllLabel({
 			selectedCount,
 			totalCount
 		}) : props.selectAllLabel;

package/dist/transfer/Transfer.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { useMultipleSelect } from "../_util/hooks/useMultipleSelect.js";
@@ -9,7 +10,6 @@ import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
-import { useFormItemInputContext } from "../form/context.js";
 import Actions from "./Actions.js";
 import { groupDisabledKeysMap, groupKeysMap } from "../_util/transKeys.js";
 import TransferSection from "./Section.js";
@@ -178,7 +178,9 @@ const Transfer = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, e
 		onItemSelect("right", selectedKey, checked, e?.shiftKey, filteredItems);
 	};
 	const onRightItemRemove = (keys) => {
+		const hasTargetSelected = targetSelectedKeys.value.length > 0;
 		setStateKeys("right", []);
+		if (hasTargetSelected) handleSelectChange("right", []);
 		emitSelectedKeysUpdate(sourceSelectedKeys.value, []);
 		const nextTargetKeys = targetKeys.value.filter((key) => !keys.includes(key));
 		emit("update:targetKeys", nextTargetKeys);

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/transfer/style/index.d.ts
 interface ComponentToken {
@@ -34,6 +38,6 @@ interface ComponentToken {
   headerHeight: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Transfer'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/tree/DirectoryTree.js

@@ -30,7 +30,7 @@ const DirectoryTree = /* @__PURE__ */ defineComponent((props, { slots, emit, exp
 			children: _children
 		}), { fieldNames: props.fieldNames });
 		let initExpandedKeys;
-		if (defaultExpandAll) initExpandedKeys = Object.keys(keyEntities);
+		if (defaultExpandAll) initExpandedKeys = Object.values(keyEntities).map(({ key }) => key);
 		else if (defaultExpandParent) initExpandedKeys = conductExpandParent(props.expandedKeys || props?.defaultExpandedKeys || [], keyEntities);
 		else initExpandedKeys = props?.expandedKeys || props?.defaultExpandedKeys || [];
 		return initExpandedKeys;

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

@@ -1,5 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
 import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import { CSSUtil } from "../../theme/internal.js";
 import { CSSInterpolation, CSSObject } from "@antdv-next/cssinjs";
 //#region src/tree/style/index.d.ts
@@ -67,6 +70,6 @@ declare function genTreeStyle(prefixCls: string, token: AliasToken & TreeSharedT
 enableDirectory?: boolean): CSSInterpolation;
 declare function initComponentToken(token: AliasToken): TreeSharedToken;
 declare const prepareComponentToken: GetDefaultToken<'Tree'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TreeSharedToken, TreeToken, _default as default, genBaseStyle, genTreeStyle, initComponentToken, prepareComponentToken };

package/dist/tree/style/index.js

@@ -43,7 +43,7 @@ function genBaseStyle(prefixCls, token) {
 	const { treeCls, treeNodeCls, treeNodePadding, titleHeight, indentSize, switcherSize, motionDurationMid, nodeSelectedBg, nodeHoverBg, colorTextQuaternary, controlItemBgActiveDisabled } = token;
 	return { [treeCls]: {
 		...resetComponent(token),
-		["--rc-virtual-list-scrollbar-bg"]: token.colorSplit,
+		["--vc-virtual-list-scrollbar-bg"]: token.colorSplit,
 		background: token.colorBgContainer,
 		borderRadius: token.borderRadius,
 		transition: `background-color ${token.motionDurationSlow}`,

package/dist/tree-select/index.js

@@ -1,17 +1,18 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig, useConfig } 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 from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
+import { useLocaleGetter } from "../locale/useLocale.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 useVariant from "../form/hooks/useVariant.js";
 import mergedBuiltinPlacements from "../select/mergedBuiltinPlacements.js";
 import style_default from "../select/style/index.js";
@@ -71,7 +72,8 @@ const omitKeys = [
 	"classes"
 ];
 const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expose, emit, attrs }) => {
-	const { prefixCls: treeSelectPrefixCls, getPopupContainer: getContextPopupContainer, direction, styles: contextStyles, classes: contextClassNames, switcherIcon, virtual, getPrefixCls, rootPrefixCls } = useComponentBaseConfig("treeSelect", props, ["switcherIcon"], "tree-select");
+	const { prefixCls: treeSelectPrefixCls, getPopupContainer: getContextPopupContainer, direction, class: contextClassName, style: contextStyle, styles: contextStyles, classes: contextClassNames, switcherIcon, virtual, getPrefixCls, rootPrefixCls } = useComponentBaseConfig("treeSelect", props, ["switcherIcon"], "tree-select");
+	const getGlobalLocale = useLocaleGetter("global");
 	const configCtx = useConfig();
 	const { prefixCls: customizePrefixCls, variant: customVariant, size: customizeSize, disabled: customDisabled, status: customStatus, classes, styles } = toPropsRefs(props, "prefixCls", "variant", "size", "disabled", "status", "classes", "styles");
 	const bordered = computed(() => props?.bordered ?? true);
@@ -114,7 +116,8 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 		status: mergedStatus.value,
 		variant: variant.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 mergedOnOpenChange = (open) => {
@@ -142,7 +145,7 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 		const { popupClassName, dropdownClassName, rootClass, popupRender, dropdownRender, popupMatchSelectWidth, dropdownMatchSelectWidth, treeCheckable, multiple, allowClear, treeLine, listHeight, builtinPlacements, switcherIcon: customSwitcherIcon, treeIcon, getPopupContainer, choiceTransitionName, transitionName, treeExpandAction, showCheckedStrategy, treeCheckStrictly } = props;
 		const restProps = omit(props, omitKeys);
 		const treeTitleRender = slots?.treeTitleRender ?? props.treeTitleRender;
-		const mergedPopupClassName = clsx(popupClassName || dropdownClassName, `${treeSelectPrefixCls.value}-dropdown`, { [`${treeSelectPrefixCls.value}-dropdown-rtl`]: direction.value === "rtl" }, rootClass, mergedClassNames.value.root, mergedClassNames.value.popup?.root, cssVarCls.value, rootCls.value, treeSelectRootCls.value, hashId.value);
+		const mergedPopupClassName = clsx(popupClassName || dropdownClassName, `${treeSelectPrefixCls.value}-dropdown`, { [`${treeSelectPrefixCls.value}-dropdown-rtl`]: direction.value === "rtl" }, rootClass, mergedClassNames.value.popup?.root, cssVarCls.value, rootCls.value, treeSelectRootCls.value, hashId.value);
 		const { style, className, restAttrs } = getAttrStyleAndClass(attrs);
 		const mergedPopupRender = usePopupRender(popupRender || dropdownRender);
 		const customSuffixIcon = getSlotPropsFnRun(slots, props, "suffixIcon", false);
@@ -160,11 +163,15 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 			prefixCls: prefixCls.value,
 			componentName: "TreeSelect"
 		});
-		const mergedAllowClear = allowClear === true ? { clearIcon } : allowClear;
+		const mergedAllowClear = allowClear ? {
+			clearIcon,
+			label: getGlobalLocale().clear,
+			...typeof allowClear === "object" ? allowClear : {}
+		} : allowClear;
 		const notFoundContent = getSlotPropsFnRun(slots, props, "notFoundContent", false);
 		let mergedNotFound;
 		if (notFoundContent !== void 0) mergedNotFound = notFoundContent;
-		else mergedNotFound = configCtx?.value?.renderEmpty?.("Select") || createVNode(DefaultRenderEmpty, { "componentName": "Select" }, null);
+		else mergedNotFound = configCtx?.value?.renderEmpty?.("TreeSelect") || createVNode(DefaultRenderEmpty, { "componentName": "TreeSelect" }, null);
 		const onAttrs = {
 			onFocus(e) {
 				emit("focus", e);
@@ -211,7 +218,7 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl",
 			[`${prefixCls.value}-${variant.value}`]: enableVariantCls.value,
 			[`${prefixCls.value}-in-form-item`]: isFormItemInput
-		}, getStatusClassNames(prefixCls.value, mergedStatus.value, hasFeedback), compactItemClassnames.value, className, rootClass, mergedClassNames?.value?.root, cssVarCls.value, rootCls.value, treeSelectRootCls.value, hashId.value);
+		}, getStatusClassNames(prefixCls.value, mergedStatus.value, hasFeedback), compactItemClassnames.value, contextClassName.value, className, rootClass, mergedClassNames?.value?.root, cssVarCls.value, rootCls.value, treeSelectRootCls.value, hashId.value);
 		const mergedSwitcherIcon = slots?.switcherIcon ?? customSwitcherIcon ?? switcherIcon.value;
 		const renderSwitcherIcon = (nodeProps) => createVNode(SwitcherIconCom, {
 			"prefixCls": treePrefixCls.value,
@@ -252,7 +259,6 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 			"treeMotion": null,
 			"popupClassName": mergedPopupClassName,
 			"popupStyle": {
-				...mergedStyles.value.root,
 				...mergedStyles.value.popup?.root,
 				zIndex: zIndex.value
 			},

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

@@ -1,10 +1,10 @@
 import { TreeSharedToken } from "../../tree/style/index.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import { ComputedRef } from "vue";
+import { Ref } from "vue";
 //#region src/tree-select/style/index.d.ts
 interface ComponentToken extends TreeSharedToken {}
 declare const prepareComponentToken: GetDefaultToken<'TreeSelect'>;
-declare function useTreeSelectStyle(prefixCls: ComputedRef<string>, treePrefixCls: ComputedRef<string>, rootCls: ComputedRef<string>): readonly [import("vue").Ref<string, string>, ComputedRef<string | undefined>];
+declare function useTreeSelectStyle(prefixCls: Ref<string>, treePrefixCls: Ref<string>, rootCls: Ref<string>): readonly [Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, useTreeSelectStyle as default, prepareComponentToken };

package/dist/typography/Base/index.js

@@ -1,4 +1,5 @@
 import { useComponentBaseConfig } from "../../config-provider/context.js";
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../../_util/tools.js";
 import InternalTooltip from "../../tooltip/index.js";
@@ -22,6 +23,8 @@ import useDelayState from "@v-c/util/dist/hooks/useDelayState";
 import ResizeObserver from "@v-c/resize-observer";
 //#region src/typography/Base/index.tsx
 const ELLIPSIS_STR = "...";
+const DEFAULT_SHIMMER_DURATION = 1;
+const DEFAULT_SHIMMER_CONFIG = { duration: DEFAULT_SHIMMER_DURATION };
 const DECORATION_PROPS = [
 	"delete",
 	"mark",
@@ -54,7 +57,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		return val;
 	});
 	const editIconRef = shallowRef();
-	const { prefixCls, direction: contextDirection, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("typography", props);
+	const { prefixCls, rootPrefixCls, direction: contextDirection, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("typography", props);
 	const mergedDirection = computed(() => props.direction ?? contextDirection.value);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
 	const mergedProps = computed(() => {
@@ -97,6 +100,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		triggerEdit(false);
 	};
 	const [enableCopy, copyConfig] = useMergedConfig(computed(() => props.copyable));
+	const [enableShimmer, shimmerConfig] = useMergedConfig(computed(() => props.shimmer), DEFAULT_SHIMMER_CONFIG);
 	const childrenNodes = shallowRef([]);
 	const { copied, copyLoading, onClick: onCopyClick } = useCopyClick({
 		copyConfig,
@@ -240,7 +244,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"aria-label": ariaLabel,
 			"tabindex": tabIndex,
 			"style": mergedStyles.value.action
-		}, [icon || createVNode(EditOutlined, { role: "button" }, null)])] }) : null;
+		}, [icon || createVNode(EditOutlined, null, null)])] }) : null;
 	};
 	const renderCopy = () => {
 		if (!enableCopy.value) return null;
@@ -281,6 +285,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	const componentCls = computed(() => classNames({
 		[`${prefixCls.value}-${props.type}`]: props.type,
 		[`${prefixCls.value}-disabled`]: props.disabled,
+		[`${prefixCls.value}-shimmer`]: enableShimmer.value && !props.disabled,
 		[`${prefixCls.value}-ellipsis`]: enableEllipsis.value,
 		[`${prefixCls.value}-ellipsis-single-line`]: cssTextOverflow.value,
 		[`${prefixCls.value}-ellipsis-multiple-line`]: cssLineClamp.value,
@@ -296,6 +301,15 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		};
 		const mergedClassName = classNames(componentCls.value, attrClass);
 		const mergedStyle = [
+			enableShimmer.value ? (() => {
+				const [varName] = genCssVar(rootPrefixCls.value, "typography");
+				const duration = shimmerConfig.value?.duration;
+				const [motionTime = DEFAULT_SHIMMER_DURATION, waitTime = 1] = Array.isArray(duration) ? duration : [duration];
+				return {
+					[varName("shimmer-motion-time")]: motionTime,
+					[varName("shimmer-wait-time")]: waitTime
+				};
+			})() : null,
 			mergedStyles.value.root,
 			cssLineClamp.value ? { WebkitLineClamp: rows.value } : null,
 			attrStyle
@@ -337,6 +351,8 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"onClick": clickHandler,
 			"title": props.title,
 			"aria-label": topAriaLabel.value,
+			"aria-busy": enableShimmer.value ? !props.disabled : void 0,
+			"aria-disabled": enableShimmer.value && props.disabled ? true : void 0,
 			"rootClass": props.rootClass
 		}, restAttrs), { default: () => [createVNode(Ellipsis, mergeProps({
 			"enableMeasure": mergedEnableEllipsis.value && !cssEllipsis.value,
@@ -396,6 +412,11 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		shimmer: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		actions: {
 			type: Object,
 			required: false

package/dist/typography/Link.js

@@ -76,6 +76,11 @@ const Link = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		shimmer: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		actions: {
 			type: Object,
 			required: false

package/dist/typography/Paragraph.js

@@ -57,6 +57,11 @@ const Paragraph = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }
 			required: false,
 			default: void 0
 		},
+		shimmer: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		actions: {
 			type: Object,
 			required: false

package/dist/typography/Text.js

@@ -73,6 +73,11 @@ const Text = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		shimmer: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		actions: {
 			type: Object,
 			required: false

package/dist/typography/Title.js

@@ -77,6 +77,11 @@ const Title = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		shimmer: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		actions: {
 			type: Object,
 			required: false

package/dist/typography/hooks/useMergedConfig.js

@@ -5,7 +5,7 @@ function useMergedConfig(propConfig, templateConfig) {
 	return [support, computed(() => {
 		const current = unref(propConfig);
 		return {
-			...templateConfig,
+			...support.value ? templateConfig : null,
 			...support.value && typeof current === "object" ? current : null
 		};
 	})];

package/dist/typography/interface.d.ts

@@ -63,6 +63,9 @@ interface TypographySemanticStyles {
 }
 type TypographyClassNamesType = SemanticClassNamesType<BlockProps, TypographySemanticClassNames>;
 type TypographyStylesType = SemanticStylesType<BlockProps, TypographySemanticStyles>;
+interface ShimmerConfig {
+  duration?: number | [motionTime: number, waitTime: number];
+}
 interface BlockProps extends ComponentBaseProps {
   title?: string;
   editable?: boolean | EditConfig;
@@ -70,6 +73,10 @@ interface BlockProps extends ComponentBaseProps {
   type?: BaseType;
   disabled?: boolean;
   ellipsis?: boolean | EllipsisConfig;
+  /**
+   * @since 1.7.0
+   */
+  shimmer?: boolean | ShimmerConfig;
   /**
    * @since 1.3.0
    */
@@ -110,4 +117,4 @@ interface TypographyBaseProps extends ComponentBaseProps {
   title?: string;
 }
 //#endregion
-export { ActionsConfig, BaseType, BlockProps, CopyConfig, EditConfig, EllipsisConfig, TypographyBaseEmits, TypographyBaseProps, TypographyClassNamesType, TypographySemanticClassNames, TypographySemanticStyles, TypographySlots, TypographyStylesType };
+export { ActionsConfig, BaseType, BlockProps, CopyConfig, EditConfig, EllipsisConfig, ShimmerConfig, TypographyBaseEmits, TypographyBaseProps, TypographyClassNamesType, TypographySemanticClassNames, TypographySemanticStyles, TypographySlots, TypographyStylesType };

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/typography/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -16,6 +20,6 @@ interface ComponentToken {
 }
 type TypographyToken = FullToken<'Typography'>;
 declare const prepareComponentToken: GetDefaultToken<'Typography'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TypographyToken, _default as default, prepareComponentToken };

package/dist/typography/style/index.js

@@ -1,6 +1,6 @@
 import { operationUnit } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getTitleStyles } from "./mixins.js";
+import { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getShimmerStyles, getTitleStyles } from "./mixins.js";
 //#region src/typography/style/index.ts
 const genTypographyStyle = (token) => {
 	const { componentCls, titleMarginTop } = token;
@@ -64,6 +64,7 @@ const genTypographyStyle = (token) => {
 		...getEditableStyles(token),
 		...getCopyableStyles(token),
 		...getEllipsisStyles(),
+		[`&${componentCls}-shimmer`]: getShimmerStyles(token),
 		"&-rtl": { direction: "rtl" }
 	} };
 };

package/dist/typography/style/mixins.d.ts

@@ -9,5 +9,6 @@ declare const getResetStyles: GenerateStyle<TypographyToken, CSSObject>;
 declare const getEditableStyles: GenerateStyle<TypographyToken, CSSObject>;
 declare const getCopyableStyles: GenerateStyle<TypographyToken, CSSObject>;
 declare function getEllipsisStyles(): CSSObject;
+declare function getShimmerStyles(token: TypographyToken): CSSObject;
 //#endregion
-export { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getTitleStyles };
+export { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getShimmerStyles, getTitleStyles };