antdv-next 1.4.1 → 1.4.2

package/dist/modal/Modal.d.ts

@@ -1,8 +1,17 @@
 import { ModalEmits, ModalProps, ModalSlots } from "./interface.js";
-import { SlotsType } from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
-interface InternalModalProps extends ModalProps, ModalEmitsProps {}
+interface ModalSemanticRenderInfo {
+  classNames: Record<string, string | undefined>;
+  styles: Record<string, CSSProperties | undefined>;
+}
+interface InternalModalProps extends ModalProps, ModalEmitsProps {
+  /** @private Internal usage for Modal static methods. Do not use in your production. */
+  _semanticOmit?: string[];
+  /** @private Internal usage for Modal static methods. Do not use in your production. */
+  _renderSemanticContent?: (semantic: ModalSemanticRenderInfo) => any;
+}
 interface ModalEmitsProps {
   onOk?: ModalEmits['ok'];
   onCancel?: ModalEmits['cancel'];
@@ -10,4 +19,4 @@ interface ModalEmitsProps {
 }
 declare const Modal: import("vue").DefineSetupFnComponent<InternalModalProps, ModalEmits, SlotsType<ModalSlots>, InternalModalProps, import("vue").PublicProps>;
 //#endregion
-export { InternalModalProps, ModalEmitsProps, Modal as default };
+export { InternalModalProps, ModalEmitsProps, ModalSemanticRenderInfo, Modal as default };

package/dist/modal/Modal.js

@@ -187,11 +187,20 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"mousePosition",
 			"focusTriggerAfterClose",
 			"panelRef",
-			"focusable"
+			"focusable",
+			"_semanticOmit",
+			"_renderSemanticContent"
 		]);
+		const { _semanticOmit, _renderSemanticContent } = props;
+		const dialogClassNames = _semanticOmit ? omit(mergedClassNames.value, _semanticOmit) : mergedClassNames.value;
+		const dialogStyles = _semanticOmit ? omit(mergedStyles.value, _semanticOmit) : mergedStyles.value;
+		const renderSemanticContent = () => _renderSemanticContent ? _renderSemanticContent({
+			classNames: mergedClassNames.value,
+			styles: mergedStyles.value
+		}) : slots.default?.();
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const mergedClassName = clsx(hashId.value, contextClassName.value, className);
-		const mergedRootClassName = clsx(hashId.value, rootClassRef.value, cssVarCls.value, rootCls.value, mergedClassNames.value.root);
+		const mergedRootClassName = clsx(hashId.value, rootClassRef.value, cssVarCls.value, rootCls.value, dialogClassNames.root);
 		const getContainer = customizeGetContainer === void 0 ? getContextPopupContainer : customizeGetContainer;
 		return createVNode(ContextIsolator, {
 			"form": true,
@@ -204,7 +213,7 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"rootClassName": mergedRootClassName,
 			"rootStyle": {
 				...rootStyleRef.value,
-				...mergedStyles.value.root
+				...dialogStyles.root
 			},
 			"footer": dialogFooter,
 			"title": titleNode,
@@ -227,10 +236,10 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 				...attrStyle
 			},
 			"classNames": {
-				...mergedClassNames.value,
-				wrapper: clsx(mergedClassNames.value.wrapper, wrapClassNameExtended)
+				...dialogClassNames,
+				wrapper: clsx(dialogClassNames.wrapper, wrapClassNameExtended)
 			},
-			"styles": mergedStyles.value,
+			"styles": dialogStyles,
 			"panelRef": mergedPanelRef,
 			"destroyOnHidden": destroyOnHidden ?? destroyOnClose,
 			"modalRender": mergedModalRender
@@ -239,10 +248,18 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"title": false,
 			"paragraph": { rows: 4 },
 			"class": `${prefixCls.value}-body-skeleton`
-		}, null) : slots.default?.()] })] })] });
+		}, null) : renderSemanticContent()] })] })] });
 	};
 }, {
 	props: /*@__PURE__*/ mergeDefaults({
+		_semanticOmit: {
+			type: Array,
+			required: false
+		},
+		_renderSemanticContent: {
+			type: Function,
+			required: false
+		},
 		open: {
 			type: Boolean,
 			required: false,

package/dist/modal/interface.d.ts

@@ -1,5 +1,5 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Breakpoint } from "../_util/responsiveObserver.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
@@ -42,8 +42,8 @@ interface ModalSemanticStyles {
 type ModalClassNamesType = SemanticClassNamesType<ModalProps, ModalSemanticClassNames>;
 type ModalStylesType = SemanticStylesType<ModalProps, ModalSemanticStyles>;
 interface ModalCommonProps extends Omit<DialogProps, 'footer' | 'width' | 'onClose' | 'animation' | 'maskAnimation' | 'transitionName' | 'maskTransitionName' | 'mask' | 'classNames' | 'styles' | 'modalRender' | 'rootStyle' | 'style' | OmitFocusType> {
-  footer?: VueNode$1 | ((params: {
-    originNode: VueNode$1;
+  footer?: VueNode | ((params: {
+    originNode: VueNode;
     extra: {
       OkBtn: any;
       CancelBtn: any;
@@ -63,7 +63,7 @@ interface ModalProps extends ModalCommonProps {
   /** Whether to apply loading visual effect for OK button or not */
   confirmLoading?: boolean;
   /** The modal dialog's title */
-  title?: VueNode$1;
+  title?: VueNode;
   afterClose?: () => void;
   /** Callback when the animation ends when Modal is turned on and off */
   afterOpenChange?: (open: boolean) => void;
@@ -72,11 +72,11 @@ interface ModalProps extends ModalCommonProps {
   /** Width of the modal dialog */
   width?: string | number | Partial<Record<Breakpoint, string | number>>;
   /** Text of the OK button */
-  okText?: VueNode$1;
+  okText?: VueNode;
   /** Button `type` of the OK button */
   okType?: LegacyButtonType;
   /** Text of the Cancel button */
-  cancelText?: VueNode$1;
+  cancelText?: VueNode;
   /** Force render Modal */
   forceRender?: boolean;
   okButtonProps?: ButtonProps;
@@ -109,7 +109,7 @@ interface ModalProps extends ModalCommonProps {
   scrollLock?: boolean;
   wrapProps?: any;
   prefixCls?: string;
-  closeIcon?: VueNode$1;
+  closeIcon?: VueNode;
   modalRender?: (node: any) => any;
   focusTriggerAfterClose?: boolean;
   mousePosition?: MousePosition;
@@ -133,7 +133,7 @@ interface ModalSlots {
   closeIcon?: () => any;
   modalRender?: (node: any) => any;
   footer?: (params: {
-    originNode: VueNode$1;
+    originNode: VueNode;
     extra: {
       OkBtn: any;
       CancelBtn: any;
@@ -146,8 +146,8 @@ interface ModalFuncProps extends ModalCommonProps {
   class?: string;
   rootClass?: string;
   open?: boolean;
-  title?: VueNode$1;
-  content?: VueNode$1;
+  title?: VueNode;
+  content?: VueNode;
   onOk?: (...args: any[]) => any;
   onCancel?: (...args: any[]) => any;
   onClose?: DialogProps['onClose'];
@@ -156,10 +156,10 @@ interface ModalFuncProps extends ModalCommonProps {
   cancelButtonProps?: ButtonProps;
   centered?: boolean;
   width?: string | number;
-  okText?: VueNode$1;
+  okText?: VueNode;
   okType?: LegacyButtonType;
-  cancelText?: VueNode$1;
-  icon?: VueNode$1;
+  cancelText?: VueNode;
+  icon?: VueNode;
   mask?: MaskType;
   maskClosable?: boolean;
   zIndex?: number;
@@ -179,7 +179,7 @@ interface ModalFuncProps extends ModalCommonProps {
   direction?: DirectionType;
   /** @deprecated Please use `styles.body` instead */
   bodyStyle?: CSSProperties;
-  closeIcon?: VueNode$1;
+  closeIcon?: VueNode;
   footer?: ModalProps['footer'];
   modalRender?: ModalProps['modalRender'];
   focusTriggerAfterClose?: boolean;

package/dist/notification/PureList.d.ts

@@ -1,5 +1,6 @@
+import { VueNode } from "../_util/type.js";
 import { IconType, NotificationClassNamesType, NotificationPlacement } from "./interface.js";
-import { CSSProperties, SlotsType, VueNode } from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/notification/PureList.d.ts
 interface PureListItem {
@@ -12,6 +13,7 @@ interface PureListItem {
   showProgress?: boolean;
 }
 interface PureListProps {
+  prefixCls?: string;
   items: PureListItem[];
   placement?: NotificationPlacement;
   classes?: NotificationClassNamesType;

package/dist/notification/PureList.js

@@ -45,6 +45,10 @@ const PureList = /* @__PURE__ */ defineComponent((props) => {
 	};
 }, {
 	props: {
+		prefixCls: {
+			type: String,
+			required: false
+		},
 		items: {
 			type: Array,
 			required: true

package/dist/notification/interface.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
 import { AppContext, CSSProperties, HTMLAttributes } from "vue";
@@ -29,15 +29,15 @@ interface NotificationSemanticStyles {
 type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemanticClassNames>;
 type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemanticStyles>;
 interface ArgsProps {
-  title?: VueNode$1;
-  description?: VueNode$1;
-  actions?: VueNode$1;
+  title?: VueNode;
+  description?: VueNode;
+  actions?: VueNode;
   key?: Key;
   onClose?: () => void;
   duration?: number | false;
   showProgress?: boolean;
   pauseOnHover?: boolean;
-  icon?: VueNode$1;
+  icon?: VueNode;
   placement?: NotificationPlacement;
   style?: CSSProperties;
   class?: string;
@@ -45,7 +45,7 @@ interface ArgsProps {
   styles?: NotificationStylesType;
   readonly type?: IconType;
   onClick?: () => void;
-  closeIcon?: VueNode$1;
+  closeIcon?: VueNode;
   closable?: boolean | (Exclude<ClosableType, boolean> & {
     onClose?: () => void;
   });
@@ -66,7 +66,7 @@ interface NotificationConfig {
   duration?: number | false;
   showProgress?: boolean;
   pauseOnHover?: boolean;
-  closeIcon?: VueNode$1;
+  closeIcon?: VueNode;
   classes?: NotificationClassNamesType;
   styles?: NotificationStylesType;
 }
@@ -88,7 +88,7 @@ interface GlobalConfigProps {
   prefixCls?: string;
   getContainer?: () => HTMLElement | ShadowRoot;
   placement?: NotificationPlacement;
-  closeIcon?: VueNode$1;
+  closeIcon?: VueNode;
   closable?: ClosableType;
   rtl?: boolean;
   maxCount?: number;

package/dist/notification/util.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { NotificationConfig, NotificationPlacement } from "./interface.js";
 import { NotificationConfig as NotificationConfig$1 } from "../config-provider/context.js";
 import { CSSProperties } from "vue";
@@ -17,6 +17,6 @@ declare function getPlacementOffsetStyle(top?: number | string, bottom?: number
 /** @deprecated kept for the message wrapper; routes through getPlacementOffsetStyle. */
 declare function getPlacementStyle(_placement: NotificationPlacement, top: number, bottom: number): CSSProperties;
 declare function getMotion(prefixCls: string): CSSMotionProps;
-declare function getCloseIconConfig(closeIcon: VueNode$1, notificationConfig?: NotificationConfig, notification?: NotificationConfig$1): VueNode$1;
+declare function getCloseIconConfig(closeIcon: VueNode, notificationConfig?: NotificationConfig, notification?: NotificationConfig$1): VueNode;
 //#endregion
 export { getCloseIconConfig, getMotion, getPlacementOffsetStyle, getPlacementStyle };

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.4.1";
+var version = "1.4.2";
 //#endregion
 export { version };

package/dist/pagination/Pagination.js

@@ -78,7 +78,7 @@ const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				propSelectOnChange?.(nextSize, option);
 			},
 			"size": mergedSize.value,
-			"class": clsx(sizeChangerClassName, propSelectClass)
+			"class": clsx(`${prefixCls.value}-options-size-changer-select`, sizeChangerClassName, propSelectClass)
 		}), null);
 	};
 	if (isDev) devUseWarning("Pagination")(!props.selectComponentClass, "usage", "`selectComponentClass` is not official api which will be removed.");

package/dist/pagination/interface.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { SelectProps } from "../select/index.js";
@@ -33,7 +33,7 @@ type PaginationClassNamesType = SemanticClassNamesType<PaginationProps, Paginati
 type PaginationStylesType = SemanticStylesType<PaginationProps, PaginationSemanticStyles>;
 interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'onChange' | 'onShowSizeChange'> {
   showQuickJumper?: boolean | {
-    goButton?: VueNode$1;
+    goButton?: VueNode;
   };
   size?: SizeType;
   responsive?: boolean;
@@ -44,10 +44,10 @@ interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style'
   classes?: PaginationClassNamesType;
   styles?: PaginationStylesType;
   locale?: PaginationLocale;
-  prevIcon?: VueNode$1;
-  nextIcon?: VueNode$1;
-  jumpPrevIcon?: VueNode$1;
-  jumpNextIcon?: VueNode$1;
+  prevIcon?: VueNode;
+  nextIcon?: VueNode;
+  jumpPrevIcon?: VueNode;
+  jumpNextIcon?: VueNode;
   /** @deprecated Not official support. Will be removed in next major version. */
   selectComponentClass?: any;
 }
@@ -65,7 +65,7 @@ interface PaginationSlots {
   itemRender?: (ctx: {
     page: number;
     type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
-    element: VueNode$1;
+    element: VueNode;
   }) => any;
   showTotal?: (ctx: {
     total: number;

package/dist/pagination/style/index.js

@@ -279,7 +279,7 @@ const genPaginationJumpStyle = (token) => {
 			display: "inline-block",
 			marginInlineStart: token.margin,
 			verticalAlign: "middle",
-			"&-size-changer": { width: "auto" },
+			[`&-size-changer, &-size-changer${componentCls}-options-size-changer-select`]: { width: "auto" },
 			"&-quick-jumper": {
 				display: "inline-block",
 				height: varRef(`item-size-actual`),

package/dist/popconfirm/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { TooltipEmits, TooltipRef } from "../tooltip/index.js";
 import { PopoverProps, PopoverSemanticClassNames, PopoverSemanticName, PopoverSemanticStyles } from "../popover/index.js";
@@ -17,16 +17,16 @@ type PopconfirmSemanticStyles = PopoverSemanticStyles & {
 type PopconfirmClassNamesType = SemanticClassNamesType<PopconfirmProps, PopconfirmSemanticClassNames>;
 type PopconfirmStylesType = SemanticStylesType<PopconfirmProps, PopconfirmSemanticStyles>;
 interface PopconfirmProps extends Omit<PopoverProps, 'title' | 'content' | 'classes' | 'styles' | 'onOpenChange'>, PopconfirmEmitsProps {
-  title?: VueNode$1;
-  description?: VueNode$1;
+  title?: VueNode;
+  description?: VueNode;
   disabled?: boolean;
-  okText?: VueNode$1;
-  cancelText?: VueNode$1;
+  okText?: VueNode;
+  cancelText?: VueNode;
   okType?: LegacyButtonType;
   okButtonProps?: ButtonProps;
   cancelButtonProps?: ButtonProps;
   showCancel?: boolean;
-  icon?: VueNode$1;
+  icon?: VueNode;
   classes?: PopconfirmClassNamesType;
   styles?: PopconfirmStylesType;
   onConfirm?: (e?: MouseEvent) => void;

package/dist/popover/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { TooltipEmits, TooltipProps, TooltipRef, TooltipSemanticClassNames, TooltipSemanticStyles } from "../tooltip/index.js";
 import { App, CSSProperties, SlotsType } from "vue";
@@ -15,9 +15,9 @@ type PopoverSemanticStyles = TooltipSemanticStyles & {
 };
 type PopoverClassNamesType = SemanticClassNamesType<PopoverProps, PopoverSemanticClassNames>;
 type PopoverStylesType = SemanticStylesType<PopoverProps, PopoverSemanticStyles>;
-interface PopoverProps extends TooltipProps, PopoverEmitsProps {
-  title?: VueNode$1;
-  content?: VueNode$1;
+interface PopoverProps extends Omit<TooltipProps, 'onOpenChange'>, PopoverEmitsProps {
+  title?: VueNode;
+  content?: VueNode;
   classes?: PopoverClassNamesType;
   styles?: PopoverStylesType;
 }

package/dist/radio/radio.js

@@ -131,9 +131,9 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
 		},
 		defaultChecked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -141,9 +141,9 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
 		},
 		checked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -192,9 +192,9 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
 		},
 		checkedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -202,9 +202,9 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
 		},
 		unCheckedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,

package/dist/radio/radioButton.js

@@ -13,9 +13,9 @@ const RadioButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 	props: {
 		defaultChecked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -23,9 +23,9 @@ const RadioButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 		},
 		checked: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -74,9 +74,9 @@ const RadioButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 		},
 		checkedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,
@@ -84,9 +84,9 @@ const RadioButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 		},
 		unCheckedValue: {
 			type: [
+				Boolean,
 				String,
 				Number,
-				Boolean,
 				Object
 			],
 			required: false,

package/dist/result/index.d.ts

@@ -1,4 +1,4 @@
-import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
+import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import NoFound from "./noFound.js";
 import ServerError from "./serverError.js";
@@ -35,11 +35,11 @@ interface ResultSemanticStyles {
 type ResultClassNamesType = SemanticClassNamesType<ResultProps, ResultSemanticClassNames>;
 type ResultStylesType = SemanticStylesType<ResultProps, ResultSemanticStyles>;
 interface ResultProps extends ComponentBaseProps {
-  icon?: VueNode$1;
+  icon?: VueNode;
   status?: ResultStatusType;
-  title?: VueNode$1;
-  subTitle?: VueNode$1;
-  extra?: VueNode$1;
+  title?: VueNode;
+  subTitle?: VueNode;
+  extra?: VueNode;
   classes?: ResultClassNamesType;
   styles?: ResultStylesType;
 }

package/dist/segmented/index.d.ts

@@ -1,9 +1,9 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { TooltipProps } from "../tooltip/index.js";
-import { App, CSSProperties, SlotsType } from "vue";
+import { App, CSSProperties, PublicProps } from "vue";
 import { SegmentedLabeledOption as SegmentedLabeledOption$1, SegmentedProps as SegmentedProps$1, SegmentedRawOption, SegmentedValue } from "@v-c/segmented";
 
 //#region src/segmented/index.d.ts
@@ -27,15 +27,17 @@ interface SegmentedLabeledOptionWithoutIcon<ValueType = SegmentedValue> extends
 interface SegmentedLabeledOptionWithIcon<ValueType = SegmentedValue> extends Omit<SegmentedLabeledOption$1<ValueType>, 'label'> {
   label?: SegmentedLabeledOption$1['label'];
   /** Set icon for Segmented item */
-  icon?: VueNode$1;
+  icon?: VueNode;
   tooltip?: string | TooltipProps;
 }
 type SegmentedLabeledOption<ValueType = SegmentedValue> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType>;
 type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption<T>)[];
 type SegmentedClassNamesType = SemanticClassNamesType<SegmentedProps, SegmentedSemanticClassNames>;
 type SegmentedStylesType = SemanticStylesType<SegmentedProps, SegmentedSemanticStyles>;
-interface SegmentedProps extends Omit<SegmentedProps$1, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' | 'onChange'>, SegmentedEmitsProps {
-  options: SegmentedOptions;
+interface SegmentedProps<ValueType extends SegmentedValue = SegmentedValue> extends Omit<SegmentedProps$1, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' | 'onChange' | 'value' | 'defaultValue'>, SegmentedEmitsProps<ValueType> {
+  value?: ValueType;
+  defaultValue?: ValueType;
+  options: SegmentedOptions<ValueType>;
   rootClass?: string;
   /** Option to fit width to its parent's width */
   block?: boolean;
@@ -46,24 +48,40 @@ interface SegmentedProps extends Omit<SegmentedProps$1, 'size' | 'options' | 'it
   classes?: SegmentedClassNamesType;
   styles?: SegmentedStylesType;
   shape?: 'default' | 'round';
-  iconRender?: (option: SegmentedLabeledOption) => any;
-  labelRender?: (option: SegmentedLabeledOption) => any;
+  iconRender?: (option: SegmentedLabeledOption<ValueType>) => any;
+  labelRender?: (option: SegmentedLabeledOption<ValueType>) => any;
 }
-interface SegmentedEmits {
-  'change': (value: SegmentedValue) => void;
-  'update:value': (value: SegmentedValue) => void;
+interface SegmentedEmits<ValueType extends SegmentedValue = SegmentedValue> {
+  'change': (value: ValueType) => void;
+  'update:value': (value: ValueType) => void;
 }
-interface SegmentedEmitsProps {
-  onChange?: SegmentedEmits['change'];
-  'onUpdate:value'?: SegmentedEmits['update:value'];
+interface SegmentedEmitsProps<ValueType extends SegmentedValue = SegmentedValue> {
+  onChange?: SegmentedEmits<ValueType>['change'];
+  'onUpdate:value'?: SegmentedEmits<ValueType>['update:value'];
 }
-interface SegmentedSlots {
-  iconRender: (option: SegmentedLabeledOption) => any;
-  labelRender: (option: SegmentedLabeledOption) => any;
+interface SegmentedSlots<ValueType extends SegmentedValue = SegmentedValue> {
+  iconRender: (option: SegmentedLabeledOption<ValueType>) => any;
+  labelRender: (option: SegmentedLabeledOption<ValueType>) => any;
 }
-declare const InternalSegmented: import("vue").DefineSetupFnComponent<SegmentedProps, SegmentedEmits, SlotsType<SegmentedSlots>, SegmentedProps, import("vue").PublicProps>;
-declare const Segmented: typeof InternalSegmented & {
+interface SegmentedInstance<ValueType extends SegmentedValue = SegmentedValue> {
+  $props: SegmentedProps<ValueType> & PublicProps;
+  $emit: {
+    (event: 'change', value: ValueType): void;
+    (event: 'update:value', value: ValueType): void;
+  };
+  $slots: SegmentedSlots<ValueType>;
+}
+interface SegmentedConstructor {
+  new <ValueType extends SegmentedValue = SegmentedValue>(props: SegmentedProps<ValueType>): SegmentedInstance<ValueType>;
+  /**
+   * Non-generic fallback signature. TypeScript infers from the last overload,
+   * so this keeps render-function usage like `h(Segmented, props)` resolvable
+   * against Vue's `Constructor<P>` overload of `h` (see #634), while the
+   * generic signature above still drives template/Volar inference.
+   */
+  new (props: SegmentedProps<any>): SegmentedInstance<any>;
   install: (app: App) => void;
-};
+}
+declare const Segmented: SegmentedConstructor;
 //#endregion
-export { SegmentedClassNamesType, SegmentedEmits, SegmentedEmitsProps, SegmentedLabeledOption, SegmentedOptions, SegmentedProps, SegmentedSemanticClassNames, SegmentedSemanticName, SegmentedSemanticStyles, SegmentedSlots, SegmentedStylesType, Segmented as default };
+export { SegmentedClassNamesType, SegmentedConstructor, SegmentedEmits, SegmentedEmitsProps, SegmentedLabeledOption, SegmentedOptions, SegmentedProps, SegmentedSemanticClassNames, SegmentedSemanticName, SegmentedSemanticStyles, SegmentedSlots, SegmentedStylesType, Segmented as default };

package/dist/segmented/index.js

@@ -16,7 +16,7 @@ function _isSlot(s) {
 function isSegmentedLabeledOptionWithIcon(option, iconFromSlot) {
 	return typeof option === "object" && !!(option?.icon || iconFromSlot?.length);
 }
-const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
+const InternalSegmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	const defaultName = useId();
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("segmented");
 	const { classes, styles, size: customSize, orientation, vertical } = toPropsRefs$1(props, "classes", "styles", "size", "orientation", "vertical");
@@ -88,6 +88,8 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 	};
 }, {
 	props: /*@__PURE__*/ mergeDefaults({
+		value: { required: false },
+		defaultValue: { required: false },
 		options: {
 			type: Array,
 			required: true
@@ -134,14 +136,6 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 			type: Function,
 			required: false
 		},
-		defaultValue: {
-			type: [String, Number],
-			required: false
-		},
-		value: {
-			type: [String, Number],
-			required: false
-		},
 		disabled: {
 			type: Boolean,
 			required: false,
@@ -171,8 +165,9 @@ const Segmented = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }
 	name: "ASegmented",
 	inheritAttrs: false
 });
+const Segmented = InternalSegmented;
 Segmented.install = (app) => {
-	app.component(Segmented.name, Segmented);
+	app.component(InternalSegmented.name, Segmented);
 };
 //#endregion
 export { Segmented as default };

package/dist/select/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode as VueNode$1 } from "../_util/type.js";
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
@@ -12,12 +12,12 @@ type RawValue = string | number;
 interface LabeledValue {
   key?: string;
   value: RawValue;
-  label: VueNode$1;
+  label: VueNode;
 }
 type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
 interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles'> {
-  prefix?: VueNode$1;
-  suffixIcon?: VueNode$1;
+  prefix?: VueNode;
+  suffixIcon?: VueNode;
   size?: SizeType;
   disabled?: boolean;
   mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE' | 'combobox';