antdv-next 1.3.7 → 1.4.1

package/dist/skeleton/Input.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/Input.tsx
 const SkeletonInput = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("skeleton", props);
@@ -14,14 +13,13 @@ const SkeletonInput = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		const { active, rootClass, block, 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}-input`,
 			"size": mergedSize.value,
 			"class": classes?.content,
@@ -29,7 +27,7 @@ const SkeletonInput = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		}, null)]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		size: {
 			type: [String, null],
 			required: false
@@ -64,7 +62,5 @@ const SkeletonInput = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonInput",
 	inheritAttrs: false
 });
-var Input_default = SkeletonInput;
-
 //#endregion
-export { Input_default as default };
+export { SkeletonInput as default };

package/dist/skeleton/Node.d.ts

@@ -1,6 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
 import { SkeletonElementProps } from "./Element.js";
-import * as vue348 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/skeleton/Node.d.ts
@@ -11,6 +10,6 @@ interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'>
 interface SkeletonNodeSlots {
   default?: () => any;
 }
-declare const SkeletonNode: vue348.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps, vue348.PublicProps>;
+declare const SkeletonNode: import("vue").DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps, import("vue").PublicProps>;
 //#endregion
 export { SkeletonNodeProps, SkeletonNodeSlots, SkeletonNode as default };

package/dist/skeleton/Node.js

@@ -3,7 +3,6 @@ import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import style_default from "./style/index.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
-
 //#region src/skeleton/Node.tsx
 const SkeletonNode = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("skeleton", props);
@@ -11,9 +10,8 @@ const SkeletonNode = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =
 	return () => {
 		const { active, rootClass, internalClassName, classes, styles } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, hashId.value, classes?.root, rootClass, cssVarCls.value, contextClassName.value, className);
 		return createVNode("div", mergeProps(restAttrs, {
-			"class": cls,
+			"class": classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, hashId.value, classes?.root, rootClass, cssVarCls.value, contextClassName.value, className),
 			"style": [styles?.root, contextStyle.value]
 		}), [createVNode("div", {
 			"class": classNames(internalClassName || `${prefixCls.value}-node`, classes?.content),
@@ -56,7 +54,5 @@ const SkeletonNode = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =
 	name: "ASkeletonNode",
 	inheritAttrs: false
 });
-var Node_default = SkeletonNode;
-
 //#endregion
-export { Node_default as default };
+export { SkeletonNode as default };

package/dist/skeleton/Paragraph.d.ts

@@ -1,5 +1,3 @@
-import * as vue587 from "vue";
-
 //#region src/skeleton/Paragraph.d.ts
 type WidthUnit = number | string;
 interface SkeletonParagraphProps {
@@ -8,6 +6,6 @@ interface SkeletonParagraphProps {
   width?: WidthUnit | Array<WidthUnit>;
   rows?: number;
 }
-declare const Paragraph: vue587.DefineSetupFnComponent<SkeletonParagraphProps, {}, {}, SkeletonParagraphProps & {}, vue587.PublicProps>;
+declare const Paragraph: import("vue").DefineSetupFnComponent<SkeletonParagraphProps, {}, {}, SkeletonParagraphProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonParagraphProps, Paragraph as default };

package/dist/skeleton/Paragraph.js

@@ -1,7 +1,6 @@
 import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
-
 //#region src/skeleton/Paragraph.tsx
 function getWidth(index, props) {
 	const { width, rows = 2 } = props;
@@ -18,7 +17,7 @@ const Paragraph = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		return createVNode("ul", mergeProps({ "class": classNames(prefixCls, rootClass, attrs?.class) }, omit(attrs, ["class"])), [rowList]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		prefixCls: {
 			type: String,
 			required: false
@@ -43,7 +42,5 @@ const Paragraph = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonParagraph",
 	inheritAttrs: false
 });
-var Paragraph_default = Paragraph;
-
 //#endregion
-export { Paragraph_default as default };
+export { Paragraph as default };

package/dist/skeleton/Skeleton.d.ts

@@ -1,6 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import SkeletonAvatar, { SkeletonAvatarProps as SkeletonAvatarProps$1 } from "./Avatar.js";
 import { SkeletonParagraphProps } from "./Paragraph.js";
 import { SkeletonTitleProps } from "./Title.js";
@@ -9,7 +8,6 @@ import SkeletonNode from "./Node.js";
 import SkeletonImage from "./Image.js";
 import SkeletonInput from "./Input.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue569 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/skeleton/Skeleton.d.ts
@@ -46,7 +44,7 @@ interface SkeletonProps extends ComponentBaseProps {
 interface SkeletonSlots {
   default?: () => any;
 }
-declare const Skeleton: vue569.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps, vue569.PublicProps>;
+declare const Skeleton: import("vue").DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps, import("vue").PublicProps>;
 type SkeletonType = typeof Skeleton & {
   Button: typeof SkeletonButton;
   Avatar: typeof SkeletonAvatar;

package/dist/skeleton/Skeleton.js

@@ -1,19 +1,18 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../_util/tools.js";
-import Element_default from "./Element.js";
+import Element from "./Element.js";
 import style_default from "./style/index.js";
-import Avatar_default from "./Avatar.js";
-import Button_default from "./Button.js";
-import Node_default from "./Node.js";
-import Image_default from "./Image.js";
-import Input_default from "./Input.js";
-import Paragraph_default from "./Paragraph.js";
-import Title_default from "./Title.js";
+import SkeletonAvatar from "./Avatar.js";
+import SkeletonButton from "./Button.js";
+import SkeletonNode from "./Node.js";
+import SkeletonImage from "./Image.js";
+import SkeletonInput from "./Input.js";
+import Paragraph from "./Paragraph.js";
+import Title from "./Title.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
-
 //#region src/skeleton/Skeleton.tsx
 function getComponentProps(prop) {
 	if (prop && typeof prop === "object") return prop;
@@ -46,7 +45,8 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const mergedProps = computed(() => props);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	return () => {
 		const { loading, rootClass, avatar = false, title = true, paragraph = true, active, round } = props;
 		if (loading || loading === void 0) {
@@ -63,7 +63,7 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 				avatarNode = createVNode("div", {
 					"class": [mergedClassNames.value.header, `${prefixCls.value}-header`],
 					"style": mergedStyles.value.header
-				}, [createVNode(Element_default, mergeProps({ "class": mergedClassNames.value.avatar }, avatarProps, { "style": mergedStyles.value.avatar }), null)]);
+				}, [createVNode(Element, mergeProps({ "class": mergedClassNames.value.avatar }, avatarProps, { "style": mergedStyles.value.avatar }), null)]);
 			}
 			let contentNode;
 			if (hasTitle || hasParagraph) {
@@ -74,7 +74,7 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 						...getTitleBasicProps(hasAvatar, hasParagraph),
 						...getComponentProps(title)
 					};
-					$title = createVNode(Title_default, mergeProps({ "class": mergedClassNames.value.title }, titleProps, { "style": mergedStyles.value.title }), null);
+					$title = createVNode(Title, mergeProps({ "class": mergedClassNames.value.title }, titleProps, { "style": mergedStyles.value.title }), null);
 				}
 				let paragraphNode;
 				if (hasParagraph) {
@@ -83,29 +83,24 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 						...getParagraphBasicProps(hasAvatar, hasTitle),
 						...getComponentProps(paragraph)
 					};
-					paragraphNode = createVNode(Paragraph_default, mergeProps({ "class": mergedClassNames.value.paragraph }, paragraphProps, { "style": mergedStyles.value.paragraph }), null);
+					paragraphNode = createVNode(Paragraph, mergeProps({ "class": mergedClassNames.value.paragraph }, paragraphProps, { "style": mergedStyles.value.paragraph }), null);
 				}
 				contentNode = createVNode("div", {
 					"class": [mergedClassNames.value.section, `${prefixCls.value}-section`],
 					"style": mergedStyles.value.section
 				}, [$title, paragraphNode]);
 			}
-			const cls = classNames(prefixCls.value, {
+			return createVNode("div", mergeProps({ "class": classNames(prefixCls.value, {
 				[`${prefixCls.value}-with-avatar`]: hasAvatar,
 				[`${prefixCls.value}-active`]: active,
 				[`${prefixCls.value}-rtl`]: direction.value === "rtl",
 				[`${prefixCls.value}-round`]: round
-			}, mergedClassNames.value.root, contextClassName.value, attrs?.class, rootClass, hashId.value, cssVarCls.value);
-			return createVNode("div", mergeProps({ "class": cls }, omit(attrs, ["class", "style"]), { "style": [
-				mergedStyles.value.root,
-				contextStyle.value,
-				attrs?.style
-			] }), [avatarNode, contentNode]);
+			}, mergedClassNames.value.root, contextClassName.value, attrs?.class, rootClass, hashId.value, cssVarCls.value) }, omit(attrs, ["class", "style"]), { "style": [mergedStyles.value.root, attrs?.style] }), [avatarNode, contentNode]);
 		}
 		return slots.default?.() ?? null;
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		active: {
 			type: Boolean,
 			required: false,
@@ -163,19 +158,17 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 });
 Skeleton.install = (app) => {
 	app.component(Skeleton.name, Skeleton);
-	app.component(Button_default.name, Button_default);
-	app.component(Avatar_default.name, Avatar_default);
-	app.component(Input_default.name, Input_default);
-	app.component(Image_default.name, Image_default);
-	app.component(Node_default.name, Node_default);
+	app.component(SkeletonButton.name, SkeletonButton);
+	app.component(SkeletonAvatar.name, SkeletonAvatar);
+	app.component(SkeletonInput.name, SkeletonInput);
+	app.component(SkeletonImage.name, SkeletonImage);
+	app.component(SkeletonNode.name, SkeletonNode);
 };
 const SkeletonWithSubComponents = Skeleton;
-SkeletonWithSubComponents.Button = Button_default;
-SkeletonWithSubComponents.Avatar = Avatar_default;
-SkeletonWithSubComponents.Input = Input_default;
-SkeletonWithSubComponents.Image = Image_default;
-SkeletonWithSubComponents.Node = Node_default;
-var Skeleton_default = SkeletonWithSubComponents;
-
+SkeletonWithSubComponents.Button = SkeletonButton;
+SkeletonWithSubComponents.Avatar = SkeletonAvatar;
+SkeletonWithSubComponents.Input = SkeletonInput;
+SkeletonWithSubComponents.Image = SkeletonImage;
+SkeletonWithSubComponents.Node = SkeletonNode;
 //#endregion
-export { Avatar_default as SkeletonAvatar, Button_default as SkeletonButton, Image_default as SkeletonImage, Input_default as SkeletonInput, Node_default as SkeletonNode, Skeleton_default as default };
+export { SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, SkeletonWithSubComponents as default };

package/dist/skeleton/Title.d.ts

@@ -1,11 +1,9 @@
-import * as vue539 from "vue";
-
 //#region src/skeleton/Title.d.ts
 interface SkeletonTitleProps {
   prefixCls?: string;
   rootClass?: string;
   width?: number | string;
 }
-declare const Title: vue539.DefineSetupFnComponent<SkeletonTitleProps, {}, {}, SkeletonTitleProps & {}, vue539.PublicProps>;
+declare const Title: import("vue").DefineSetupFnComponent<SkeletonTitleProps, {}, {}, SkeletonTitleProps & {}, import("vue").PublicProps>;
 //#endregion
 export { SkeletonTitleProps, Title as default };

package/dist/skeleton/Title.js

@@ -1,7 +1,6 @@
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
-
 //#region src/skeleton/Title.tsx
 const Title = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
@@ -29,7 +28,5 @@ const Title = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ASkeletonTitle",
 	inheritAttrs: false
 });
-var Title_default = Title;
-
 //#endregion
-export { Title_default as default };
+export { Title as default };

package/dist/skeleton/index.js

@@ -1,12 +1,10 @@
-import Avatar_default from "./Avatar.js";
-import Button_default from "./Button.js";
-import Node_default from "./Node.js";
-import Image_default from "./Image.js";
-import Input_default from "./Input.js";
-import Skeleton_default from "./Skeleton.js";
-
+import SkeletonAvatar from "./Avatar.js";
+import SkeletonButton from "./Button.js";
+import SkeletonNode from "./Node.js";
+import SkeletonImage from "./Image.js";
+import SkeletonInput from "./Input.js";
+import SkeletonWithSubComponents from "./Skeleton.js";
 //#region src/skeleton/index.tsx
-var skeleton_default = Skeleton_default;
-
+var skeleton_default = SkeletonWithSubComponents;
 //#endregion
-export { Avatar_default as SkeletonAvatar, Button_default as SkeletonButton, Image_default as SkeletonImage, Input_default as SkeletonInput, Node_default as SkeletonNode, skeleton_default as default };
+export { SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, skeleton_default as default };

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

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue439 from "vue";
-
 //#region src/skeleton/style/index.d.ts
 interface ComponentToken {
   /** @deprecated use gradientFromColor instead. */
@@ -40,6 +37,6 @@ interface ComponentToken {
   paragraphLiHeight: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Skeleton'>;
-declare const _default: (prefixCls: vue439.Ref<string>, rootCls?: vue439.Ref<string | undefined>) => readonly [vue439.Ref<string, string>, vue439.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/skeleton/style/index.js

@@ -1,7 +1,6 @@
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { Keyframes, unit } from "@antdv-next/cssinjs";
-
 //#region src/skeleton/style/index.ts
 const skeletonClsLoading = new Keyframes(`ant-skeleton-loading`, {
 	"0%": { backgroundPosition: "100% 50%" },
@@ -236,6 +235,5 @@ var style_default = genStyleHooks("Skeleton", (token) => {
 		skeletonLoadingMotionDuration: "1.4s"
 	}));
 }, prepareComponentToken, { deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]] });
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/slider/Context.js

@@ -1,5 +1,4 @@
 import { inject, provide } from "vue";
-
 //#region src/slider/Context.ts
 /** @private Internal context. Do not use in your production. */
 const SliderInternalContextKey = Symbol("SliderInternalContext");
@@ -10,6 +9,5 @@ function useSliderInternalContext() {
 function useSliderInternalContextProvider(value) {
 	provide(SliderInternalContextKey, value);
 }
-
 //#endregion
-export { useSliderInternalContext, useSliderInternalContextProvider };
+export { useSliderInternalContext, useSliderInternalContextProvider };

package/dist/slider/SliderTooltip.d.ts

@@ -1,14 +1,13 @@
 import { TooltipProps } from "../tooltip/index.js";
-import * as vue510 from "vue";
 
 //#region src/slider/SliderTooltip.d.ts
 type SliderTooltipProps = TooltipProps & {
   draggingDelete?: boolean;
   value?: number;
 };
-declare const SliderTooltip: vue510.DefineSetupFnComponent<SliderTooltipProps, {}, {}, TooltipProps & {
+declare const SliderTooltip: import("vue").DefineSetupFnComponent<SliderTooltipProps, {}, {}, TooltipProps & {
   draggingDelete?: boolean;
   value?: number;
-} & {}, vue510.PublicProps>;
+} & {}, import("vue").PublicProps>;
 //#endregion
 export { SliderTooltipProps, SliderTooltip as default };

package/dist/slider/SliderTooltip.js

@@ -1,7 +1,6 @@
-import tooltip_default from "../tooltip/index.js";
+import InternalTooltip from "../tooltip/index.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, onUnmounted, shallowRef, watch } from "vue";
 import raf from "@v-c/util/dist/raf";
-
 //#region src/slider/SliderTooltip.tsx
 const SliderTooltip = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const innerRef = shallowRef();
@@ -33,7 +32,7 @@ const SliderTooltip = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		cancelKeepAlign();
 	});
 	return () => {
-		return createVNode(tooltip_default, mergeProps(props, {
+		return createVNode(InternalTooltip, mergeProps(props, {
 			"open": mergedOpen.value,
 			"ref": innerRef
 		}), { default: () => [slots?.default?.()] });
@@ -171,7 +170,5 @@ const SliderTooltip = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	name: "SliderTooltip",
 	inheritAttrs: false
 });
-var SliderTooltip_default = SliderTooltip;
-
 //#endregion
-export { SliderTooltip_default as default };
+export { SliderTooltip as default };

package/dist/slider/index.d.ts

@@ -1,8 +1,6 @@
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
-import "../_util/hooks/index.js";
 import { TooltipPlacement, TriggerCommonApi } from "../tooltip/index.js";
-import * as vue533 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SliderProps as SliderProps$1 } from "@v-c/slider";
 
@@ -57,7 +55,8 @@ interface SliderBaseProps {
   marks?: SliderMarks;
   dots?: boolean;
   included?: boolean;
-  disabled?: boolean;
+  /** Set `boolean[]` to individually disable specific handles (Range mode). */
+  disabled?: boolean | boolean[];
   keyboard?: boolean;
   orientation?: Orientation;
   vertical?: boolean;
@@ -101,6 +100,6 @@ type SliderRange = SliderProps$1['range'];
 interface Opens {
   [index: number]: boolean;
 }
-declare const Slider: vue533.DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps, vue533.PublicProps>;
+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 };

package/dist/slider/index.js

@@ -1,10 +1,10 @@
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { useSliderInternalContext } from "./Context.js";
-import SliderTooltip_default from "./SliderTooltip.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";
@@ -12,7 +12,6 @@ import { clsx } from "@v-c/util";
 import raf from "@v-c/util/dist/raf";
 import { omit } from "es-toolkit";
 import VcSlider from "@v-c/slider";
-
 //#region src/slider/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -35,7 +34,8 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 			vertical: mergedVertical.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 { handleRender: contextHandleRender, direction: internalContextDirection } = useSliderInternalContext();
 	const mergedDirection = computed(() => internalContextDirection?.value || contextDirection.value);
 	const isRTL = computed(() => mergedDirection.value === "rtl");
@@ -131,7 +131,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 				}
 			});
 			const open = (!!lockOpen.value || activeOpen.value) && mergedTipFormatter !== null;
-			if (!useActiveTooltipHandle) return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
+			if (!useActiveTooltipHandle) return createVNode(SliderTooltip, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(value) : "",
 				"value": value,
@@ -145,7 +145,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 		});
 		const activeHandleRender = useActiveTooltipHandle ? ({ node, ...info }) => {
 			const cloneNode = cloneVNode(node, { style: { visibility: "hidden" } });
-			return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
+			return createVNode(SliderTooltip, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(info.value) : "",
 				"open": mergedTipFormatter !== null && activeOpen.value,
@@ -158,7 +158,6 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 		} : void 0;
 		const rootStyle = {
 			...mergedStyles.value.root,
-			...contextStyle.value,
 			...style
 		};
 		return createVNode(VcSlider, mergeProps(restProps, {
@@ -245,7 +244,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 			default: void 0
 		},
 		disabled: {
-			type: Boolean,
+			type: [Boolean, Array],
 			required: false,
 			default: void 0
 		},
@@ -319,7 +318,5 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 Slider.install = (app) => {
 	app.component(Slider.name, Slider);
 };
-var slider_default = Slider;
-
 //#endregion
-export { slider_default as default };
+export { Slider as default };

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

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

package/dist/slider/style/index.js

@@ -3,10 +3,18 @@ import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { unit } from "@antdv-next/cssinjs";
 import { FastColor } from "@ant-design/fast-color";
-
 //#region src/slider/style/index.ts
 const genBaseStyle = (token) => {
 	const { componentCls, antCls, controlSize, dotSize, marginFull, marginPart, colorFillContentHover, handleColorDisabled, calc, handleSize, handleSizeHover, handleActiveColor, handleActiveOutlineColor, handleLineWidth, handleLineWidthHover, motionDurationMid } = token;
+	const disabledHandle = {
+		backgroundColor: token.colorBgElevated,
+		cursor: "not-allowed",
+		width: handleSize,
+		height: handleSize,
+		boxShadow: `0 0 0 ${unit(handleLineWidth)} ${handleColorDisabled}`,
+		insetInlineStart: 0,
+		insetBlockStart: 0
+	};
 	return { [componentCls]: {
 		...resetComponent(token),
 		position: "relative",
@@ -40,7 +48,7 @@ const genBaseStyle = (token) => {
 			[`${componentCls}-rail`]: { backgroundColor: token.railHoverBg },
 			[`${componentCls}-track`]: { backgroundColor: token.trackHoverBg },
 			[`${componentCls}-dot`]: { borderColor: colorFillContentHover },
-			[`${componentCls}-handle::after`]: { boxShadow: `0 0 0 ${unit(handleLineWidth)} ${token.colorPrimaryBorderHover}` },
+			[`${componentCls}-handle:not(${componentCls}-handle-disabled)::after`]: { boxShadow: `0 0 0 ${unit(handleLineWidth)} ${token.colorPrimaryBorderHover}` },
 			[`${componentCls}-dot-active`]: { borderColor: token.dotActiveBorderColor }
 		},
 		[`${componentCls}-handle`]: {
@@ -81,13 +89,13 @@ const genBaseStyle = (token) => {
 				].map((prop) => `${prop} ${motionDurationMid}`).join(", ")
 			},
 			"&:hover, &:active, &:focus": {
-				"&::before": {
+				[`&:not(${componentCls}-handle-disabled)::before`]: {
 					insetInlineStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),
 					insetBlockStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),
 					width: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal(),
 					height: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal()
 				},
-				"&::after": {
+				[`&:not(${componentCls}-handle-disabled)::after`]: {
 					boxShadow: `0 0 0 ${unit(handleLineWidthHover)} ${handleActiveColor}`,
 					outline: `6px solid ${handleActiveOutlineColor}`,
 					width: handleSizeHover,
@@ -141,20 +149,13 @@ const genBaseStyle = (token) => {
 				boxShadow: "none",
 				cursor: "not-allowed"
 			},
-			[`${componentCls}-handle::after`]: {
-				backgroundColor: token.colorBgElevated,
-				cursor: "not-allowed",
-				width: handleSize,
-				height: handleSize,
-				boxShadow: `0 0 0 ${unit(handleLineWidth)} ${handleColorDisabled}`,
-				insetInlineStart: 0,
-				insetBlockStart: 0
-			},
+			[`${componentCls}-handle::after`]: { ...disabledHandle },
 			[`
           ${componentCls}-mark-text,
           ${componentCls}-dot
         `]: { cursor: `not-allowed !important` }
 		},
+		[`${componentCls}-handle-disabled::after`]: { ...disabledHandle },
 		[`&-tooltip ${antCls}-tooltip-container`]: { minWidth: "unset" }
 	} };
 };
@@ -258,6 +259,5 @@ var style_default = genStyleHooks("Slider", (token) => {
 		genVerticalStyle(sliderToken)
 	];
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/slider/useRafLock.js

@@ -1,6 +1,5 @@
 import { onBeforeUnmount, shallowRef } from "vue";
 import raf from "@v-c/util/dist/raf";
-
 //#region src/slider/useRafLock.ts
 function useRafLock() {
 	const state = shallowRef(false);
@@ -20,6 +19,5 @@ function useRafLock() {
 	});
 	return [state, setDelayState];
 }
-
 //#endregion
-export { useRafLock as default };
+export { useRafLock as default };