antdv-next 1.4.6 → 1.5.0

package/dist/index.js

@@ -74,6 +74,7 @@ import Image, { ImagePreviewGroup } from "./image/index.js";
 import InternalTextArea from "./input/TextArea.js";
 import CompoundedInput, { InputGroup, InputOTP, InputPassword, InputSearch } from "./input/index.js";
 import layout_default, { LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, useLayoutSider } from "./layout/index.js";
+import Listy from "./listy/index.js";
 import masonry_default from "./masonry/index.js";
 import Spin from "./spin/index.js";
 import Mentions, { Option as Option$1 } from "./mentions/index.js";
@@ -127,4 +128,4 @@ var src_default = {
 	version: version_default
 };
 //#endregion
-export { Affix, alert_default as Alert, anchor_default as Anchor, App, AutoComplete, Option as AutoCompleteOption, Avatar, AvatarGroup, BackTopWithInstall as BackTop, Badge, BadgeRibbon, border_beam_default as BorderBeam, breadcrumb_default as Breadcrumb, BreadcrumbItem, BreadcrumbSeparator, button_default as Button, Calendar, card_default as Card, CardGrid, CardMeta, Carousel, Cascader, CascaderPanel, CheckableTag, CheckableTagGroup, checkbox_default as Checkbox, CheckboxGroup, Col, collapse_default as Collapse, CollapsePanel, color_picker_default as ColorPicker, ConfigProvider, DateMonthPicker, DatePicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, DirectoryTree, Divider, Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, FloatButtonGroup, form_default as Form, InternalFormItem as FormItem, Image, ImagePreviewGroup, CompoundedInput as Input, InputGroup, InputNumber, InputOTP, InputPassword, InputSearch, layout_default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, masonry_default as Masonry, Mentions, Option$1 as MentionsOption, Menu, MenuDivider, MenuItem, MenuItemGroup, Modal, pagination_default as Pagination, Popconfirm, Popover, Progress, QRCode, radio_default as Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, SelectOptGroup, SelectOption, skeleton_default as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, Slider, Space, SpaceAddon, SpaceCompact, Spin, splitter_default as Splitter, SplitterPanel, statistic_default as Statistic, StatisticTimer, Steps, StyleProvider, SubMenu, Switch, TabPane, InternalTable as Table, Column as TableColumn, ColumnGroup as TableColumnGroup, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, Tag, InternalTextArea as TextArea, TimePicker, TimeRangePicker, timeline_default as Timeline, TimelineItem, InternalTooltip as Tooltip, Tour, InternalTransfer as Transfer, Tree, TreeSelect, Typography, TypographyLink, TypographyParagraph, TypographyText, TypographyTitle, UniqueProvider, Upload, UploadDragger, Watermark, src_default as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, theme_default as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, version_default as version };
+export { Affix, alert_default as Alert, anchor_default as Anchor, App, AutoComplete, Option as AutoCompleteOption, Avatar, AvatarGroup, BackTopWithInstall as BackTop, Badge, BadgeRibbon, border_beam_default as BorderBeam, breadcrumb_default as Breadcrumb, BreadcrumbItem, BreadcrumbSeparator, button_default as Button, Calendar, card_default as Card, CardGrid, CardMeta, Carousel, Cascader, CascaderPanel, CheckableTag, CheckableTagGroup, checkbox_default as Checkbox, CheckboxGroup, Col, collapse_default as Collapse, CollapsePanel, color_picker_default as ColorPicker, ConfigProvider, DateMonthPicker, DatePicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, DirectoryTree, Divider, Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, FloatButtonGroup, form_default as Form, InternalFormItem as FormItem, Image, ImagePreviewGroup, CompoundedInput as Input, InputGroup, InputNumber, InputOTP, InputPassword, InputSearch, layout_default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, Listy, masonry_default as Masonry, Mentions, Option$1 as MentionsOption, Menu, MenuDivider, MenuItem, MenuItemGroup, Modal, pagination_default as Pagination, Popconfirm, Popover, Progress, QRCode, radio_default as Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, SelectOptGroup, SelectOption, skeleton_default as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, Slider, Space, SpaceAddon, SpaceCompact, Spin, splitter_default as Splitter, SplitterPanel, statistic_default as Statistic, StatisticTimer, Steps, StyleProvider, SubMenu, Switch, TabPane, InternalTable as Table, Column as TableColumn, ColumnGroup as TableColumnGroup, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, Tag, InternalTextArea as TextArea, TimePicker, TimeRangePicker, timeline_default as Timeline, TimelineItem, InternalTooltip as Tooltip, Tour, InternalTransfer as Transfer, Tree, TreeSelect, Typography, TypographyLink, TypographyParagraph, TypographyText, TypographyTitle, UniqueProvider, Upload, UploadDragger, Watermark, src_default as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, theme_default as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, version_default as version };

package/dist/layout/Sider.d.ts

@@ -1,3 +1,4 @@
+import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { Breakpoint } from "../_util/responsiveObserver.js";
@@ -26,6 +27,7 @@ interface SiderProps extends SiderEmitsProps {
   defaultCollapsed?: boolean;
   reverseArrow?: boolean;
   zeroWidthTriggerStyle?: CSSProperties;
+  trigger?: VueNode;
   width?: number | string;
   collapsedWidth?: number | string;
   breakpoint?: Breakpoint;

package/dist/layout/Sider.js

@@ -89,7 +89,7 @@ const Sider = /* @__PURE__ */ defineComponent((props, { emit, slots, attrs }) =>
 	useSiderProvider({ siderCollapsed: collapsed });
 	return () => {
 		const { collapsedWidth, reverseArrow, zeroWidthTriggerStyle, theme, collapsible } = props;
-		const trigger = getSlotPropsFnRun(slots, props, "trigger");
+		const trigger = getSlotPropsFnRun(slots, props, "trigger", !!slots.trigger);
 		const zeroWidthTrigger = Number.parseFloat(String(collapsedWidth || 0)) === 0 ? createVNode("span", {
 			"onClick": toggle,
 			"class": classNames(`${prefixCls.value}-zero-width-trigger`, `${prefixCls.value}-zero-width-trigger-${reverseArrow ? "right" : "left"}`),
@@ -100,7 +100,7 @@ const Sider = /* @__PURE__ */ defineComponent((props, { emit, slots, attrs }) =>
 			expanded: reverseIcon ? createVNode(RightOutlined, null, null) : createVNode(LeftOutlined, null, null),
 			collapsed: reverseIcon ? createVNode(LeftOutlined, null, null) : createVNode(RightOutlined, null, null)
 		}[collapsed.value ? "collapsed" : "expanded"];
-		const triggerDom = trigger != null ? zeroWidthTrigger || createVNode("div", {
+		const triggerDom = trigger !== null ? zeroWidthTrigger || createVNode("div", {
 			"class": `${prefixCls.value}-trigger`,
 			"onClick": toggle,
 			"style": { width: `${siderWidth.value}` }
@@ -155,6 +155,18 @@ const Sider = /* @__PURE__ */ defineComponent((props, { emit, slots, attrs }) =>
 			type: Object,
 			required: false
 		},
+		trigger: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
 		width: {
 			type: [Number, String],
 			required: false

package/dist/listy/index.d.ts

@@ -0,0 +1,12 @@
+import { ListyClassNames, ListyProps, ListyRef, ListyScrollToConfig, ListyStyles, ScrollAlign } from "./interface.js";
+import { SlotsType } from "vue";
+//#region src/listy/index.d.ts
+interface ListyEmits {
+  scroll: [event: Event];
+}
+interface ListySlots {
+  itemRender: (item: any) => any;
+}
+declare const Listy: import("vue").DefineSetupFnComponent<ListyProps, ListyEmits, SlotsType<ListySlots>, ListyProps, import("vue").PublicProps>;
+//#endregion
+export { type ListyClassNames, type ListyProps, type ListyRef, type ListyScrollToConfig, type ListyStyles, type ScrollAlign, Listy as default };

package/dist/listy/index.js

@@ -0,0 +1,119 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import useToken from "../theme/useToken.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef, useAttrs } from "vue";
+import { clsx } from "@v-c/util";
+import VcListy from "@v-c/listy";
+//#region src/listy/index.tsx
+const Listy = /* @__PURE__ */ defineComponent((props, { expose, slots }) => {
+	const listyRef = shallowRef();
+	const { style, className, restAttrs } = getAttrStyleAndClass(useAttrs());
+	const { getPrefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, virtual: contextVirtual } = useComponentBaseConfig("listy");
+	const prefixCls = computed(() => getPrefixCls("listy", props.prefixCls));
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const [, token] = useToken();
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const styleRoot = useSemanticRootStyle(computed(() => style));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, computed(() => props.classes)), useToArr(contextStyles, contextStyleRoot, computed(() => props.styles), styleRoot), useToProps(computed(() => props)));
+	expose({ scrollTo: (config) => {
+		listyRef.value?.scrollTo(config);
+	} });
+	return () => {
+		const { classes, styles, rootClass, virtual, itemRender = slots.itemRender, ...restProps } = props;
+		const rootClassNames = clsx(contextClassName.value, mergedClassNames.value.root, rootClass, className, hashId.value, cssVarCls.value, rootCls.value);
+		const listyToken = {
+			...token.value,
+			...token.value.Listy
+		};
+		const itemHeight = listyToken.fontHeight + (listyToken.itemPaddingBlock ?? listyToken.paddingSM) * 2;
+		const mergedVirtual = virtual ?? contextVirtual.value ?? false;
+		return createVNode(VcListy, mergeProps({ "ref": listyRef }, restProps, restAttrs, {
+			"prefixCls": prefixCls.value,
+			"direction": direction.value,
+			"virtual": mergedVirtual,
+			"itemHeight": itemHeight,
+			"itemRender": itemRender,
+			"classNames": {
+				...mergedClassNames.value,
+				root: rootClassNames
+			},
+			"styles": mergedStyles.value
+		}), null);
+	};
+}, {
+	props: {
+		rootClass: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		},
+		classes: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		styles: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		sticky: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		height: {
+			type: Number,
+			required: false
+		},
+		group: {
+			type: Object,
+			required: false
+		},
+		virtual: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		rowKey: {
+			type: Function,
+			required: true,
+			skipCheck: true
+		},
+		onScroll: {
+			type: Function,
+			required: false
+		}
+	},
+	emits: ["scroll"],
+	name: "AListy",
+	inheritAttrs: false
+});
+Listy.install = (app) => {
+	app.component(Listy.name, Listy);
+	return app;
+};
+//#endregion
+export { Listy as default };

package/dist/listy/interface.d.ts

@@ -0,0 +1,20 @@
+import { SemanticType } from "../_util/hooks/useMergeSemantic.js";
+import { CSSProperties, VNode } from "vue";
+import { ListyClassNames, ListyProps as ListyProps$1, ListyRef, ListyScrollToConfig, ListyStyles, ScrollAlign } from "@v-c/listy";
+//#region src/listy/interface.d.ts
+interface ListySemanticType {
+  classes?: ListyClassNames;
+  styles?: ListyStyles;
+}
+type ListyClassNamesType = SemanticType<ListyClassNames, ListyProps>;
+type ListyStylesType = SemanticType<ListyStyles, ListyProps>;
+interface ListyProps extends Omit<ListyProps$1, 'itemHeight' | 'direction' | 'classNames' | 'styles' | 'itemRender'> {
+  rootClass?: string;
+  class?: string;
+  style?: CSSProperties;
+  classes?: ListyClassNamesType;
+  styles?: ListyStylesType;
+  itemRender?: (item: any) => VNode;
+}
+//#endregion
+export { type ListyClassNames, ListyProps, type ListyRef, type ListyScrollToConfig, ListySemanticType, type ListyStyles, type ScrollAlign };

package/dist/listy/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,23 @@
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
+//#region src/listy/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @nameZH 列表项纵向内间距
+   * @nameEN Item Vertical Padding
+   * @desc 列表项的纵向内间距。
+   * @descEN Vertical padding of a list item.
+   */
+  itemPaddingBlock: number;
+  /**
+   * @nameZH 列表项横向内间距
+   * @nameEN Item Horizontal Padding
+   * @desc 列表项的横向内间距。
+   * @descEN Horizontal padding of a list item.
+   */
+  itemPaddingInline: number;
+}
+declare const prepareComponentToken: GetDefaultToken<'Listy'>;
+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/listy/style/index.js

@@ -0,0 +1,57 @@
+import { resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { unit } from "@antdv-next/cssinjs";
+//#region src/listy/style/index.ts
+const genListyStyle = (token) => {
+	const { componentCls, itemPaddingBlock, itemPaddingInline } = token;
+	return { [componentCls]: {
+		...resetComponent(token),
+		position: "relative",
+		color: token.colorText,
+		fontSize: token.fontSize,
+		lineHeight: token.lineHeight,
+		[`${componentCls}-item`]: {
+			padding: `${unit(itemPaddingBlock)} ${unit(itemPaddingInline)}`,
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
+			transition: `background-color ${token.motionDurationMid} ${token.motionEaseInOut}`,
+			"&:hover": { backgroundColor: token.controlItemBgHover }
+		},
+		[`${componentCls}-group-header`]: {
+			boxSizing: "border-box",
+			padding: `${unit(token.paddingXS)} ${unit(itemPaddingInline)}`,
+			color: token.colorTextDescription,
+			fontWeight: token.fontWeightStrong,
+			backgroundColor: token.colorBgContainer,
+			backgroundImage: `linear-gradient(${token.colorFillAlter}, ${token.colorFillAlter})`,
+			"&-sticky": {
+				position: "sticky",
+				top: 0,
+				insetInline: 0,
+				zIndex: 1
+			},
+			"&-fixed": {
+				position: "absolute",
+				top: 0,
+				insetInline: 0,
+				transform: "translateY(0)",
+				pointerEvents: "auto"
+			},
+			"&-holder": {
+				position: "absolute",
+				inset: 0,
+				overflow: "hidden",
+				pointerEvents: "none"
+			}
+		},
+		[`${componentCls}-group-section`]: { position: "relative" },
+		[`${componentCls}-scrollbar`]: { zIndex: 1 },
+		"&-rtl": { direction: "rtl" }
+	} };
+};
+const prepareComponentToken = (token) => ({
+	itemPaddingBlock: token.paddingSM,
+	itemPaddingInline: token.padding
+});
+var style_default = genStyleHooks("Listy", genListyStyle, prepareComponentToken);
+//#endregion
+export { style_default as default, prepareComponentToken };

package/dist/package.js

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

package/dist/package.json.d.ts

@@ -163,6 +163,7 @@ declare const _exports: {
     "@v-c/image": string;
     "@v-c/input": string;
     "@v-c/input-number": string;
+    "@v-c/listy": string;
     "@v-c/mentions": string;
     "@v-c/menu": string;
     "@v-c/mutate-observer": string;

package/dist/select/useIcons.d.ts

@@ -21,8 +21,12 @@ 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/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null;
-  removeIcon: string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | 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;
 };
 //#endregion
 export { useIcons as default };

package/dist/splitter/SplitBar.js

@@ -215,18 +215,7 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			type: Boolean,
 			required: true
 		},
-		draggerIcon: {
-			type: [
-				Function,
-				String,
-				Number,
-				null,
-				Object,
-				Boolean
-			],
-			required: false,
-			default: void 0
-		},
+		draggerIcon: { required: false },
 		collapsibleIcon: {
 			type: Object,
 			required: false

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

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

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

@@ -34,41 +34,42 @@ import { ComponentToken as ComponentToken$30 } from "../../input-number/style/to
 import "../../input-number/style/index.js";
 import "../../input/style/index.js";
 import { ComponentToken as ComponentToken$31 } from "../../layout/style/index.js";
-import { ComponentToken as ComponentToken$32 } from "../../masonry/style/index.js";
-import { ComponentToken as ComponentToken$33 } from "../../mentions/style/index.js";
-import { ComponentToken as ComponentToken$34 } from "../../menu/style/index.js";
-import { ComponentToken as ComponentToken$35 } from "../../message/style/index.js";
-import { ComponentToken as ComponentToken$36 } from "../../modal/style/index.js";
-import { ComponentToken as ComponentToken$37 } from "../../notification/style/index.js";
-import { ComponentToken as ComponentToken$38 } from "../../pagination/style/index.js";
-import { ComponentToken as ComponentToken$39 } from "../../popconfirm/style/index.js";
-import { ComponentToken as ComponentToken$40 } from "../../popover/style/index.js";
-import { ComponentToken as ComponentToken$41 } from "../../progress/style/index.js";
-import { ComponentToken as ComponentToken$42 } from "../../qrcode/style/index.js";
-import { ComponentToken as ComponentToken$43 } from "../../radio/style/index.js";
-import { ComponentToken as ComponentToken$44 } from "../../rate/style/index.js";
-import { ComponentToken as ComponentToken$45 } from "../../result/style/index.js";
-import { ComponentToken as ComponentToken$46 } from "../../segmented/style/index.js";
+import { ComponentToken as ComponentToken$32 } from "../../listy/style/index.js";
+import { ComponentToken as ComponentToken$33 } from "../../masonry/style/index.js";
+import { ComponentToken as ComponentToken$34 } from "../../mentions/style/index.js";
+import { ComponentToken as ComponentToken$35 } from "../../menu/style/index.js";
+import { ComponentToken as ComponentToken$36 } from "../../message/style/index.js";
+import { ComponentToken as ComponentToken$37 } from "../../modal/style/index.js";
+import { ComponentToken as ComponentToken$38 } from "../../notification/style/index.js";
+import { ComponentToken as ComponentToken$39 } from "../../pagination/style/index.js";
+import { ComponentToken as ComponentToken$40 } from "../../popconfirm/style/index.js";
+import { ComponentToken as ComponentToken$41 } from "../../popover/style/index.js";
+import { ComponentToken as ComponentToken$42 } from "../../progress/style/index.js";
+import { ComponentToken as ComponentToken$43 } from "../../qrcode/style/index.js";
+import { ComponentToken as ComponentToken$44 } from "../../radio/style/index.js";
+import { ComponentToken as ComponentToken$45 } from "../../rate/style/index.js";
+import { ComponentToken as ComponentToken$46 } from "../../result/style/index.js";
+import { ComponentToken as ComponentToken$47 } from "../../segmented/style/index.js";
 import "../../select/style/index.js";
-import { ComponentToken as ComponentToken$47 } from "../../skeleton/style/index.js";
-import { ComponentToken as ComponentToken$48 } from "../../slider/style/index.js";
-import { ComponentToken as ComponentToken$49 } from "../../space/style/index.js";
-import { ComponentToken as ComponentToken$50 } from "../../spin/style/index.js";
-import { ComponentToken as ComponentToken$51 } from "../../splitter/style/index.js";
-import { ComponentToken as ComponentToken$52 } from "../../statistic/style/index.js";
-import { ComponentToken as ComponentToken$53 } from "../../steps/style/index.js";
-import { ComponentToken as ComponentToken$54 } from "../../switch/style/index.js";
-import { ComponentToken as ComponentToken$55 } from "../../table/style/index.js";
-import { ComponentToken as ComponentToken$56 } from "../../tabs/style/index.js";
-import { ComponentToken as ComponentToken$57 } from "../../tag/style/index.js";
-import { ComponentToken as ComponentToken$58 } from "../../timeline/style/index.js";
-import { ComponentToken as ComponentToken$59 } from "../../tooltip/style/index.js";
-import { ComponentToken as ComponentToken$60 } from "../../tour/style/index.js";
-import { ComponentToken as ComponentToken$61 } from "../../transfer/style/index.js";
-import { ComponentToken as ComponentToken$62 } from "../../tree/style/index.js";
-import { ComponentToken as ComponentToken$63 } from "../../tree-select/style/index.js";
-import { ComponentToken as ComponentToken$64 } from "../../typography/style/index.js";
-import { ComponentToken as ComponentToken$65 } from "../../upload/style/index.js";
+import { ComponentToken as ComponentToken$48 } from "../../skeleton/style/index.js";
+import { ComponentToken as ComponentToken$49 } from "../../slider/style/index.js";
+import { ComponentToken as ComponentToken$50 } from "../../space/style/index.js";
+import { ComponentToken as ComponentToken$51 } from "../../spin/style/index.js";
+import { ComponentToken as ComponentToken$52 } from "../../splitter/style/index.js";
+import { ComponentToken as ComponentToken$53 } from "../../statistic/style/index.js";
+import { ComponentToken as ComponentToken$54 } from "../../steps/style/index.js";
+import { ComponentToken as ComponentToken$55 } from "../../switch/style/index.js";
+import { ComponentToken as ComponentToken$56 } from "../../table/style/index.js";
+import { ComponentToken as ComponentToken$57 } from "../../tabs/style/index.js";
+import { ComponentToken as ComponentToken$58 } from "../../tag/style/index.js";
+import { ComponentToken as ComponentToken$59 } from "../../timeline/style/index.js";
+import { ComponentToken as ComponentToken$60 } from "../../tooltip/style/index.js";
+import { ComponentToken as ComponentToken$61 } from "../../tour/style/index.js";
+import { ComponentToken as ComponentToken$62 } from "../../transfer/style/index.js";
+import { ComponentToken as ComponentToken$63 } from "../../tree/style/index.js";
+import { ComponentToken as ComponentToken$64 } from "../../tree-select/style/index.js";
+import { ComponentToken as ComponentToken$65 } from "../../typography/style/index.js";
+import { ComponentToken as ComponentToken$66 } from "../../upload/style/index.js";
 //#region src/theme/interface/components.d.ts
 interface ComponentTokenMap {
   Affix?: ComponentToken$1;
@@ -79,7 +80,7 @@ interface ComponentTokenMap {
   BorderBeam?: ComponentToken$7;
   Button?: ComponentToken$9;
   Breadcrumb?: ComponentToken$8;
-  Masonry?: ComponentToken$32;
+  Masonry?: ComponentToken$33;
   Card?: ComponentToken$14;
   Carousel?: ComponentToken$15;
   Cascader?: ComponentToken$16;
@@ -100,41 +101,42 @@ interface ComponentTokenMap {
   Input?: ComponentToken$10;
   InputNumber?: ComponentToken$30;
   Layout?: ComponentToken$31;
-  Mentions?: ComponentToken$33;
-  Notification?: ComponentToken$37;
-  Pagination?: ComponentToken$38;
-  Popover?: ComponentToken$40;
-  Popconfirm?: ComponentToken$39;
-  Rate?: ComponentToken$44;
-  Radio?: ComponentToken$43;
-  Result?: ComponentToken$45;
-  Segmented?: ComponentToken$46;
+  Listy?: ComponentToken$32;
+  Mentions?: ComponentToken$34;
+  Notification?: ComponentToken$38;
+  Pagination?: ComponentToken$39;
+  Popover?: ComponentToken$41;
+  Popconfirm?: ComponentToken$40;
+  Rate?: ComponentToken$45;
+  Radio?: ComponentToken$44;
+  Result?: ComponentToken$46;
+  Segmented?: ComponentToken$47;
   Select?: ComponentToken$11;
-  Skeleton?: ComponentToken$47;
-  Slider?: ComponentToken$48;
-  Spin?: ComponentToken$50;
-  Statistic?: ComponentToken$52;
-  Switch?: ComponentToken$54;
-  Splitter?: ComponentToken$51;
-  Tag?: ComponentToken$57;
-  Tree?: ComponentToken$62;
-  TreeSelect?: ComponentToken$63;
-  Typography?: ComponentToken$64;
-  Timeline?: ComponentToken$58;
-  Transfer?: ComponentToken$61;
-  Tabs?: ComponentToken$56;
+  Skeleton?: ComponentToken$48;
+  Slider?: ComponentToken$49;
+  Spin?: ComponentToken$51;
+  Statistic?: ComponentToken$53;
+  Switch?: ComponentToken$55;
+  Splitter?: ComponentToken$52;
+  Tag?: ComponentToken$58;
+  Tree?: ComponentToken$63;
+  TreeSelect?: ComponentToken$64;
+  Typography?: ComponentToken$65;
+  Timeline?: ComponentToken$59;
+  Transfer?: ComponentToken$62;
+  Tabs?: ComponentToken$57;
   Calendar?: ComponentToken$13;
-  Steps?: ComponentToken$53;
-  Menu?: ComponentToken$34;
-  Modal?: ComponentToken$36;
-  Message?: ComponentToken$35;
-  Upload?: ComponentToken$65;
-  Tooltip?: ComponentToken$59;
-  Table?: ComponentToken$55;
-  Space?: ComponentToken$49;
-  Progress?: ComponentToken$41;
-  Tour?: ComponentToken$60;
-  QRCode?: ComponentToken$42;
+  Steps?: ComponentToken$54;
+  Menu?: ComponentToken$35;
+  Modal?: ComponentToken$37;
+  Message?: ComponentToken$36;
+  Upload?: ComponentToken$66;
+  Tooltip?: ComponentToken$60;
+  Table?: ComponentToken$56;
+  Space?: ComponentToken$50;
+  Progress?: ComponentToken$42;
+  Tour?: ComponentToken$61;
+  QRCode?: ComponentToken$43;
   App?: ComponentToken$4;
   /** @private Internal TS definition. Do not use. */
   Wave?: ComponentToken;

package/dist/tour/PurePanel.js

@@ -72,14 +72,6 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			type: Object,
 			required: false
 		},
-		indicatorsRender: {
-			type: Function,
-			required: false
-		},
-		actionsRender: {
-			type: Function,
-			required: false
-		},
 		type: {
 			type: String,
 			required: false

package/dist/tour/interface.d.ts

@@ -41,7 +41,10 @@ interface TourProps extends ComponentBaseProps, Omit<TourProps$1, 'classNames' |
   prefixCls?: string;
   current?: number;
   indicatorsRender?: (current: number, total: number) => any;
-  actionsRender?: TourStepProps['actionsRender'];
+  actionsRender?: (originNode: any, info: {
+    current: number;
+    total: number;
+  }) => any;
   type?: 'default' | 'primary';
   classes?: TourClassNamesType;
   styles?: TourStylesType;
@@ -97,11 +100,6 @@ interface TourStepProps extends Omit<TourStepProps$1, 'className'> {
     class?: string;
     style?: CSSProperties;
   };
-  indicatorsRender?: (current: number, total: number) => any;
-  actionsRender?: (originNode: any, info: {
-    current: number;
-    total: number;
-  }) => any;
   type?: 'default' | 'primary';
   classes?: SemanticClassNames<TourSemanticName>;
   styles?: SemanticStyles<TourSemanticName>;

package/dist/tour/panelRender.js

@@ -135,8 +135,14 @@ const TourPanel = /* @__PURE__ */ defineComponent((props) => {
 			type: Function,
 			required: false
 		},
-		classes: { required: false },
-		styles: { required: false },
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
 		actionsRender: {
 			type: Function,
 			required: false

package/global.d.ts

@@ -18,6 +18,7 @@ declare module 'vue' {
     ABadge: typeof import('antdv-next')['Badge']
     ABadgeRibbon: typeof import('antdv-next')['BadgeRibbon']
     ATag: typeof import('antdv-next')['Tag']
+    ABorderBeam: typeof import('antdv-next')['BorderBeam']
     ACheckableTag: typeof import('antdv-next')['CheckableTag']
     ALayout: typeof import('antdv-next')['Layout']
     ALayoutHeader: typeof import('antdv-next')['LayoutHeader']

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "antdv-next",
   "type": "module",
-  "version": "1.4.6",
+  "version": "1.5.0",
   "description": "Ant Design Vue3 Component Library",
   "author": {
     "email": "aibayanyu@gamil.com",
@@ -190,23 +190,24 @@
     "@v-c/image": "^1.0.12",
     "@v-c/input": "^1.1.1",
     "@v-c/input-number": "^1.0.7",
+    "@v-c/listy": "^1.0.2",
     "@v-c/mentions": "^1.2.0",
     "@v-c/menu": "^1.3.0",
     "@v-c/mutate-observer": "^1.0.2",
     "@v-c/notification": "^2.0.2",
     "@v-c/pagination": "^1.1.0",
-    "@v-c/picker": "^1.3.0",
+    "@v-c/picker": "^1.3.2",
     "@v-c/progress": "^1.0.1",
     "@v-c/qrcode": "^1.0.1",
     "@v-c/rate": "^1.0.1",
     "@v-c/resize-observer": "^1.1.3",
-    "@v-c/segmented": "^1.0.3",
+    "@v-c/segmented": "^1.0.4",
     "@v-c/select": "^1.2.0",
     "@v-c/slick": "^1.0.2",
     "@v-c/slider": "^1.1.0",
     "@v-c/steps": "^1.0.0",
     "@v-c/switch": "^1.0.1",
-    "@v-c/table": "^1.1.8",
+    "@v-c/table": "^1.1.9",
     "@v-c/tabs": "^1.3.0",
     "@v-c/textarea": "^1.1.0",
     "@v-c/tooltip": "^1.1.0",