antdv-next 1.5.0 → 1.5.2

package/dist/package.js

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

package/dist/package.json.d.ts

@@ -21,6 +21,10 @@ declare const _exports: {
       import: string;
       default: string;
     };
+    "./version/token.json": string;
+    "./version/token-meta.json": string;
+    "./dist/version/token.json": string;
+    "./dist/version/token-meta.json": string;
     "./dist/*": {
       types: string[];
       import: string[];

package/dist/pagination/Pagination.js

@@ -11,7 +11,7 @@ import useBreakpoint from "../grid/hooks/useBreakpoint.js";
 import style_default from "./style/index.js";
 import bordered_default from "./style/bordered.js";
 import resolveShowSizeChanger from "./useShowSizeChanger.js";
-import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
+import { Fragment, computed, createVNode, defineComponent, h, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { DoubleLeftOutlined, DoubleRightOutlined, EllipsisOutlined, LeftOutlined, RightOutlined } from "@antdv-next/icons";
@@ -27,7 +27,8 @@ const omitKeys = [
 	"styles",
 	"showSizeChanger",
 	"pageSizeOptions",
-	"selectComponentClass"
+	"selectComponentClass",
+	"components"
 ];
 const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
 	const { getPrefixCls, prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, showSizeChanger: contextShowSizeChangerConfig } = useComponentBaseConfig("pagination", props, ["showSizeChanger"]);
@@ -59,6 +60,13 @@ const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	const mergedPageSizeOptions = computed(() => props.pageSizeOptions?.map((option) => Number(option)));
 	const sizeChangerRender = (info) => {
 		const { disabled, size: pageSize, onSizeChange, "aria-label": ariaLabel, className: sizeChangerClassName, options } = info;
+		const SizeChangerComponent = props.components?.sizeChanger;
+		if (SizeChangerComponent) return h(SizeChangerComponent, {
+			"value": pageSize,
+			"disabled": !!disabled,
+			"onChange": onSizeChange,
+			"class": sizeChangerClassName
+		});
 		const selectProps = mergedShowSizeChangerSelectProps.value ?? {};
 		const propSelectClass = selectProps.class ?? selectProps.className;
 		const propSelectOnChange = selectProps.onChange;
@@ -189,6 +197,10 @@ const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			type: String,
 			required: false
 		},
+		components: {
+			type: Object,
+			required: false
+		},
 		showSizeChanger: {
 			type: [Boolean, Object],
 			required: false,
@@ -308,10 +320,6 @@ const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			type: String,
 			required: false
 		},
-		sizeChangerRender: {
-			type: Function,
-			required: false
-		},
 		showLessItems: {
 			type: Boolean,
 			required: false,

package/dist/pagination/index.d.ts

@@ -1,6 +1,6 @@
-import { PaginationClassNamesType, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationSlots, PaginationStylesType } from "./interface.js";
+import { PaginationClassNamesType, PaginationComponents, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationSizeChangerProps, PaginationSlots, PaginationStylesType } from "./interface.js";
 import Pagination, { InternalPaginationProps } from "./Pagination.js";
 //#region src/pagination/index.d.ts
 type PaginationProps = InternalPaginationProps;
 //#endregion
-export { type PaginationClassNamesType, type PaginationConfig, type PaginationEmits, type PaginationLocale, type PaginationPosition, PaginationProps, type PaginationSlots, type PaginationStylesType, Pagination as default };
+export { type PaginationClassNamesType, type PaginationComponents, type PaginationConfig, type PaginationEmits, type PaginationLocale, type PaginationPosition, PaginationProps, type PaginationSizeChangerProps, type PaginationSlots, type PaginationStylesType, Pagination as default };

package/dist/pagination/interface.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { SelectProps } from "../select/index.js";
-import { CSSProperties } from "vue";
+import { CSSProperties, Component } from "vue";
 import { PaginationProps as PaginationProps$1 } from "@v-c/pagination";
 //#region src/pagination/interface.d.ts
 interface PaginationLocale {
@@ -31,7 +31,23 @@ interface PaginationSemanticStyles {
 }
 type PaginationClassNamesType = SemanticClassNamesType<PaginationProps, PaginationSemanticClassNames>;
 type PaginationStylesType = SemanticStylesType<PaginationProps, PaginationSemanticStyles>;
-interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'onChange' | 'onShowSizeChange'> {
+interface PaginationSizeChangerProps {
+  /** Current `pageSize` */
+  value: number;
+  /** Whether the pagination is disabled */
+  disabled: boolean;
+  /**
+   * Emitted as the `change` event when the user picks another page size.
+   * Also accepted as an `onChange` prop.
+   */
+  onChange?: (value: number) => void;
+  /** Injected through attrs, `ant-pagination-options-size-changer` */
+  class?: string;
+}
+interface PaginationComponents {
+  sizeChanger?: Component<PaginationSizeChangerProps>;
+}
+interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'sizeChangerRender' | 'onChange' | 'onShowSizeChange'> {
   showQuickJumper?: boolean | {
     goButton?: VueNode;
   };
@@ -39,6 +55,7 @@ interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style'
   responsive?: boolean;
   totalBoundaryShowSizeChanger?: number;
   rootClass?: string;
+  components?: PaginationComponents;
   showSizeChanger?: boolean | SelectProps;
   pageSizeOptions?: (string | number)[];
   classes?: PaginationClassNamesType;
@@ -77,4 +94,4 @@ interface PaginationSlots {
   jumpNextIcon?: () => any;
 }
 //#endregion
-export { PaginationClassNamesType, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationProps, PaginationSemanticClassNames, PaginationSemanticName, PaginationSemanticStyles, PaginationSlots, PaginationStylesType, SemanticName };
+export { PaginationClassNamesType, PaginationComponents, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationProps, PaginationSemanticClassNames, PaginationSemanticName, PaginationSemanticStyles, PaginationSizeChangerProps, PaginationSlots, PaginationStylesType, SemanticName };

package/dist/popconfirm/index.js

@@ -1,5 +1,5 @@
 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 { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1, useLiveListener } from "../_util/tools.js";
 import useMergedArrow from "../tooltip/hooks/useMergedArrow.js";
 import Popover from "../popover/index.js";
@@ -29,11 +29,18 @@ const OMITTED_PROP_KEYS = [
 ];
 const defaultIcon = createVNode(ExclamationCircleFilled, null, null);
 const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
-	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, prefixCls } = useComponentBaseConfig("popconfirm", props, ["arrow", "trigger"]);
+	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, mouseEnterDelay: contextMouseEnterDelay, mouseLeaveDelay: contextMouseLeaveDelay, prefixCls } = useComponentBaseConfig("popconfirm", props, [
+		"arrow",
+		"trigger",
+		"mouseEnterDelay",
+		"mouseLeaveDelay"
+	]);
 	const { arrow: arrowProp, classes, styles } = toPropsRefs$1(props, "arrow", "classes", "styles");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedArrow = useMergedArrow(arrowProp, contextArrow);
 	const mergedTrigger = computed(() => props?.trigger ?? contextTrigger.value ?? "click");
+	const mergedMouseEnterDelay = computed(() => props?.mouseEnterDelay ?? contextMouseEnterDelay.value ?? .1);
+	const mergedMouseLeaveDelay = computed(() => props?.mouseLeaveDelay ?? contextMouseLeaveDelay.value ?? .1);
 	const popoverRef = shallowRef();
 	const open = shallowRef(props.open ?? props.defaultOpen ?? false);
 	watch(() => props.open, (val, prevVal) => {
@@ -67,9 +74,12 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 	});
 	const mergedProps = computed(() => ({
 		...props,
-		trigger: mergedTrigger.value
+		trigger: mergedTrigger.value,
+		mouseEnterDelay: mergedMouseEnterDelay.value,
+		mouseLeaveDelay: mergedMouseLeaveDelay.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 rootClassNames = computed(() => clsx(prefixCls.value, hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root));
 	return () => {
 		const titleNode = getSlotPropsFnRun(slots, props, "title") ?? props.title;
@@ -98,6 +108,8 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 		}, null);
 		return createVNode(Popover, mergeProps(attrs, removeUndefined(restProps), {
 			"trigger": mergedTrigger.value,
+			"mouseEnterDelay": mergedMouseEnterDelay.value,
+			"mouseLeaveDelay": mergedMouseLeaveDelay.value,
 			"ref": popoverRef,
 			"open": open.value,
 			"arrow": mergedArrow.value,
@@ -109,10 +121,7 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 				arrow: mergedClassNames.value.arrow
 			},
 			"styles": {
-				root: {
-					...mergedStyles.value.root,
-					...contextStyle.value
-				},
+				root: mergedStyles.value.root,
 				container: mergedStyles.value.container,
 				arrow: mergedStyles.value.arrow
 			}

package/dist/popover/PurePanel.js

@@ -177,6 +177,11 @@ const RawPurePanel = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 			required: false,
 			default: void 0
 		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		getPopupContainer: {
 			type: Function,
 			required: false
@@ -325,6 +330,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/popover/index.js

@@ -1,5 +1,5 @@
 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 { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useMergedArrow from "../tooltip/hooks/useMergedArrow.js";
 import InternalTooltip from "../tooltip/index.js";
@@ -13,12 +13,19 @@ import { getTransitionName } from "@v-c/util/dist/utils/transition";
 import KeyCode from "@v-c/util/dist/KeyCode";
 //#region src/popover/index.tsx
 const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
-	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, prefixCls } = useComponentBaseConfig("popover", props, ["arrow", "trigger"]);
+	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, mouseEnterDelay: contextMouseEnterDelay, mouseLeaveDelay: contextMouseLeaveDelay, prefixCls } = useComponentBaseConfig("popover", props, [
+		"arrow",
+		"trigger",
+		"mouseEnterDelay",
+		"mouseLeaveDelay"
+	]);
 	const { arrow: popoverArrow, classes, styles } = toPropsRefs$1(props, "arrow", "classes", "styles");
 	const rootCls = computed(() => getPrefixCls());
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedArrow = useMergedArrow(popoverArrow, contextArrow);
 	const mergedTrigger = computed(() => props?.trigger ?? contextTrigger.value ?? "hover");
+	const mergedMouseEnterDelay = computed(() => props?.mouseEnterDelay ?? contextMouseEnterDelay.value ?? .1);
+	const mergedMouseLeaveDelay = computed(() => props?.mouseLeaveDelay ?? contextMouseLeaveDelay.value ?? .1);
 	const popoverRef = shallowRef();
 	const forceAlign = () => {
 		popoverRef.value?.forceAlign?.();
@@ -30,9 +37,12 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 	});
 	const mergedProps = computed(() => ({
 		...props,
-		trigger: mergedTrigger.value
+		trigger: mergedTrigger.value,
+		mouseEnterDelay: mergedMouseEnterDelay.value,
+		mouseLeaveDelay: mergedMouseLeaveDelay.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 open = shallowRef(props?.open ?? props?.defaultOpen ?? false);
 	watch(() => props.open, (val, prevVal) => {
 		if (val !== void 0) open.value = val;
@@ -51,7 +61,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 	};
 	return () => {
 		const children = filterEmpty(slots?.default?.() ?? [])?.[0];
-		const { placement, mouseLeaveDelay, mouseEnterDelay, motion, ...restProps } = props;
+		const { placement, mouseLeaveDelay: _mouseLeaveDelay, mouseEnterDelay: _mouseEnterDelay, motion, ...restProps } = props;
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const contentNode = getSlotPropsFnRun(slots, props, "content");
 		const rootClassNames = clsx(hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root);
@@ -60,8 +70,8 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 			"arrow": mergedArrow.value,
 			"placement": placement,
 			"trigger": mergedTrigger.value,
-			"mouseLeaveDelay": mouseLeaveDelay,
-			"mouseEnterDelay": mouseEnterDelay
+			"mouseLeaveDelay": mergedMouseLeaveDelay.value,
+			"mouseEnterDelay": mergedMouseEnterDelay.value
 		}, removeUndefined(restProps), {
 			"prefixCls": prefixCls.value,
 			"classes": {
@@ -70,10 +80,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 				arrow: mergedClassNames.value?.arrow
 			},
 			"styles": {
-				root: {
-					...mergedStyles.value?.root,
-					...contextStyle.value
-				},
+				root: mergedStyles.value?.root,
 				container: mergedStyles.value?.container,
 				arrow: mergedStyles.value?.arrow
 			},
@@ -176,6 +183,11 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 			required: false,
 			default: void 0
 		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		getPopupContainer: {
 			type: Function,
 			required: false
@@ -223,11 +235,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 			type: String,
 			required: false
 		}
-	}, {
-		placement: "top",
-		mouseEnterDelay: .1,
-		mouseLeaveDelay: .1
-	}),
+	}, { placement: "top" }),
 	emits: ["openChange", "update:open"],
 	name: "APopover",
 	inheritAttrs: false

package/dist/qrcode/index.d.ts

@@ -5,7 +5,10 @@ interface InternalQRCodeProps extends QRCodeProps$1, QRCodeEmitsProps {}
 interface QRCodeEmitsProps {
   onRefresh?: QRCodeEmits['refresh'];
 }
+interface QRCodeRef {
+  nativeElement: HTMLDivElement;
+}
 declare const QRCode: import("vue").DefineSetupFnComponent<InternalQRCodeProps, QRCodeEmits, SlotsType<QRCodeSlots>, InternalQRCodeProps, import("vue").PublicProps>;
 type QRCodeProps = InternalQRCodeProps;
 //#endregion
-export { InternalQRCodeProps, type QRCodeEmits, QRCodeEmitsProps, QRCodeProps, QRCode as default };
+export { InternalQRCodeProps, type QRCodeEmits, QRCodeEmitsProps, QRCodeProps, QRCodeRef, QRCode as default };

package/dist/qrcode/index.js

@@ -1,18 +1,18 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import useToken from "../theme/useToken.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 useLocale from "../locale/useLocale.js";
 import QRcodeStatus from "./QrcodeStatus.js";
 import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
 import { QRCodeCanvas, QRCodeSVG } from "@v-c/qrcode";
 //#region src/qrcode/index.tsx
-const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots }) => {
+const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots, expose }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("qrcode", props);
 	const { styles, classes } = toPropsRefs(props, "styles", "classes");
 	const [hashId, cssVarCls] = style_default(prefixCls);
@@ -34,7 +34,10 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots }) =
 	const mergedProps = computed(() => {
 		return 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));
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { type, value, size, errorLevel, bgColor, icon, boostLevel, bordered, rootClass, status, marginSize } = props;
 		const statusRender = slots?.statusRender ?? props?.statusRender;
@@ -68,16 +71,16 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots }) =
 		let _height = style?.height ?? size;
 		if (typeof _width === "number") _width = `${_width}px`;
 		if (typeof _height === "number") _height = `${_height}px`;
-		return createVNode("div", mergeProps(restProps, {
+		const rootStyle = {
+			backgroundColor: bgColor,
+			...mergedStyles.value?.root,
+			...style,
+			width: _width,
+			height: _height
+		};
+		return createVNode("div", mergeProps({ "ref": nativeElementRef }, restProps, {
 			"class": mergedCls,
-			"style": {
-				backgroundColor: bgColor,
-				...mergedStyles.value?.root,
-				...contextStyle.value,
-				...style,
-				width: _width,
-				height: _height
-			}
+			"style": rootStyle
 		}), [status !== "active" && createVNode("div", {
 			"class": [`${prefixCls.value}-cover`, mergedClassNames.value.cover],
 			"style": mergedStyles.value.cover

package/dist/radio/group.js

@@ -84,7 +84,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				item: option,
 				index
 			}) : option.label;
-			return createVNode(InternalRadio, {
+			return createVNode(InternalRadio, mergeProps({
 				"key": `radio-group-value-options-${option.value}`,
 				"prefixCls": prefixCls.value,
 				"disabled": option.disabled || disabled,
@@ -95,7 +95,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				"class": option.class,
 				"id": option.id,
 				"required": option.required
-			}, _isSlot(_label) ? _label : { default: () => [_label] });
+			}, { onChange: option.onChange }), _isSlot(_label) ? _label : { default: () => [_label] });
 		});
 		return createVNode("div", mergeProps(pickAttrs(restAttrs, {
 			aria: true,

package/dist/rate/style/index.js

@@ -16,7 +16,7 @@ const genRateStarStyle = (token) => {
 			"&:hover": { transform: token.starHoverScale },
 			"&:focus": { outline: 0 },
 			"&:focus-visible": {
-				outline: `${unit(token.lineWidth)} dashed ${token.starColor}`,
+				outline: `${unit(token.lineWidthFocus)} dashed ${token.starColor}`,
 				transform: token.starHoverScale
 			}
 		},
@@ -61,14 +61,17 @@ const genRateStyle = (token) => {
 		...genRateRtlStyle(token)
 	} };
 };
-const prepareComponentToken = (token) => ({
-	starColor: token.yellow6,
-	starSize: token.controlHeight * .625,
-	starSizeSM: token.controlHeightSM * .625,
-	starSizeLG: token.controlHeightLG * .625,
-	starHoverScale: "scale(1.1)",
-	starBg: token.colorFillContent
-});
+const prepareComponentToken = (token) => {
+	return {
+		lineWidthFocus: token.lineWidthFocus === 0 ? 0 : token.lineWidth,
+		starColor: token.yellow6,
+		starSize: token.controlHeight * .625,
+		starSizeSM: token.controlHeightSM * .625,
+		starSizeLG: token.controlHeightLG * .625,
+		starHoverScale: "scale(1.1)",
+		starBg: token.colorFillContent
+	};
+};
 var style_default = genStyleHooks("Rate", (token) => {
 	const rateToken = mergeToken(token, {});
 	return genRateStyle(rateToken);

package/dist/result/index.d.ts

@@ -43,6 +43,9 @@ interface ResultProps extends ComponentBaseProps {
   classes?: ResultClassNamesType;
   styles?: ResultStylesType;
 }
+interface ResultRef {
+  nativeElement: HTMLDivElement;
+}
 interface ResultSlots {
   icon?: () => any;
   title?: () => any;
@@ -57,4 +60,4 @@ declare const _default: typeof Result & {
   PRESENTED_IMAGE_500: (typeof ExceptionMap)["500"];
 };
 //#endregion
-export { ExceptionMap, ExceptionStatusType, IconMap, ResultClassNamesType, ResultProps, ResultSemanticClassNames, ResultSemanticName, ResultSemanticStyles, ResultSlots, ResultStatusType, ResultStylesType, _default as default };
+export { ExceptionMap, ExceptionStatusType, IconMap, ResultClassNamesType, ResultProps, ResultRef, ResultSemanticClassNames, ResultSemanticName, ResultSemanticStyles, ResultSlots, ResultStatusType, ResultStylesType, _default as default };

package/dist/result/index.js

@@ -5,7 +5,7 @@ import NoFound from "./noFound.js";
 import ServerError from "./serverError.js";
 import style_default from "./style/index.js";
 import Unauthorized from "./unauthorized.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, WarningFilled } from "@antdv-next/icons";
@@ -73,13 +73,15 @@ const Extra = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	} }, { extra: void 0 }),
 	inheritAttrs: false
 });
-const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("result", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedProps = computed(() => props);
 	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 { status, rootClass } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
@@ -95,10 +97,11 @@ const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const extraClassNames = clsx$1(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
 		const bodyClassNames = clsx$1(`${prefixCls.value}-body`, mergedClassNames.value.body);
 		const iconClassNames = clsx$1(`${prefixCls.value}-icon`, { [`${prefixCls.value}-image`]: ExceptionStatus.includes(`${status}`) }, mergedClassNames.value.icon);
-		return createVNode("div", mergeProps(pickAttrs(restAttrs, {
+		const restProps = pickAttrs(restAttrs, {
 			aria: true,
 			data: true
-		}), {
+		});
+		return createVNode("div", mergeProps({ "ref": nativeElementRef }, restProps, {
 			"class": rootClassNames,
 			"style": rootStyles
 		}), [

package/dist/select/index.js

@@ -414,7 +414,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 			required: false
 		},
 		optionFilterProp: {
-			type: String,
+			type: [String, Array],
 			required: false
 		},
 		optionLabelProp: {

package/dist/select/style/dropdown.js

@@ -55,6 +55,10 @@ const genSingleStyle = (token) => {
           ${slideUpLeaveActive}${dropdownPlacementCls}topRight
         `]: { animationName: slideDownOut },
 			"&-hidden": { display: "none" },
+			[`${componentCls}-dropdown-list-scrollbar`]: {
+				cursor: "pointer",
+				"&:hover": { backgroundColor: token.colorFillQuaternary }
+			},
 			[selectItemCls]: {
 				...genItemStyle(token),
 				cursor: "pointer",

package/dist/select/style/index.js

@@ -14,7 +14,7 @@ const genBaseStyle = (token) => {
 			opacity: 0,
 			pointerEvents: "none"
 		},
-		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
+		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow):not(${componentCls}-customize) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
 	};
 	return {
 		[componentCls]: {

package/dist/select/style/select-input.js

@@ -53,7 +53,7 @@ function genSelectInputVariantStyle(token, variant, colors, errorColors = {}, wa
 }
 function genSelectInputFocusVisibleStyle(token, outlineColor) {
 	return {
-		outline: `${unit(token.lineWidth)} ${token.lineType} ${outlineColor}`,
+		outline: `${unit(token.lineWidthFocus)} ${token.lineType} ${outlineColor}`,
 		outlineOffset: unit(token.calc(token.lineWidth).mul(-1).equal()),
 		transition: [`outline-offset`, `outline`].map((prop) => `${prop} 0s`).join(", ")
 	};

package/dist/select/style/token.js

@@ -1,13 +1,15 @@
 //#region src/select/style/token.ts
 const prepareComponentToken = (token) => {
-	const { fontSize, lineHeight, lineWidth, controlHeight, controlHeightSM, controlHeightLG, paddingXXS, controlPaddingHorizontal, zIndexPopupBase, colorText, fontWeightStrong, controlItemBgActive, controlItemBgHover, colorBgContainer, colorFillSecondary, colorBgContainerDisabled, colorTextDisabled, colorPrimaryHover, colorPrimary, controlOutline } = token;
+	const { fontSize, lineHeight, lineWidth, lineWidthFocus, controlHeight, controlHeightSM, controlHeightLG, paddingXXS, controlPaddingHorizontal, zIndexPopupBase, colorText, fontWeightStrong, controlItemBgActive, controlItemBgHover, colorBgContainer, colorFillSecondary, colorBgContainerDisabled, colorTextDisabled, colorPrimaryHover, colorPrimary, controlOutline } = token;
 	const dblPaddingXXS = paddingXXS * 2;
 	const dblLineWidth = lineWidth * 2;
 	const multipleItemHeight = Math.min(controlHeight - dblPaddingXXS, controlHeight - dblLineWidth);
 	const multipleItemHeightSM = Math.min(controlHeightSM - dblPaddingXXS, controlHeightSM - dblLineWidth);
 	const multipleItemHeightLG = Math.min(controlHeightLG - dblPaddingXXS, controlHeightLG - dblLineWidth);
+	const INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
 	return {
-		INTERNAL_FIXED_ITEM_MARGIN: Math.floor(paddingXXS / 2),
+		lineWidthFocus: lineWidthFocus === 0 ? 0 : lineWidth,
+		INTERNAL_FIXED_ITEM_MARGIN,
 		zIndexPopup: zIndexPopupBase + 50,
 		optionSelectedColor: colorText,
 		optionSelectedFontWeight: fontWeightStrong,

package/dist/select/useIcons.d.ts

@@ -21,12 +21,8 @@ declare function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeI
     open: boolean;
     showSearch: boolean;
   }) => import("vue/jsx-runtime").JSX.Element | null) | null;
-  itemIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | RenderNodeFn<any[]> | null;
-  removeIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | RenderNodeFn<any[]> | null;
+  itemIcon: string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null;
+  removeIcon: string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null;
 };
 //#endregion
 export { useIcons as default };

package/dist/skeleton/Skeleton.d.ts

@@ -41,6 +41,9 @@ interface SkeletonProps extends ComponentBaseProps {
   classes?: SkeletonClassNamesType;
   styles?: SkeletonStylesType;
 }
+interface SkeletonRef {
+  nativeElement: HTMLDivElement | null;
+}
 interface SkeletonSlots {
   default?: () => any;
 }
@@ -54,4 +57,4 @@ type SkeletonType = typeof Skeleton & {
 };
 declare const SkeletonWithSubComponents: SkeletonType;
 //#endregion
-export { SkeletonAvatar, SkeletonButton, SkeletonClassNamesType, SkeletonImage, SkeletonInput, SkeletonNode, SkeletonProps, SkeletonSemanticClassNames, SkeletonSemanticName, SkeletonSemanticStyles, SkeletonSlots, SkeletonStylesType, SkeletonType, SkeletonWithSubComponents as default };
+export { SkeletonAvatar, SkeletonButton, SkeletonClassNamesType, SkeletonImage, SkeletonInput, SkeletonNode, SkeletonProps, SkeletonRef, SkeletonSemanticClassNames, SkeletonSemanticName, SkeletonSemanticStyles, SkeletonSlots, SkeletonStylesType, SkeletonType, SkeletonWithSubComponents as default };

package/dist/skeleton/Skeleton.js

@@ -10,7 +10,7 @@ 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 { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
 //#region src/skeleton/Skeleton.tsx
@@ -40,13 +40,15 @@ function getParagraphBasicProps(hasAvatar, hasTitle) {
 	else basicProps.rows = 2;
 	return basicProps;
 }
-const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
+const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots, expose }) => {
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("skeleton", props);
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const mergedProps = computed(() => props);
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
+	const nativeElementRef = shallowRef(null);
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { loading, rootClass, avatar = false, title = true, paragraph = true, active, round } = props;
 		if (loading || loading === void 0) {
@@ -90,12 +92,16 @@ const Skeleton = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 					"style": mergedStyles.value.section
 				}, [$title, paragraphNode]);
 			}
-			return createVNode("div", mergeProps({ "class": classNames(prefixCls.value, {
+			const cls = 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) }, omit(attrs, ["class", "style"]), { "style": [mergedStyles.value.root, attrs?.style] }), [avatarNode, contentNode]);
+			}, mergedClassNames.value.root, contextClassName.value, attrs?.class, rootClass, hashId.value, cssVarCls.value);
+			return createVNode("div", mergeProps({
+				"ref": nativeElementRef,
+				"class": cls
+			}, omit(attrs, ["class", "style"]), { "style": [mergedStyles.value.root, attrs?.style] }), [avatarNode, contentNode]);
 		}
 		return slots.default?.() ?? null;
 	};