antdv-next 1.0.0-beta.3 → 1.0.0-rc.1

package/dist/select/index.d.mts

@@ -1,11 +1,11 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { InputStatus } from "../_util/statusUtils.mjs";
 import { SelectCommonPlacement } from "../_util/motion.mjs";
 import { ComponentBaseProps, Variant } from "../config-provider/context.mjs";
-import * as vue192 from "vue";
+import * as vue147 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SelectProps } from "@v-c/select";
 import * as _v_c_select_dist_Option_js0 from "@v-c/select/dist/Option.js";
@@ -37,23 +37,51 @@ interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps, 'mod
    * @default "outlined"
    */
   variant?: Variant;
-  classes?: SemanticClassNames<SemanticName> & {
-    popup?: SemanticClassNames<PopupSemantic>;
-  };
-  styles?: SemanticStyles<SemanticName> & {
-    popup?: SemanticStyles<PopupSemantic>;
-  };
+  styles?: SelectStylesType;
+  classes?: SelectClassNamesType;
+}
+interface SelectSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  suffix?: string;
+  input?: string;
+  placeholder?: string;
+  content?: string;
+  item?: string;
+  itemContent?: string;
+  itemRemove?: string;
+  clear?: string;
+}
+interface SelectSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  suffix?: CSSProperties;
+  input?: CSSProperties;
+  placeholder?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+  itemContent?: CSSProperties;
+  itemRemove?: CSSProperties;
+  clear?: CSSProperties;
+}
+interface SelectPopupSemanticClassNames {
+  root?: string;
+  listItem?: string;
+  list?: string;
+}
+interface SelectPopupSemanticStyles {
+  root?: CSSProperties;
+  listItem?: CSSProperties;
+  list?: CSSProperties;
 }
-type SemanticName = 'root' | 'prefix' | 'suffix';
-type PopupSemantic = 'root' | 'listItem' | 'list';
-type SelectClassNamesType = SemanticClassNamesType<SelectProps$1, SemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
+type SelectClassNamesType = SemanticClassNamesType<SelectProps$1, SelectSemanticClassNames, {
+  popup?: SelectPopupSemanticClassNames;
 }>;
-type SelectStylesType = SemanticStylesType<SelectProps$1, SemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
+type SelectStylesType = SemanticStylesType<SelectProps$1, SelectSemanticStyles, {
+  popup?: SelectPopupSemanticStyles;
 }>;
 type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'optionRender';
-interface SelectProps$1 extends Omit<InternalSelectProps, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' | RcEventKeys> {
+interface SelectProps$1 extends Omit<InternalSelectProps, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' | 'classes' | 'styles' | RcEventKeys> {
   placement?: SelectCommonPlacement;
   mode?: 'multiple' | 'tags';
   status?: InputStatus;
@@ -110,10 +138,10 @@ interface SelectSlots {
   maxTagPlaceholder?: (data: any[]) => any;
   notFoundContent?: () => any;
 }
-declare const Select: vue192.DefineSetupFnComponent<SelectProps$1, SelectEmits, SlotsType<SelectSlots>, SelectProps$1 & {
+declare const Select: vue147.DefineSetupFnComponent<SelectProps$1, SelectEmits, SlotsType<SelectSlots>, SelectProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue192.PublicProps>;
-declare const SelectOption: vue192.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
-declare const SelectOptGroup: vue192.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
+}, vue147.PublicProps>;
+declare const SelectOption: vue147.FunctionalComponent<_v_c_select_dist_Option_js0.OptionProps, {}, any, {}>;
+declare const SelectOptGroup: vue147.FunctionalComponent<_v_c_select_dist_OptGroup_js0.OptGroupProps, {}, any, {}>;
 //#endregion
-export { InternalSelectProps, Select, SelectEmits, SelectOptGroup, SelectOption, SelectProps$1 as SelectProps, SelectSlots, SelectValue };
+export { InternalSelectProps, Select, SelectEmits, SelectOptGroup, SelectOption, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectProps$1 as SelectProps, SelectSlots, SelectValue };

package/dist/skeleton/Avatar.d.mts

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

package/dist/skeleton/Button.d.mts

@@ -1,11 +1,11 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue446 from "vue";
+import * as vue441 from "vue";
 
 //#region src/skeleton/Button.d.ts
 interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
   size?: 'large' | 'small' | 'default';
   block?: boolean;
 }
-declare const SkeletonButton: vue446.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue446.PublicProps>;
+declare const SkeletonButton: vue441.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue441.PublicProps>;
 //#endregion
 export { SkeletonButton };

package/dist/skeleton/Image.d.mts

@@ -1,8 +1,8 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue444 from "vue";
+import * as vue443 from "vue";
 
 //#region src/skeleton/Image.d.ts
 interface SkeletonImageProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {}
-declare const SkeletonImage: vue444.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue444.PublicProps>;
+declare const SkeletonImage: vue443.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue443.PublicProps>;
 //#endregion
 export { SkeletonImage };

package/dist/skeleton/Input.d.mts

@@ -1,11 +1,11 @@
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue442 from "vue";
+import * as vue445 from "vue";
 
 //#region src/skeleton/Input.d.ts
 interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
   size?: 'large' | 'small' | 'default';
   block?: boolean;
 }
-declare const SkeletonInput: vue442.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue442.PublicProps>;
+declare const SkeletonInput: vue445.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue445.PublicProps>;
 //#endregion
 export { SkeletonInput };

package/dist/skeleton/Node.d.mts

@@ -1,6 +1,6 @@
 import { EmptyEmit } from "../_util/type.mjs";
 import { SkeletonElementProps } from "./Element.mjs";
-import * as vue434 from "vue";
+import * as vue433 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/skeleton/Node.d.ts
@@ -10,8 +10,8 @@ interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'>
 interface SkeletonNodeSlots {
   default?: () => any;
 }
-declare const SkeletonNode: vue434.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps & {
+declare const SkeletonNode: vue433.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue434.PublicProps>;
+}, vue433.PublicProps>;
 //#endregion
 export { SkeletonNode };

package/dist/skeleton/Skeleton.d.mts

@@ -9,14 +9,29 @@ import { SkeletonImage } from "./Image.mjs";
 import { SkeletonInput } from "./Input.mjs";
 import { SkeletonNode } from "./Node.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue338 from "vue";
-import { SlotsType } from "vue";
+import * as vue291 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/skeleton/Skeleton.d.ts
 type SkeletonAvatarProps = Omit<SkeletonAvatarProps$1, 'active'>;
-type SemanticName = 'root' | 'header' | 'section' | 'avatar' | 'title' | 'paragraph';
-type SkeletonClassNamesType = SemanticClassNamesType<SkeletonProps, SemanticName>;
-type SkeletonStylesType = SemanticStylesType<SkeletonProps, SemanticName>;
+interface SkeletonSemanticClassNames {
+  root?: string;
+  header?: string;
+  section?: string;
+  avatar?: string;
+  title?: string;
+  paragraph?: string;
+}
+interface SkeletonSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  section?: CSSProperties;
+  avatar?: CSSProperties;
+  title?: CSSProperties;
+  paragraph?: CSSProperties;
+}
+type SkeletonClassNamesType = SemanticClassNamesType<SkeletonProps, SkeletonSemanticClassNames>;
+type SkeletonStylesType = SemanticStylesType<SkeletonProps, SkeletonSemanticStyles>;
 interface SkeletonProps extends ComponentBaseProps {
   active?: boolean;
   loading?: boolean;
@@ -30,9 +45,9 @@ interface SkeletonProps extends ComponentBaseProps {
 interface SkeletonSlots {
   default?: () => any;
 }
-declare const Skeleton: vue338.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps & {
+declare const Skeleton: vue291.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue338.PublicProps>;
+}, vue291.PublicProps>;
 type SkeletonType = typeof Skeleton & {
   Button: typeof SkeletonButton;
   Avatar: typeof SkeletonAvatar;

package/dist/slider/index.d.mts

@@ -2,15 +2,28 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { TooltipPlacement, TriggerCommonApi } from "../tooltip/index.mjs";
-import * as vue73 from "vue";
+import * as vue153 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SliderProps } from "@v-c/slider";
 
 //#region src/slider/index.d.ts
 type SliderMarks = SliderProps['marks'];
-type SemanticName = 'root' | 'tracks' | 'track' | 'rail' | 'handle';
-type SliderClassNamesType = SemanticClassNamesType<SliderBaseProps, SemanticName>;
-type SliderStylesType = SemanticStylesType<SliderBaseProps, SemanticName>;
+interface SliderSemanticClassNames {
+  root?: string;
+  tracks?: string;
+  track?: string;
+  rail?: string;
+  handle?: string;
+}
+interface SliderSemanticStyles {
+  root?: CSSProperties;
+  tracks?: CSSProperties;
+  track?: CSSProperties;
+  rail?: CSSProperties;
+  handle?: CSSProperties;
+}
+type SliderClassNamesType = SemanticClassNamesType<SliderBaseProps, SliderSemanticClassNames>;
+type SliderStylesType = SemanticStylesType<SliderBaseProps, SliderSemanticStyles>;
 interface SliderProps$1 extends Omit<SliderProps, 'styles' | 'classNames'> {
   classes?: SliderClassNamesType;
   styles?: SliderStylesType;
@@ -69,8 +82,8 @@ interface SliderEmits {
 }
 interface SliderSlots {}
 type SliderRange = SliderProps['range'];
-declare const Slider: vue73.DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps & {
+declare const Slider: vue153.DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue73.PublicProps>;
+}, vue153.PublicProps>;
 //#endregion
 export { Slider, SliderEmits, SliderProps$1 as SliderProps };

package/dist/slider/index.mjs

@@ -76,8 +76,8 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const { rootClass, tooltip, range } = props;
-		const tooltipProps$1 = { ...tooltip };
-		const { placement: tooltipPlacement, getPopupContainer: getTooltipPopupContainer, prefixCls: customizeTooltipPrefixCls, formatter: tipFormatter } = tooltipProps$1;
+		const tooltipProps = { ...tooltip };
+		const { placement: tooltipPlacement, getPopupContainer: getTooltipPopupContainer, prefixCls: customizeTooltipPrefixCls, formatter: tipFormatter } = tooltipProps;
 		const rootClassNames = clsx(className, contextClassName.value, mergedClassNames.value.root, rootClass, {
 			[`${prefixCls.value}-rtl`]: isRTL.value,
 			[`${prefixCls.value}-lock`]: dragging.value
@@ -132,7 +132,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$1, {
+			if (!useActiveTooltipHandle) return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(value) : "",
 				"value": value,
@@ -146,7 +146,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$1, {
+			return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(info.value) : "",
 				"open": mergedTipFormatter !== null && activeOpen.value,

package/dist/space/index.d.mts

@@ -6,14 +6,23 @@ import "../_util/hooks/index.mjs";
 import { SpaceCompactProps } from "./Compact.mjs";
 import { SpaceCompactCellProps } from "./Addon.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue79 from "vue";
-import { SlotsType } from "vue";
+import * as vue155 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/space/index.d.ts
 type SpaceSize = SizeType | number;
-type SemanticName = 'root' | 'item' | 'separator';
-type SpaceClassNamesType = SemanticClassNamesType<SpaceProps, SemanticName>;
-type SpaceStylesType = SemanticStylesType<SpaceProps, SemanticName>;
+interface SpaceSemanticClassNames {
+  root?: string;
+  item?: string;
+  separator?: string;
+}
+interface SpaceSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  separator?: CSSProperties;
+}
+type SpaceClassNamesType = SemanticClassNamesType<SpaceProps, SpaceSemanticClassNames>;
+type SpaceStylesType = SemanticStylesType<SpaceProps, SpaceSemanticStyles>;
 interface SpaceProps extends ComponentBaseProps {
   size?: SpaceSize | [SpaceSize, SpaceSize];
   /** @deprecated please use `orientation` instead */
@@ -30,10 +39,10 @@ interface SpaceSlots {
   default?: () => any;
   separator?: () => any;
 }
-declare const Space: vue79.DefineSetupFnComponent<SpaceProps, EmptyEmit, SlotsType<SpaceSlots>, SpaceProps & {
+declare const Space: vue155.DefineSetupFnComponent<SpaceProps, EmptyEmit, SlotsType<SpaceSlots>, SpaceProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue79.PublicProps>;
-declare const SpaceCompact: vue79.DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, vue79.PublicProps>;
-declare const SpaceAddon: vue79.DefineSetupFnComponent<SpaceCompactCellProps, {}, {}, SpaceCompactCellProps & {}, vue79.PublicProps>;
+}, vue155.PublicProps>;
+declare const SpaceCompact: vue155.DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, vue155.PublicProps>;
+declare const SpaceAddon: vue155.DefineSetupFnComponent<SpaceCompactCellProps, {}, {}, SpaceCompactCellProps & {}, vue155.PublicProps>;
 //#endregion
 export { Space, SpaceAddon, SpaceCompact, SpaceProps, SpaceSize, SpaceSlots };

package/dist/spin/Indicator/Progress.mjs

@@ -31,9 +31,9 @@ const CustomCircle = /* @__PURE__ */ defineComponent((props) => {
 	}
 } });
 const Progress = /* @__PURE__ */ defineComponent((props) => {
-	const render$1 = shallowRef(false);
+	const render = shallowRef(false);
 	watch(() => props.percent !== 0, () => {
-		if (props.percent !== 0) render$1.value = true;
+		if (props.percent !== 0) render.value = true;
 	}, { immediate: true });
 	return () => {
 		const { percent, prefixCls } = props;
@@ -41,7 +41,7 @@ const Progress = /* @__PURE__ */ defineComponent((props) => {
 		const holderClassName = `${dotClassName}-holder`;
 		const hideClassName = `${holderClassName}-hidden`;
 		const safePtg = Math.max(Math.min(percent, 100), 0);
-		if (!render$1.value) return null;
+		if (!render.value) return null;
 		const circleStyle = {
 			strokeDashoffset: `${circumference / 4}`,
 			strokeDasharray: `${circumference * safePtg / 100} ${circumference * (100 - safePtg) / 100}`

package/dist/spin/index.d.mts

@@ -2,15 +2,28 @@ import { EmptyEmit, VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue88 from "vue";
+import * as vue161 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/spin/index.d.ts
 declare const _SpinSizes: readonly ["small", "default", "large"];
 type SpinSize = (typeof _SpinSizes)[number];
-type SemanticName = 'root' | 'wrapper' | 'mask' | 'indicator' | 'tip';
-type SpinClassNamesType = SemanticClassNamesType<SpinProps, SemanticName>;
-type SpinStylesType = SemanticStylesType<SpinProps, SemanticName, {
+interface SpinSemanticClassNames {
+  root?: string;
+  wrapper?: string;
+  mask?: string;
+  indicator?: string;
+  tip?: string;
+}
+interface SpinSemanticStyles {
+  root?: CSSProperties;
+  wrapper?: CSSProperties;
+  mask?: CSSProperties;
+  indicator?: CSSProperties;
+  tip?: CSSProperties;
+}
+type SpinClassNamesType = SemanticClassNamesType<SpinProps, SpinSemanticClassNames>;
+type SpinStylesType = SemanticStylesType<SpinProps, SpinSemanticStyles, {
   wrapper?: CSSProperties;
 }>;
 interface SpinProps extends ComponentBaseProps {
@@ -37,9 +50,9 @@ interface SpinSlots {
   tip?: () => any;
   default?: () => any;
 }
-declare const Spin: vue88.DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps & {
+declare const Spin: vue161.DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue88.PublicProps>;
+}, vue161.PublicProps>;
 declare const _default: typeof Spin & {
   setDefaultIndicator: (indicator: VueNode) => void;
 };

package/dist/splitter/SplitBar.mjs

@@ -106,22 +106,22 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const collapsibleIconEnd = getSlotPropsFnRun(slots, { collapsibleIconEnd: propCollapsibleIconEnd }, "collapsibleIconEnd", false);
 		const draggerIcon = getSlotPropsFnRun(slots, props, "draggerIcon", false);
 		const renderIconsFn = () => {
-			let startIcon$1 = null;
-			let endIcon$1 = null;
-			const startCustomize$1 = collapsibleIconStart !== void 0;
-			const endCustomize$1 = collapsibleIconEnd !== void 0;
+			let startIcon = null;
+			let endIcon = null;
+			const startCustomize = collapsibleIconStart !== void 0;
+			const endCustomize = collapsibleIconEnd !== void 0;
 			if (vertical.value) {
-				startIcon$1 = startCustomize$1 ? collapsibleIconStart : createVNode(UpOutlined, null, null);
-				endIcon$1 = endCustomize$1 ? collapsibleIconEnd : createVNode(DownOutlined, null, null);
+				startIcon = startCustomize ? collapsibleIconStart : createVNode(UpOutlined, null, null);
+				endIcon = endCustomize ? collapsibleIconEnd : createVNode(DownOutlined, null, null);
 			} else {
-				startIcon$1 = startCustomize$1 ? collapsibleIconStart : createVNode(LeftOutlined, null, null);
-				endIcon$1 = endCustomize$1 ? collapsibleIconEnd : createVNode(RightOutlined, null, null);
+				startIcon = startCustomize ? collapsibleIconStart : createVNode(LeftOutlined, null, null);
+				endIcon = endCustomize ? collapsibleIconEnd : createVNode(RightOutlined, null, null);
 			}
 			return [
-				startIcon$1,
-				endIcon$1,
-				startCustomize$1,
-				endCustomize$1
+				startIcon,
+				endIcon,
+				startCustomize,
+				endCustomize
 			];
 		};
 		const [startIcon, endIcon, startCustomize, endCustomize] = renderIconsFn();

package/dist/splitter/Splitter.d.mts

@@ -1,10 +1,10 @@
 import { SplitterEmits, SplitterProps, SplitterSlots } from "./interface.mjs";
-import * as vue400 from "vue";
+import * as vue407 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/splitter/Splitter.d.ts
-declare const Splitter: vue400.DefineSetupFnComponent<SplitterProps, SplitterEmits, SlotsType<SplitterSlots>, SplitterProps & {
+declare const Splitter: vue407.DefineSetupFnComponent<SplitterProps, SplitterEmits, SlotsType<SplitterSlots>, SplitterProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue400.PublicProps>;
+}, vue407.PublicProps>;
 //#endregion
 export { Splitter };

package/dist/splitter/Splitter.mjs

@@ -42,7 +42,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 		containerSize.value = _containerSize;
 	};
 	const [panelSizes, itemPxSizes, itemPtgSizes, itemPtgMinSizes, itemPtgMaxSizes, updateSizes] = useSizes(items, containerSize);
-	const resizableInfos = useResizable(items, itemPxSizes, isRTL);
+	const resizableInfos = useResizable(items, itemPxSizes, reverse);
 	const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] = useResize(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL);
 	const onInternalResizeStart = (index) => {
 		onOffsetStart(index);

package/dist/splitter/hooks/useItems.mjs

@@ -20,7 +20,7 @@ function getCollapsible(collapsible) {
 */
 function convertChildrenToItems(children) {
 	return filterEmpty(children).filter((item) => isVNode(item)).map((node) => {
-		const { props, children: children$1 } = node;
+		const { props, children } = node;
 		const defaultSize = props?.["default-size"] ?? props?.defaultSize;
 		const { collapsible, resizable, ...restProps } = props ?? {};
 		const mergedResizable = resizable !== false;
@@ -29,7 +29,7 @@ function convertChildrenToItems(children) {
 			defaultSize,
 			resizable: mergedResizable,
 			collapsible: getCollapsible(collapsible),
-			_$slots: children$1
+			_$slots: children
 		};
 	});
 }

package/dist/splitter/hooks/useResizable.mjs

@@ -11,7 +11,7 @@ function getShowCollapsibleIcon(prev, next) {
 	if (next.collapsible) return next.showCollapsibleIcon;
 	return false;
 }
-function useResizable(items, pxSizes, isRTL) {
+function useResizable(items, pxSizes, reverse) {
 	return computed(() => {
 		const resizeInfos = [];
 		const itemsLen = items.value.length;
@@ -45,10 +45,10 @@ function useResizable(items, pxSizes, isRTL) {
 			});
 			resizeInfos[i] = {
 				resizable: mergedResizable,
-				startCollapsible: !!(isRTL.value ? endCollapsible : startCollapsible),
-				endCollapsible: !!(isRTL.value ? startCollapsible : endCollapsible),
-				showStartCollapsibleIcon: isRTL.value ? showEndCollapsibleIcon : showStartCollapsibleIcon,
-				showEndCollapsibleIcon: isRTL.value ? showStartCollapsibleIcon : showEndCollapsibleIcon
+				startCollapsible: !!(reverse.value ? endCollapsible : startCollapsible),
+				endCollapsible: !!(reverse.value ? startCollapsible : endCollapsible),
+				showStartCollapsibleIcon: reverse.value ? showEndCollapsibleIcon : showStartCollapsibleIcon,
+				showEndCollapsibleIcon: reverse.value ? showStartCollapsibleIcon : showEndCollapsibleIcon
 			};
 		}
 		return resizeInfos;

package/dist/splitter/hooks/useResize.mjs

@@ -5,7 +5,7 @@ import { computed, shallowRef } from "vue";
 /**
 * Handle user drag resize logic.
 */
-function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
+function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, reverse) {
 	const limitSizes = computed(() => items.value.map((item) => [item.min, item.max]));
 	const mergedContainerSize = computed(() => containerSize.value || 0);
 	const ptg2px = (ptg) => ptg * mergedContainerSize.value;
@@ -68,7 +68,7 @@ function useResize(items, resizableInfos, percentSizes, containerSize, updateSiz
 	};
 	const onCollapse = (index, type) => {
 		const currentSizes = getPxSizes();
-		const adjustedType = isRTL.value ? type === "start" ? "end" : "start" : type;
+		const adjustedType = reverse.value ? type === "start" ? "end" : "start" : type;
 		const currentIndex = adjustedType === "start" ? index : index + 1;
 		const targetIndex = adjustedType === "start" ? index + 1 : index;
 		const currentSize = currentSizes[currentIndex];

package/dist/splitter/index.d.mts

@@ -1,8 +1,8 @@
 import { InternalPanelProps, SplitterEmits, SplitterProps, SplitterSlots } from "./interface.mjs";
 import { Splitter } from "./Splitter.mjs";
-import * as vue92 from "vue";
+import * as vue163 from "vue";
 
 //#region src/splitter/index.d.ts
-declare const SplitterPanel: vue92.DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, vue92.PublicProps>;
+declare const SplitterPanel: vue163.DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, vue163.PublicProps>;
 //#endregion
 export { SplitterPanel };

package/dist/splitter/interface.d.mts

@@ -1,5 +1,5 @@
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
@@ -7,13 +7,27 @@ import { ShowCollapsibleIconMode } from "./SplitBar.mjs";
 import { CSSProperties } from "vue";
 
 //#region src/splitter/interface.d.ts
-type DraggerSemantic = 'default' | 'active';
-type SplitterSemanticName = 'root' | 'panel';
-type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSemanticName, {
-  dragger?: string | SemanticClassNames<DraggerSemantic>;
+interface SplitterSemanticClassNames {
+  root?: string;
+  panel?: string;
+}
+interface SplitterSemanticStyles {
+  root?: CSSProperties;
+  panel?: CSSProperties;
+}
+interface DraggerSemanticClassNames {
+  default?: string;
+  active?: string;
+}
+interface DraggerSemanticStyles {
+  default?: CSSProperties;
+  active?: CSSProperties;
+}
+type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSemanticClassNames, {
+  dragger?: string | DraggerSemanticClassNames;
 }>;
-type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticName, {
-  dragger?: CSSProperties | SemanticStyles<DraggerSemantic>;
+type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticStyles, {
+  dragger?: CSSProperties | DraggerSemanticStyles;
 }>;
 interface SplitterProps extends ComponentBaseProps {
   classes?: SplitterClassNamesType;

package/dist/splitter/style/index.mjs

@@ -3,31 +3,6 @@ import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
 import "../../theme/internal.mjs";
 
 //#region src/splitter/style/index.ts
-function genRtlStyle(token) {
-	const { componentCls } = token;
-	return {
-		[`&-rtl${componentCls}-horizontal`]: { [`> ${componentCls}-bar`]: {
-			[`${componentCls}-bar-collapse-previous`]: {
-				insetInlineEnd: 0,
-				insetInlineStart: "unset"
-			},
-			[`${componentCls}-bar-collapse-next`]: {
-				insetInlineEnd: "unset",
-				insetInlineStart: 0
-			}
-		} },
-		[`&-rtl${componentCls}-vertical`]: { [`> ${componentCls}-bar`]: {
-			[`${componentCls}-bar-collapse-previous`]: {
-				insetInlineEnd: "50%",
-				insetInlineStart: "unset"
-			},
-			[`${componentCls}-bar-collapse-next`]: {
-				insetInlineEnd: "50%",
-				insetInlineStart: "unset"
-			}
-		} }
-	};
-}
 const centerStyle = {
 	position: "absolute",
 	top: "50%",
@@ -39,10 +14,10 @@ const centerStyle = {
 };
 const genSplitterStyle = (token) => {
 	const { componentCls, colorFill, splitBarDraggableSize, splitBarSize, splitTriggerSize, controlItemBgHover, controlItemBgActive, controlItemBgActiveHover, colorPrimary, antCls, calc } = token;
+	const [, varRef] = genCssVar(antCls, "splitter");
 	const splitBarCls = `${componentCls}-bar`;
 	const splitMaskCls = `${componentCls}-mask`;
 	const splitPanelCls = `${componentCls}-panel`;
-	const [, varRef] = genCssVar(antCls, "splitter");
 	const halfTriggerSize = calc(splitTriggerSize).div(2).equal();
 	const splitterBarPreviewStyle = {
 		position: "absolute",
@@ -239,8 +214,7 @@ const genSplitterStyle = (token) => {
 				overflow: "hidden"
 			},
 			[`&:has(${componentCls}:only-child)`]: { overflow: "hidden" }
-		},
-		...genRtlStyle(token)
+		}
 	} };
 };
 const prepareComponentToken = (token) => {