antdv-next 1.5.6 → 1.7.0

package/dist/typography/style/mixins.js

@@ -1,5 +1,6 @@
 import { operationUnit } from "../../style/index.js";
-import { unit } from "@antdv-next/cssinjs";
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
+import { Keyframes, unit } from "@antdv-next/cssinjs";
 import { gold } from "@ant-design/colors";
 //#region src/typography/style/mixins.ts
 function getTitleStyle(fontSize, lineHeight, color, token) {
@@ -172,7 +173,7 @@ const getEditableStyles = (token) => {
 			insetInlineEnd: token.calc(token.marginXS).add(2).equal(),
 			insetBlockEnd: token.marginXS,
 			color: token.colorIcon,
-			fontWeight: "normal",
+			fontWeight: 400,
 			fontSize: token.fontSize,
 			fontStyle: "normal",
 			pointerEvents: "none"
@@ -227,5 +228,27 @@ function getEllipsisStyles() {
 		}
 	};
 }
+function getShimmerStyles(token) {
+	const [, varRef] = genCssVar(token.antCls, "typography");
+	const motionTime = varRef("shimmer-motion-time", "1");
+	const waitTime = varRef("shimmer-wait-time", "1");
+	const shimmerAnimation = new Keyframes("antTypographyShimmer", {
+		"0%": { backgroundPosition: "-66.6667% 100%, 0 0" },
+		"100%": { backgroundPosition: `calc(166.6667% + 233.3334% * ${waitTime} / ${motionTime}) 100%, 0 0` }
+	});
+	return {
+		backgroundClip: "text, text",
+		WebkitBackgroundClip: "text, text",
+		WebkitTextFillColor: "transparent",
+		backgroundImage: ["linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8), transparent)", "linear-gradient(currentColor, currentColor)"].join(", "),
+		backgroundSize: "40% 100%, 100% 100%",
+		backgroundRepeat: "no-repeat",
+		animationName: shimmerAnimation,
+		animationDuration: `calc((${motionTime} + ${waitTime}) * 1s)`,
+		animationIterationCount: "infinite",
+		animationTimingFunction: "linear",
+		animationFillMode: "forwards"
+	};
+}
 //#endregion
-export { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getTitleStyles };
+export { getCopyableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getShimmerStyles, getTitleStyles };

package/dist/upload/Upload.d.ts

@@ -21,6 +21,7 @@ interface InternalUploadProps extends UploadProps$1, UploadEmitsProps {}
 interface UploadEmitsProps {
   onChange?: UploadEmits['change'];
   onDrop?: UploadEmits['drop'];
+  onFocus?: UploadEmits['focus'];
   'onUpdate:fileList'?: UploadEmits['update:fileList'];
 }
 declare const InternalUpload: import("vue").DefineSetupFnComponent<InternalUploadProps, UploadEmits<any>, SlotsType<UploadSlots<any>>, InternalUploadProps, import("vue").PublicProps>;

package/dist/upload/Upload.js

@@ -284,6 +284,9 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		delete rcUploadProps.className;
 		delete rcUploadProps.style;
 		if (!hasChildren || mergedDisabled.value) delete rcUploadProps.id;
+		const onFocus = (e) => {
+			emit("focus", e);
+		};
 		const mergedRootCls = clsx(`${prefixCls.value}-wrapper`, contextClassName.value, mergedClassNames.value.root, rootClass.value, cssVarCls.value, rootCls.value, hashId.value, {
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl",
 			[`${prefixCls.value}-picture-card-wrapper`]: listType.value === "picture-card",
@@ -300,7 +303,8 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 			return createVNode("span", mergeProps(restAttrs, {
 				"class": mergedRootCls,
 				"ref": wrapRef,
-				"style": mergedRootStyle
+				"style": mergedRootStyle,
+				"onFocusin": onFocus
 			}), [createVNode("div", {
 				"class": dragCls,
 				"style": mergedStyles.value.trigger,
@@ -322,12 +326,14 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		if (listType.value === "picture-card" || listType.value === "picture-circle") return createVNode("span", mergeProps(restAttrs, {
 			"class": mergedRootCls,
 			"ref": wrapRef,
-			"style": mergedRootStyle
+			"style": mergedRootStyle,
+			"onFocusin": onFocus
 		}), [renderUploadList(uploadButton, hasChildren)]);
 		return createVNode("span", mergeProps(restAttrs, {
 			"class": mergedRootCls,
 			"ref": wrapRef,
-			"style": mergedRootStyle
+			"style": mergedRootStyle,
+			"onFocusin": onFocus
 		}), [uploadButton, renderUploadList()]);
 	};
 }, {
@@ -504,6 +510,7 @@ const InternalUpload = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	emits: [
 		"change",
 		"drop",
+		"focus",
 		"update:fileList"
 	],
 	name: "AUpload",

package/dist/upload/UploadList/ListItem.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { getAttrStyleAndClass } from "../../_util/hooks/useMergeSemantic.js";
 import InternalTooltip from "../../tooltip/index.js";
+import { isRenderable } from "../../_util/is.js";
 import progress_default from "../../progress/index.js";
 import { Transition, computed, createVNode, defineComponent, isVNode, mergeProps, onMounted, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
@@ -50,6 +51,7 @@ const ListItem = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		} catch {
 			linkProps = {};
 		}
+		const { onClick: linkOnClick, ...restLinkProps } = linkProps || {};
 		const removeIcon = (typeof showRemoveIcon === "function" ? showRemoveIcon(file) : showRemoveIcon) ? actionIconRender((typeof customRemoveIcon === "function" ? customRemoveIcon(file) : customRemoveIcon) || createVNode(DeleteOutlined, null, null), () => onClose(file), prefixCls, locale.removeFile, true) : null;
 		const downloadIcon = (typeof showDownloadIcon === "function" ? showDownloadIcon(file) : showDownloadIcon) && mergedStatus.value === "done" ? actionIconRender((typeof customDownloadIcon === "function" ? customDownloadIcon(file) : customDownloadIcon) || createVNode(DownloadOutlined, null, null), () => onDownload(file), prefixCls, locale.downloadFile) : null;
 		const downloadOrDelete = listType.value !== "picture-card" && listType.value !== "picture-circle" && createVNode("span", {
@@ -57,7 +59,7 @@ const ListItem = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			"class": clsx(`${prefixCls}-list-item-actions`, { picture: listType.value === "picture" })
 		}, [downloadIcon, removeIcon]);
 		const extraContent = typeof customExtra === "function" ? customExtra(file) : customExtra;
-		const extra = extraContent && createVNode("span", { "class": `${prefixCls}-list-item-extra` }, [extraContent]);
+		const extra = isRenderable(extraContent) && createVNode("span", { "class": `${prefixCls}-list-item-extra` }, [extraContent]);
 		const listItemNameClass = clsx(`${prefixCls}-list-item-name`);
 		const onPreviewKeyDown = (e) => {
 			if (e.key === "Enter" || e.key === " ") {
@@ -77,9 +79,12 @@ const ListItem = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			"rel": "noopener noreferrer",
 			"class": listItemNameClass,
 			"title": file.name
-		}, linkProps, {
+		}, restLinkProps, {
 			"href": file.url,
-			"onClick": (e) => onPreview(file, e)
+			"onClick": (e) => {
+				linkOnClick?.(e);
+				if (!e.defaultPrevented) onPreview(file, e);
+			}
 		}), [file.name, extra]) : createVNode("span", mergeProps({
 			"key": "view",
 			"class": listItemNameClass

package/dist/upload/interface.d.ts

@@ -130,6 +130,7 @@ interface UploadProps<T = any> {
 interface UploadEmits<T = any> {
   'change': (info: UploadChangeParam<UploadFile<T>>) => void;
   'drop': (event: DragEvent) => void;
+  'focus': (event: FocusEvent) => void;
   'update:fileList': (fileList: UploadFile<T>[]) => void;
 }
 interface UploadSlots<T = any> {

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/upload/style/index.d.ts
 interface ComponentToken {
@@ -19,6 +23,6 @@ interface UploadToken extends FullToken<'Upload'> {
   uploadPicCardSize: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Upload'>;
-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>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, UploadToken, _default as default, prepareComponentToken };