antdv-next 1.4.6 → 1.5.1

package/dist/typography/Base/index.js

@@ -1,5 +1,5 @@
 import { useComponentBaseConfig } from "../../config-provider/context.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../../_util/tools.js";
 import InternalTooltip from "../../tooltip/index.js";
 import useLocale from "../../locale/useLocale.js";
@@ -18,6 +18,7 @@ import { Fragment, computed, createVNode, defineComponent, h, mergeProps, nextTi
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { EditOutlined } from "@antdv-next/icons";
+import useDelayState from "@v-c/util/dist/hooks/useDelayState";
 import ResizeObserver from "@v-c/resize-observer";
 //#region src/typography/Base/index.tsx
 const ELLIPSIS_STR = "...";
@@ -62,7 +63,8 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			direction: mergedDirection.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 [textLocale] = useLocale("Text");
 	const [enableEdit, editConfig] = useMergedConfig(computed(() => props.editable));
 	const editing = shallowRef(editConfig.value.editing ?? false);
@@ -156,8 +158,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		ellipsisConfig.value.onExpand?.(e, info);
 	};
 	const ellipsisWidth = shallowRef(0);
-	const isHoveringOperations = shallowRef(false);
-	const isHoveringTypography = shallowRef(false);
+	const [isHoveringOperations, setIsHoveringOperations] = useDelayState(false);
 	const onResize = ({ offsetWidth }) => {
 		ellipsisWidth.value = offsetWidth;
 	};
@@ -263,12 +264,8 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"key": "operations",
 			"class": classNames(`${prefixCls.value}-actions`, mergedClassNames.value.actions, { [`${prefixCls.value}-actions-start`]: placement.value === "start" }),
 			"style": mergedStyles.value.actions,
-			"onMouseenter": () => {
-				isHoveringOperations.value = true;
-			},
-			"onMouseleave": () => {
-				isHoveringOperations.value = false;
-			}
+			"onMouseenter": () => setIsHoveringOperations(true, true),
+			"onMouseleave": () => setIsHoveringOperations(false, { ms: 500 })
 		}, [
 			expandNode,
 			editNode,
@@ -291,12 +288,6 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	}, mergedClassNames.value.root));
 	return () => {
 		const { className: attrClass, style: attrStyle, restAttrs } = getAttrStyleAndClass$1(attrs);
-		const onMouseenter = restAttrs.onMouseenter ?? restAttrs.onMouseEnter;
-		const onMouseleave = restAttrs.onMouseleave ?? restAttrs.onMouseLeave;
-		delete restAttrs.onMouseenter;
-		delete restAttrs.onMouseEnter;
-		delete restAttrs.onMouseleave;
-		delete restAttrs.onMouseLeave;
 		const children = filterEmpty(slots?.default?.());
 		childrenNodes.value = children;
 		const clickHandler = triggerType.value.includes("text") ? onEditClick : (e) => emit("click", e);
@@ -316,7 +307,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			},
 			"prefixCls": prefixCls.value,
 			"className": classNames(attrClass, props.rootClass, contextClassName.value),
-			"style": [contextStyle.value, attrStyle],
+			"style": attrStyle,
 			"direction": mergedDirection.value,
 			"component": props.component,
 			"maxLength": editConfig.value.maxLength,
@@ -332,7 +323,7 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"tooltipProps": tooltipProps.value,
 			"enableEllipsis": mergedEnableEllipsis.value,
 			"isEllipsis": isMergedEllipsis.value,
-			"open": isHoveringTypography.value && !isHoveringOperations.value
+			"disabled": isHoveringOperations.value
 		}, { default: () => [createVNode(Typography, mergeProps({
 			"class": mergedClassName,
 			"prefixCls": prefixCls.value,
@@ -341,14 +332,6 @@ const Base = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"ref": typographyRef,
 			"direction": mergedDirection.value,
 			"onClick": clickHandler,
-			"onMouseenter": (e) => {
-				isHoveringTypography.value = true;
-				onMouseenter?.(e);
-			},
-			"onMouseleave": (e) => {
-				isHoveringTypography.value = false;
-				onMouseleave?.(e);
-			},
 			"title": props.title,
 			"aria-label": topAriaLabel.value,
 			"rootClass": props.rootClass

package/dist/typography/hooks/useCopyClick.d.ts

@@ -3,7 +3,7 @@ declare function useCopyClick({ copyConfig, getText }: {
   copyConfig: any;
   getText?: () => any;
 }): {
-  copied: import("vue").ShallowRef<boolean, boolean>;
+  copied: import("vue").Ref<boolean, boolean>;
   copyLoading: import("vue").ShallowRef<boolean, boolean>;
   onClick: (e?: MouseEvent) => Promise<void>;
 };

package/dist/typography/hooks/useCopyClick.js

@@ -1,18 +1,12 @@
 import { getTextByNode } from "../../_util/vueNode.js";
 import toList from "../../_util/toList.js";
 import copy from "../../_util/copy.js";
-import { onBeforeUnmount, shallowRef, unref } from "vue";
+import { shallowRef, unref } from "vue";
+import useDelayState from "@v-c/util/dist/hooks/useDelayState";
 //#region src/typography/hooks/useCopyClick.ts
 function useCopyClick({ copyConfig, getText }) {
-	const copied = shallowRef(false);
+	const [copied, setCopied] = useDelayState(false);
 	const copyLoading = shallowRef(false);
-	const copyIdRef = shallowRef(null);
-	const cleanCopyId = () => {
-		if (copyIdRef.value) {
-			clearTimeout(copyIdRef.value);
-			copyIdRef.value = null;
-		}
-	};
 	const getClipboardText = async () => {
 		const config = unref(copyConfig);
 		if (typeof config?.text === "function") return config.text();
@@ -24,7 +18,6 @@ function useCopyClick({ copyConfig, getText }) {
 			return "";
 		}).join("");
 	};
-	onBeforeUnmount(cleanCopyId);
 	const onClick = async (e) => {
 		e?.preventDefault();
 		e?.stopPropagation();
@@ -36,11 +29,8 @@ function useCopyClick({ copyConfig, getText }) {
 			if (config?.format) copyOptions.format = config.format;
 			await copy(text == null ? "" : String(text), copyOptions);
 			copyLoading.value = false;
-			copied.value = true;
-			cleanCopyId();
-			copyIdRef.value = setTimeout(() => {
-				copied.value = false;
-			}, 3e3);
+			setCopied(true, true);
+			setCopied(false, { ms: 3e3 });
 			unref(copyConfig)?.onCopy?.(e);
 		} catch (error) {
 			copyLoading.value = false;

package/dist/upload/Upload.js

@@ -1,6 +1,6 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
@@ -191,7 +191,9 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 			disabled: mergedDisabled.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextTriggerStyle = useSemanticRootStyle(contextStyle, "trigger");
+	const triggerStyle = useSemanticRootStyle(computed(() => attrs.style), "trigger");
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextTriggerStyle, styles, triggerStyle), useToProps(mergedProps));
 	const [contextLocale] = useLocale("Upload");
 	const mergedLocale = computed(() => ({
 		...contextLocale?.value,
@@ -245,11 +247,7 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		const { type, multiple, action, accept, supportServerRender, hasControlInside, openFileDialogOnClick, withCredentials, id, name } = props;
 		const children = filterEmpty(slots.default?.() ?? []);
 		const hasChildren = children.length > 0;
-		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
-		const mergedStyle = {
-			...contextStyle.value,
-			...style
-		};
+		const { className, restAttrs } = getAttrStyleAndClass$1(attrs);
 		const rcUploadProps = {
 			onBatchStart,
 			onError,
@@ -305,7 +303,7 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				"style": mergedRootStyle
 			}), [createVNode("div", {
 				"class": dragCls,
-				"style": [mergedStyle, mergedStyles.value.trigger],
+				"style": mergedStyles.value.trigger,
 				"onDrop": onFileDrop,
 				"onDragover": onFileDrop,
 				"onDragleave": onFileDrop
@@ -319,7 +317,7 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				[`${prefixCls.value}-disabled`]: mergedDisabled.value,
 				[`${prefixCls.value}-hidden`]: !hasChildren
 			}, mergedClassNames.value.trigger),
-			"style": [mergedStyle, mergedStyles.value.trigger]
+			"style": mergedStyles.value.trigger
 		}, [createVNode(VcUpload, mergeProps(rcUploadProps, { "ref": upload }), _isSlot(children) ? children : { default: () => [children] })]);
 		if (listType.value === "picture-card" || listType.value === "picture-circle") return createVNode("span", mergeProps(restAttrs, {
 			"class": mergedRootCls,

package/dist/upload/UploadList/ListItem.js

@@ -2,10 +2,11 @@ import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { getAttrStyleAndClass } from "../../_util/hooks/useMergeSemantic.js";
 import InternalTooltip from "../../tooltip/index.js";
 import progress_default from "../../progress/index.js";
-import { Transition, computed, createVNode, defineComponent, isVNode, mergeProps, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
+import { Transition, computed, createVNode, defineComponent, isVNode, mergeProps, onMounted, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { DeleteOutlined, DownloadOutlined, EyeOutlined } from "@antdv-next/icons";
 import { getTransitionProps } from "@v-c/util/dist/utils/transition";
+import useDelayState from "@v-c/util/dist/hooks/useDelayState";
 //#region src/upload/UploadList/ListItem.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -15,18 +16,9 @@ const ListItem = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	watch(() => props.file.status, (status) => {
 		if (status !== "removed") mergedStatus.value = status;
 	});
-	const showProgress = shallowRef(false);
-	let progressTimer = null;
+	const [showProgress, setShowProgress] = useDelayState(false);
 	onMounted(() => {
-		progressTimer = setTimeout(() => {
-			showProgress.value = true;
-		}, 300);
-	});
-	onBeforeUnmount(() => {
-		if (progressTimer) {
-			clearTimeout(progressTimer);
-			progressTimer = null;
-		}
+		setShowProgress(true, { ms: 300 });
 	});
 	const { rootPrefixCls } = useComponentBaseConfig("upload");
 	const listType = computed(() => props.listType ?? "text");

package/dist/upload/index.d.ts

@@ -1,7 +1,7 @@
 import { EmptyEmit } from "../_util/type.js";
 import { UploadChangeParam, UploadEmits, UploadFile, UploadProps as UploadProps$1, UploadSlots } from "./interface.js";
 import Dragger, { DraggerProps } from "./Dragger.js";
-import InternalUpload, { InternalUploadProps } from "./Upload.js";
+import InternalUpload, { InternalUploadProps, UploadRef } from "./Upload.js";
 import { InternalUploadListProps } from "./UploadList/index.js";
 import { App } from "vue";
 //#region src/upload/index.d.ts
@@ -16,4 +16,4 @@ declare const UploadDragger: import("vue").DefineSetupFnComponent<DraggerProps<a
   height?: number;
 }, import("vue").PublicProps>;
 //#endregion
-export { type DraggerProps, type UploadChangeParam, UploadDragger, type UploadEmits, type UploadFile, UploadListProps, UploadProps, type UploadSlots, Upload as default };
+export { type DraggerProps, type UploadChangeParam, UploadDragger, type UploadEmits, type UploadFile, UploadListProps, UploadProps, type UploadRef, type UploadSlots, Upload as default };

package/dist/watermark/index.d.ts

@@ -26,6 +26,9 @@ interface WatermarkProps {
   inherit?: boolean;
   onRemove?: (() => void) | undefined;
 }
+interface WatermarkRef {
+  nativeElement: HTMLDivElement;
+}
 declare const Watermark: import("vue").DefineSetupFnComponent<WatermarkProps, {}, {}, WatermarkProps & {}, import("vue").PublicProps>;
 //#endregion
-export { WatermarkContent, WatermarkFont, WatermarkProps, WatermarkText, Watermark as default };
+export { WatermarkContent, WatermarkFont, WatermarkProps, WatermarkRef, WatermarkText, Watermark as default };

package/dist/watermark/index.js

@@ -27,7 +27,7 @@ const fixedStyle = {
 	position: "relative",
 	overflow: "hidden"
 };
-const Watermark = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Watermark = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const [, token] = useToken();
 	const mergedZIndex = computed(() => props.zIndex ?? token.value.zIndexPopupBase - WATERMARK_Z_INDEX_OFFSET);
 	const onRemove = computed(() => props.onRemove);
@@ -85,6 +85,7 @@ const Watermark = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		return mergedMarkStyle;
 	});
 	const container = shallowRef(null);
+	expose({ nativeElement: container });
 	const subElements = ref(/* @__PURE__ */ new Set());
 	const targetElements = computed(() => {
 		return [...container.value ? [container.value] : [], ...Array.from(subElements.value)];

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.1",
   "description": "Ant Design Vue3 Component Library",
   "author": {
     "email": "aibayanyu@gamil.com",
@@ -187,36 +187,37 @@
     "@v-c/dialog": "^1.2.0",
     "@v-c/drawer": "^1.0.6",
     "@v-c/dropdown": "^1.0.5",
-    "@v-c/image": "^1.0.12",
+    "@v-c/image": "^1.1.0",
     "@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/select": "^1.2.0",
+    "@v-c/segmented": "^1.0.4",
+    "@v-c/select": "^1.2.1",
     "@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.2.0",
     "@v-c/tabs": "^1.3.0",
     "@v-c/textarea": "^1.1.0",
     "@v-c/tooltip": "^1.1.0",
     "@v-c/tour": "^1.1.1",
-    "@v-c/tree": "^1.1.3",
-    "@v-c/tree-select": "^1.1.1",
+    "@v-c/tree": "^1.2.0",
+    "@v-c/tree-select": "^1.1.2",
     "@v-c/trigger": "^1.1.0",
     "@v-c/upload": "^1.0.0",
     "@v-c/util": "^1.1.0",
-    "@v-c/virtual-list": "^1.1.0",
+    "@v-c/virtual-list": "^1.1.1",
     "@vueuse/core": "^14.4.0",
     "dayjs": "^1.11.21",
     "es-toolkit": "1.50.0",