antdv-next 1.5.0 → 1.5.2

package/dist/skeleton/index.d.ts

@@ -3,5 +3,5 @@ import SkeletonButton from "./Button.js";
 import SkeletonNode from "./Node.js";
 import SkeletonImage from "./Image.js";
 import SkeletonInput from "./Input.js";
-import SkeletonWithSubComponents, { SkeletonProps } from "./Skeleton.js";
-export { SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, type SkeletonProps, SkeletonWithSubComponents as default };
+import SkeletonWithSubComponents, { SkeletonProps, SkeletonRef } from "./Skeleton.js";
+export { SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, type SkeletonProps, type SkeletonRef, SkeletonWithSubComponents as default };

package/dist/slider/SliderTooltip.js

@@ -102,6 +102,11 @@ const SliderTooltip = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		getPopupContainer: {
 			type: Function,
 			required: false

package/dist/slider/index.d.ts

@@ -95,6 +95,10 @@ interface SliderEmitsProps {
   'onUpdate:value'?: SliderEmits['update:value'];
   onChangeComplete?: SliderEmits['changeComplete'];
 }
+interface SliderRef {
+  focus: () => void;
+  blur: () => void;
+}
 interface SliderSlots {}
 type SliderRange = SliderProps$1['range'];
 interface Opens {
@@ -102,4 +106,4 @@ interface Opens {
 }
 declare const Slider: import("vue").DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps, import("vue").PublicProps>;
 //#endregion
-export { Formatter, HandleGeneratorFn, Opens, SliderBaseProps, SliderClassNamesType, SliderEmits, SliderEmitsProps, SliderInternalProps, SliderMarks, SliderProps, SliderSemanticClassNames, SliderSemanticName, SliderSemanticStyles, SliderSlots, SliderStylesType, SliderTooltipProps, Slider as default };
+export { Formatter, HandleGeneratorFn, Opens, SliderBaseProps, SliderClassNamesType, SliderEmits, SliderEmitsProps, SliderInternalProps, SliderMarks, SliderProps, SliderRef, SliderSemanticClassNames, SliderSemanticName, SliderSemanticStyles, SliderSlots, SliderStylesType, SliderTooltipProps, Slider as default };

package/dist/slider/index.js

@@ -6,11 +6,11 @@ import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { useSliderInternalContext } from "./Context.js";
 import SliderTooltip from "./SliderTooltip.js";
 import style_default from "./style/index.js";
-import useRafLock from "./useRafLock.js";
 import { cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, onMounted, onUnmounted, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import raf from "@v-c/util/dist/raf";
 import { omit } from "es-toolkit/compat";
+import useDelayState from "@v-c/util/dist/hooks/useDelayState";
 import VcSlider from "@v-c/slider";
 //#region src/slider/index.tsx
 function _isSlot(s) {
@@ -39,14 +39,14 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 	const { handleRender: contextHandleRender, direction: internalContextDirection } = useSliderInternalContext();
 	const mergedDirection = computed(() => internalContextDirection?.value || contextDirection.value);
 	const isRTL = computed(() => mergedDirection.value === "rtl");
-	const [hoverOpen, setHoverOpen] = useRafLock();
-	const [focusOpen, setFocusOpen] = useRafLock();
+	const [hoverOpen, setHoverOpen] = useDelayState(false);
+	const [focusOpen, setFocusOpen] = useDelayState(false);
 	const tooltipProps = computed(() => {
 		return { ...props.tooltip };
 	});
 	const lockOpen = computed(() => tooltipProps.value?.open);
 	const activeOpen = computed(() => (hoverOpen.value || focusOpen.value) && lockOpen.value !== false);
-	const [dragging, setDragging] = useRafLock();
+	const [dragging, setDragging] = useDelayState(false);
 	const onInternalChangeComplete = (nextValues) => {
 		emit("changeComplete", nextValues);
 		setDragging(false);
@@ -59,7 +59,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const onMouseUp = () => {
 		raf(() => {
-			focusOpen.value = false;
+			setFocusOpen(false);
 		}, 1);
 	};
 	onMounted(() => {
@@ -106,7 +106,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 			}
 			const cloneNode = cloneVNode(node, {
 				onMouseenter: (e) => {
-					setHoverOpen(true);
+					setHoverOpen(true, true);
 					proxyEvent("onMouseenter", e);
 				},
 				onMouseleave: (e) => {
@@ -114,12 +114,12 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 					proxyEvent("onMouseleave", e);
 				},
 				onMousedown: (e) => {
-					setFocusOpen(true);
-					setDragging(true);
+					setFocusOpen(true, true);
+					setDragging(true, true);
 					proxyEvent("onMousedown", e);
 				},
 				onFocus: (e) => {
-					setFocusOpen(true);
+					setFocusOpen(true, true);
 					proxyEvent("onFocus", e);
 				},
 				onBlur: (e) => {

package/dist/space/Compact.d.ts

@@ -9,6 +9,9 @@ interface SpaceCompactProps extends ComponentBaseProps {
   orientation?: 'horizontal' | 'vertical';
   vertical?: boolean;
 }
+interface SpaceCompactRef {
+  nativeElement: HTMLDivElement;
+}
 interface SpaceCompactItemContextType {
   compactSize?: SizeType;
   compactDirection?: 'horizontal' | 'vertical';
@@ -18,10 +21,10 @@ interface SpaceCompactItemContextType {
 declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
 declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
   compactSize: import("vue").ComputedRef<SizeType>;
-  compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
+  compactDirection: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
   compactItemClassnames: import("vue").ComputedRef<string>;
 };
 declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const Compact: import("vue").DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, import("vue").PublicProps>;
 //#endregion
-export { NoCompactStyle, SpaceCompactItemContextType, SpaceCompactProps, Compact as default, useCompactItemContext, useSpaceCompactItemContext };
+export { NoCompactStyle, SpaceCompactItemContextType, SpaceCompactProps, SpaceCompactRef, Compact as default, useCompactItemContext, useSpaceCompactItemContext };

package/dist/space/Compact.js

@@ -2,7 +2,7 @@ import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import compact_default from "./style/compact.js";
-import { computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide, ref, toRefs } from "vue";
+import { computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide, ref, shallowRef, toRefs } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 //#region src/space/Compact.tsx
@@ -65,7 +65,7 @@ const CompactItem = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		default: void 0
 	}
 } });
-const Compact = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Compact = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const mergedSize = useSize((ctx) => props?.size ?? ctx);
 	const configContext = useConfig();
 	const prefixCls = computed(() => configContext.value?.getPrefixCls?.("space-compact", props.prefixCls));
@@ -73,6 +73,8 @@ const Compact = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const compactItemContext = useSpaceCompactItemContext();
 	const { direction, vertical, orientation } = toRefs(props);
 	const [mergedOrientation, mergedVertical] = useOrientation(orientation, vertical, direction);
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { rootClass, block } = props;
 		const directionConfig = configContext.value?.direction;
@@ -93,7 +95,10 @@ const Compact = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			}, _isSlot(child) ? child : { default: () => [child] });
 		});
 		if (childNodes.length === 0) return null;
-		return createVNode("div", mergeProps({ "class": clx }, attrs), [nodes]);
+		return createVNode("div", mergeProps({
+			"ref": nativeElementRef,
+			"class": clx
+		}, attrs), [nodes]);
 	};
 }, {
 	props: {

package/dist/space/index.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
-import { SpaceCompactProps } from "./Compact.js";
+import { SpaceCompactProps, SpaceCompactRef } from "./Compact.js";
 import { SpaceCompactCellProps } from "./Addon.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
@@ -42,4 +42,4 @@ declare const Space: import("vue").DefineSetupFnComponent<SpaceProps, EmptyEmit,
 declare const SpaceCompact: import("vue").DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, import("vue").PublicProps>;
 declare const SpaceAddon: import("vue").DefineSetupFnComponent<SpaceCompactCellProps, {}, {}, SpaceCompactCellProps & {}, import("vue").PublicProps>;
 //#endregion
-export { SpaceAddon, SpaceClassNamesType, SpaceCompact, SpaceProps, SpaceSemanticClassNames, SpaceSemanticName, SpaceSemanticStyles, SpaceSize, SpaceSlots, SpaceStylesType, Space as default };
+export { SpaceAddon, SpaceClassNamesType, SpaceCompact, type SpaceCompactProps, type SpaceCompactRef, SpaceProps, SpaceSemanticClassNames, SpaceSemanticName, SpaceSemanticStyles, SpaceSize, SpaceSlots, SpaceStylesType, Space as default };

package/dist/space/index.js

@@ -1,7 +1,7 @@
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import Compact from "./Compact.js";
-import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropFn, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { isPresetSize, isValidGapNumber } from "../_util/gapSize.js";
 import SpaceAddon$1 from "./Addon.js";
@@ -33,7 +33,8 @@ const InternalSpace = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 			align: mergedAlign.value
 		};
 	});
-	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 latestIndex = shallowRef(0);
 	useSpaceContextProvider(computed(() => {
 		return { latestIndex: latestIndex.value };
@@ -74,7 +75,6 @@ const InternalSpace = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 			"style": [
 				gapStyle,
 				mergedStyles.value.root,
-				contextStyle.value,
 				attrs.style
 			]
 		}, pureAttrs(attrs)), [nodes]);

package/dist/spin/index.d.ts

@@ -54,6 +54,9 @@ interface SpinProps extends ComponentBaseProps {
   classes?: SpinClassNamesType;
   styles?: SpinStylesType;
 }
+interface SpinRef {
+  nativeElement: HTMLDivElement;
+}
 interface SpinSlots {
   indicator?: () => any;
   /** @deprecated Please use `description` instead */
@@ -66,4 +69,4 @@ declare const _default: typeof Spin & {
   setDefaultIndicator: (indicator: VueNode) => void;
 };
 //#endregion
-export { SpinClassNamesType, SpinProps, SpinSemanticClassNames, SpinSemanticName, SpinSemanticStyles, SpinSlots, SpinStylesType, _default as default };
+export { SpinClassNamesType, SpinProps, SpinRef, SpinSemanticClassNames, SpinSemanticName, SpinSemanticStyles, SpinSlots, SpinStylesType, _default as default };

package/dist/spin/index.js

@@ -1,7 +1,7 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig, useComponentConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import Indicator from "./Indicator/index.js";
 import style_default from "./style/index.js";
@@ -15,7 +15,7 @@ let defaultIndicator;
 function shouldDelay(spinning, delay) {
 	return !!spinning && !!delay && !Number.isNaN(Number(delay));
 }
-const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const componentCtx = useComponentConfig("spin");
 	const { direction, prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("spin", props, ["indicator"]);
 	const [hashId, cssVarCls] = style_default(prefixCls);
@@ -46,7 +46,10 @@ const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			percent: mergedPercent.value
 		};
 	});
-	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 nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { fullscreen, size, rootClass, wrapperClassName } = props;
 		const children = filterEmpty(slots?.default?.() || []);
@@ -79,7 +82,7 @@ const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				...mergedStyles.value.description
 			}
 		}, [mergedDescription])]);
-		return createVNode("div", mergeProps(restAttrs, {
+		return createVNode("div", mergeProps({ "ref": nativeElementRef }, restAttrs, {
 			"class": classNames(prefixCls.value, {
 				[`${prefixCls.value}-sm`]: mergedSize.value === "small",
 				[`${prefixCls.value}-lg`]: mergedSize.value === "large",
@@ -91,7 +94,6 @@ const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				...mergedStyles.value.root,
 				...!isNested ? mergedStyles.value.section : {},
 				...fullscreen ? mergedStyles.value.mask : {},
-				...contextStyle.value,
 				...style
 			},
 			"aria-live": "polite",

package/dist/splitter/Splitter.d.ts

@@ -3,6 +3,9 @@ import { SlotsType } from "vue";
 //#region src/splitter/Splitter.d.ts
 interface InternalSplitterProps extends SplitterProps, SplitterEmitsProps {}
 interface SplitterEmitsProps {}
+interface SplitterRef {
+  nativeElement: HTMLDivElement;
+}
 declare const Splitter: import("vue").DefineSetupFnComponent<InternalSplitterProps, SplitterEmits, SlotsType<SplitterSlots>, InternalSplitterProps, import("vue").PublicProps>;
 //#endregion
-export { InternalSplitterProps, SplitterEmitsProps, Splitter as default };
+export { InternalSplitterProps, SplitterEmitsProps, SplitterRef, Splitter as default };

package/dist/splitter/Splitter.js

@@ -16,7 +16,7 @@ import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";
 import ResizeObserver from "@v-c/resize-observer";
 //#region src/splitter/Splitter.tsx
-const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const { prefixCls, rootPrefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("splitter", props);
 	const { classes, styles, orientation, layout, vertical } = toPropsRefs(props, "classes", "styles", "orientation", "layout", "vertical");
 	const rootCls = useCSSVarCls(prefixCls);
@@ -83,6 +83,8 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		}
 		return mergedSizes;
 	});
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { rootClass, lazy, draggerIcon, collapsible, collapsibleIcon } = props;
 		const mergedCollapsibleIcon = collapsible?.icon ?? collapsibleIcon;
@@ -94,7 +96,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			...mergedStyles.value.root,
 			...style
 		};
-		return createVNode(ResizeObserver, { "onResize": onContainerResize }, { default: () => [createVNode("div", mergeProps(restAttrs, {
+		return createVNode(ResizeObserver, { "onResize": onContainerResize }, { default: () => [createVNode("div", mergeProps({ "ref": nativeElementRef }, restAttrs, {
 			"style": mergedStyle,
 			"class": containerClassName
 		}), [items.value?.map?.((item, idx) => {

package/dist/splitter/index.d.ts

@@ -1,7 +1,7 @@
 import { PanelProps, SplitterEmits, SplitterSlots } from "./interface.js";
-import Splitter, { InternalSplitterProps } from "./Splitter.js";
+import Splitter, { InternalSplitterProps, SplitterRef } from "./Splitter.js";
 //#region src/splitter/index.d.ts
 type SplitterProps = InternalSplitterProps;
 declare const SplitterPanel: import("vue").DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, import("vue").PublicProps>;
 //#endregion
-export { type SplitterEmits, SplitterPanel, SplitterProps, type SplitterSlots, Splitter as default };
+export { type SplitterEmits, SplitterPanel, SplitterProps, type SplitterRef, type SplitterSlots, Splitter as default };

package/dist/splitter/style/index.js

@@ -1,4 +1,4 @@
-import { resetComponent } from "../../style/index.js";
+import { genFocusOutline, resetComponent } from "../../style/index.js";
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 //#region src/splitter/style/index.ts
 const centerStyle = {
@@ -86,6 +86,7 @@ const genSplitterStyle = (token) => {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "center",
+				"&:focus-visible": genFocusOutline(token),
 				[`&:hover:not(${splitBarCls}-collapse-bar-customize)`]: { background: controlItemBgActive },
 				[`&:active:not(${splitBarCls}-collapse-bar-customize)`]: { background: controlItemBgActiveHover },
 				[`${splitBarCls}-collapse-icon`]: {

package/dist/statistic/Statistic.d.ts

@@ -42,6 +42,9 @@ interface StatisticEmits {
   mouseenter: (e: MouseEvent) => void;
   mouseleave: (e: MouseEvent) => void;
 }
+interface StatisticRef {
+  nativeElement: HTMLDivElement | null;
+}
 interface StatisticSlots {
   default: () => any;
   title: () => any;
@@ -55,4 +58,4 @@ interface StatisticEmitsProps {
 }
 declare const Statistic: import("vue").DefineSetupFnComponent<InternalStatisticProps, StatisticEmits, SlotsType<StatisticSlots>, InternalStatisticProps, import("vue").PublicProps>;
 //#endregion
-export { InternalStatisticProps, StatisticClassNamesType, StatisticEmits, StatisticEmitsProps, StatisticProps, StatisticSemanticClassNames, StatisticSemanticName, StatisticSemanticStyles, StatisticSlots, StatisticStylesType, Statistic as default };
+export { InternalStatisticProps, StatisticClassNamesType, StatisticEmits, StatisticEmitsProps, StatisticProps, StatisticRef, StatisticSemanticClassNames, StatisticSemanticName, StatisticSemanticStyles, StatisticSlots, StatisticStylesType, Statistic as default };

package/dist/statistic/index.d.ts

@@ -1,4 +1,4 @@
-import Statistic, { InternalStatisticProps, StatisticSlots } from "./Statistic.js";
+import Statistic, { InternalStatisticProps, StatisticRef, StatisticSlots } from "./Statistic.js";
 import StatisticTimer$1, { InternalStatisticTimerProps, StatisticTimeEmits } from "./Timer.js";
 //#region src/statistic/index.d.ts
 type StatisticProps = InternalStatisticProps;
@@ -8,4 +8,4 @@ declare const _default: typeof Statistic & {
   Timer: typeof StatisticTimer$1;
 };
 //#endregion
-export { StatisticProps, StatisticTimer, StatisticTimerProps, _default as default };
+export { StatisticProps, type StatisticRef, StatisticTimer, StatisticTimerProps, _default as default };

package/dist/steps/index.js

@@ -2,7 +2,7 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { genCssVar } from "../theme/util/genStyleUtils.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import { TARGET_CLS } from "../_util/wave/interface.js";
@@ -71,7 +71,9 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			percent: mergedPercent.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(computed(() => waveEffectClassNames), contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const styleRoot = useSemanticRootStyle(computed(() => attrs.style));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(computed(() => waveEffectClassNames), contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles, styleRoot), useToProps(mergedProps));
 	if (isDev) {
 		const { labelPlacement, progressDot, direction } = props;
 		const warning = devUseWarning("Steps");
@@ -84,7 +86,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	}
 	return () => {
 		const { variant, onChange, offset, ellipsis, rootClass, current: _current, initial: _initial, maxCount: _maxCount, ...restProps } = props;
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const { className, restAttrs } = getAttrStyleAndClass(attrs);
 		const iconRender = slots?.iconRender || props?.iconRender;
 		const legacyProgressDotRenderFn = () => {
 			return mergedType.value === "dot" && typeof props.progressDot === "function" ? props.progressDot : void 0;
@@ -154,11 +156,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		const itemWrapperRender = mergedType.value === "panel" ? (itemNode) => {
 			return createVNode(Fragment, null, [itemNode, createVNode(PanelArrow, { "prefixCls": prefixCls.value }, null)]);
 		} : void 0;
-		const mergedStyle = {
-			[varName("items-offset")]: `${offset}`,
-			...contextStyle.value,
-			...style
-		};
+		const mergedStyle = { [varName("items-offset")]: `${offset}` };
 		const stepsClassName = clsx(contextClassName.value, `${prefixCls.value}-${variant}`, {
 			[`${prefixCls.value}-${mergedType.value}`]: mergedType.value !== "dot" ? mergedType.value : false,
 			[`${prefixCls.value}-rtl`]: rtlDirection.value === "rtl",

package/dist/steps/style/index.js

@@ -1,4 +1,4 @@
-import { resetComponent, textEllipsis } from "../../style/index.js";
+import { genFocusOutline, resetComponent, textEllipsis } from "../../style/index.js";
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import genHorizontalStyle from "./horizontal.js";
@@ -71,6 +71,7 @@ const genBasicStyle = (token) => {
 		},
 		[`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content, ${itemCls}-rail`]: { transition: `all ${token.motionDurationSlow}` },
 		[`&${componentCls}-ellipsis`]: { [`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: textEllipsis },
+		[`${itemCls}[role='button']:focus-visible`]: genFocusOutline(token),
 		[`${itemCls}[role='button']:not(${itemCls}-active):hover`]: { cursor: "pointer" }
 	} };
 };

package/dist/table/InternalTable.js

@@ -374,15 +374,16 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			...mergedStyles.value.root,
 			...style
 		};
+		const title = resolvePanelRender(slots, props, "title");
+		const footer = resolvePanelRender(slots, props, "footer");
+		const summary = resolvePanelRender(slots, props, "summary");
 		const tableClassName = clsx({
 			[`${prefixCls.value}-medium`]: mergedSize.value === "middle" || mergedSize.value === "medium",
 			[`${prefixCls.value}-small`]: mergedSize.value === "small",
 			[`${prefixCls.value}-bordered`]: props.bordered,
-			[`${prefixCls.value}-empty`]: rawData.value.length === 0
+			[`${prefixCls.value}-empty`]: rawData.value.length === 0,
+			[`${prefixCls.value}-no-header`]: !title && props.showHeader === false
 		}, cssVarCls.value, rootCls.value, hashId.value);
-		const title = resolvePanelRender(slots, props, "title");
-		const footer = resolvePanelRender(slots, props, "footer");
-		const summary = resolvePanelRender(slots, props, "summary");
 		const TableComp = TableComponent.value;
 		const virtualProps = mergedVirtual.value ? { listItemHeight: listItemHeight.value } : {};
 		const mergedScroll = props.scroll ?? contextScroll.value;

package/dist/table/hooks/useFilter/FilterDropdown.js

@@ -163,8 +163,8 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const onVisibleChange = (newVisible, info) => {
 		if (info?.source === "trigger") {
 			if (newVisible && propFilteredKeys.value !== void 0) setFilteredKeysSync(wrapStringListType(propFilteredKeys.value));
-			triggerVisible(newVisible);
-			if (!newVisible && !hasPropDropdownRender && props.filterOnClose) onConfirm();
+			if (!newVisible && !hasPropDropdownRender && !column.value.filterDropdown && props.filterOnClose) onConfirm();
+			else triggerVisible(newVisible);
 		}
 	};
 	const dropdownMenuClass = computed(() => clsx({ [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(column?.value?.filters || []) }));

package/dist/table/style/radius.js

@@ -10,6 +10,10 @@ const genRadiusStyle = (token) => {
 			[`${componentCls}-header, table`]: { borderRadius: 0 },
 			"table > thead > tr:first-child": { "th:first-child, th:last-child, td:first-child, td:last-child": { borderRadius: 0 } }
 		},
+		[`&${componentCls}-bordered${componentCls}-no-header`]: { [`> ${componentCls}-container`]: { [`> ${componentCls}-content, > ${componentCls}-body`]: { "> table > tbody > tr:first-child": {
+			"> *:first-child": { borderStartStartRadius: tableRadius },
+			"> *:last-child": { borderStartEndRadius: tableRadius }
+		} } } },
 		"&-container": {
 			borderStartStartRadius: tableRadius,
 			borderStartEndRadius: tableRadius,

package/dist/table/style/virtual.js

@@ -6,6 +6,10 @@ const genVirtualStyle = (token) => {
 	const rowCellCls = `${componentCls}-expanded-row-cell`;
 	return { [`${componentCls}-wrapper`]: {
 		[`${componentCls}-tbody-virtual`]: {
+			[`${componentCls}-tbody-virtual-scrollbar`]: {
+				cursor: "pointer",
+				"&:hover": { backgroundColor: token.colorFillQuaternary }
+			},
 			[`${componentCls}-tbody-virtual-holder-inner`]: { [`
             & > ${componentCls}-row,
             & > div:not(${componentCls}-row) > ${componentCls}-row

package/dist/tag/hooks/useColor.d.ts

@@ -9,6 +9,6 @@ declare function useColor(props: {
   color: Ref<TagProps['color']>;
   variant: Ref<TagProps['variant']>;
   bordered: Ref<TagProps['bordered']>;
-}, contextVariant?: Ref<TagProps['variant']>): readonly [import("vue").ComputedRef<"outlined" | "solid" | "filled">, import("vue").ComputedRef<string | undefined>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<CSSProperties>];
+}, contextVariant?: Ref<TagProps['variant']>): readonly [import("vue").ComputedRef<"outlined" | "filled" | "solid">, import("vue").ComputedRef<string | undefined>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<CSSProperties>];
 //#endregion
 export { useColor as default };

package/dist/tag/index.js

@@ -1,5 +1,5 @@
 import { useComponentBaseConfig, useConfig } from "../config-provider/context.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 { useDisabledContext } from "../config-provider/DisabledContext.js";
 import wave_default from "../_util/wave/index.js";
@@ -41,7 +41,8 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			disabled: mergedDisabled?.value
 		};
 	});
-	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));
 	expose({ tagRef });
 	const triggerClose = (e) => {
 		if (mergedDisabled.value) return;
@@ -98,7 +99,6 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	const tagStyle = computed(() => {
 		let nextTagStyle = {
 			...mergedStyles.value?.root,
-			...contextStyle.value,
 			...attrs.style
 		};
 		if (!mergedDisabled.value) nextTagStyle = {

package/dist/theme/interface/seeds.d.ts

@@ -217,6 +217,14 @@ interface SeedToken extends PresetColorType {
    * @default false
    */
   wireframe: boolean;
+  /**
+   * @nameZH 聚焦描边
+   * @nameEN Focus Outline
+   * @desc 用于配置组件聚焦时是否显示可见描边
+   * @descEN Used to configure whether components show a visible outline when focused
+   * @default true
+   */
+  focusOutline: boolean;
   /**
    * @nameZH 动画风格
    * @nameEN Motion Style

package/dist/theme/themes/seed.js

@@ -53,6 +53,7 @@ const seedToken = {
 	zIndexPopupBase: 1e3,
 	opacityImage: 1,
 	wireframe: false,
+	focusOutline: true,
 	motion: true
 };
 //#endregion

package/dist/theme/util/alias.js

@@ -57,7 +57,7 @@ function formatToken(derivativeToken) {
 		colorErrorAffix: mergedToken.colorError,
 		colorWarningAffix: mergedToken.colorWarning,
 		fontSizeIcon: mergedToken.fontSizeSM,
-		lineWidthFocus: mergedToken.lineWidth * 3,
+		lineWidthFocus: mergedToken.focusOutline === false ? 0 : mergedToken.lineWidth * 3,
 		lineWidth: mergedToken.lineWidth,
 		controlOutlineWidth: mergedToken.lineWidth * 2,
 		controlInteractiveSize: mergedToken.controlHeight / 2,

package/dist/time-picker/locale/sq_AL.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerLocale } from "../index.js";
+//#region src/time-picker/locale/sq_AL.d.ts
+declare const locale: TimePickerLocale;
+//#endregion
+export { locale as default };

package/dist/time-picker/locale/sq_AL.js

@@ -0,0 +1,7 @@
+//#region src/time-picker/locale/sq_AL.ts
+const locale = {
+	placeholder: "Zgjidh kohën",
+	rangePlaceholder: ["Koha e fillimit", "Koha e mbarimit"]
+};
+//#endregion
+export { locale as default };

package/dist/timeline/Timeline.js

@@ -1,6 +1,6 @@
 import { useBaseConfig, useComponentBaseConfig } from "../config-provider/context.js";
 import { genCssVar } from "../theme/util/genStyleUtils.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.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";
@@ -79,17 +79,15 @@ const Timeline = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			items: mergedItems.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(stepsClassNames, contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const styleRoot = useSemanticRootStyle(computed(() => attrs.style));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(stepsClassNames, contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles, styleRoot), useToProps(mergedProps));
 	const layoutAlternate = computed(() => {
 		return mergedMode.value === "alternate" || orientation.value === "vertical" && mergedItems.value.some((item) => item.title);
 	});
 	return () => {
 		const { variant = "outlined", titleSpan } = props;
-		const stepStyle = {
-			...contextStyle.value,
-			...timeline?.value?.style || {},
-			...attrs.style || {}
-		};
+		const stepStyle = {};
 		if (isNonNullable(titleSpan) && mergedMode.value !== "alternate") if (typeof titleSpan === "number" && !Number.isNaN(titleSpan)) stepStyle[varName("head-span")] = titleSpan;
 		else stepStyle[varName("head-span-ptg")] = titleSpan;
 		return createVNode(Steps, mergeProps(omit(attrs, ["class", "style"]), omit(props, [

package/dist/tooltip/PurePanel.js

@@ -105,6 +105,11 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			required: false,
 			default: void 0
 		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		getPopupContainer: {
 			type: Function,
 			required: false

package/dist/tooltip/index.d.ts

@@ -55,6 +55,7 @@ interface TriggerCommonApi extends ComponentBaseProps {
   color?: LiteralUnion<PresetColorType>;
   open?: boolean;
   defaultOpen?: boolean;
+  disabled?: boolean;
   getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
   destroyOnHidden?: boolean;
   zIndex?: number;