antdv-next 1.0.0-beta.2 → 1.0.0-rc.1

package/dist/_util/PurePanel.mjs

@@ -3,21 +3,21 @@ import config_provider_default from "../config-provider/index.mjs";
 import { createVNode, defineComponent, mergeProps, shallowRef, useAttrs, useSlots, watch } from "vue";
 
 //#region src/_util/PurePanel.tsx
-function withPureRenderTheme(Component$1) {
+function withPureRenderTheme(Component) {
 	return (props) => {
 		const slots = useSlots();
 		const attrs = useAttrs();
 		return createVNode(config_provider_default, { "theme": { token: {
 			motion: false,
 			zIndexPopupBase: 0
-		} } }, { default: () => [createVNode(Component$1, {
+		} } }, { default: () => [createVNode(Component, {
 			...props,
 			...attrs
 		}, slots)] });
 	};
 }
 /* istanbul ignore next */
-function genPurePanel(Component$1, alignPropName, postProps, defaultPrefixCls, getDropdownCls) {
+function genPurePanel(Component, alignPropName, postProps, defaultPrefixCls, getDropdownCls) {
 	return withPureRenderTheme(/* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const holderRef = shallowRef();
 		const popupHeight = shallowRef(0);
@@ -80,7 +80,7 @@ function genPurePanel(Component$1, alignPropName, postProps, defaultPrefixCls, g
 			return createVNode("div", {
 				"ref": holderRef,
 				"style": mergedStyle
-			}, [createVNode(Component$1, mergeProps(attrs, mergedProps), slots)]);
+			}, [createVNode(Component, mergeProps(attrs, mergedProps), slots)]);
 		};
 	}, { props: {
 		prefixCls: {

package/dist/_util/hooks/useClosable.d.mts

@@ -2,7 +2,6 @@ import { VueNode } from "../type.mjs";
 import { AriaAttributes, Ref, VNodeChild } from "vue";
 
 //#region src/_util/hooks/useClosable.d.ts
-
 type ClosableType = boolean | ({
   closeIcon?: VueNode;
   disabled?: boolean;

package/dist/_util/hooks/useClosable.mjs

@@ -1,7 +1,7 @@
 import { getSlotPropsFnRun } from "../tools.mjs";
-import { getVNode } from "../vueNode.mjs";
 import en_US_default from "../../locale/en_US.mjs";
 import useLocale_default from "../../locale/useLocale.mjs";
+import { getVNode } from "../vueNode.mjs";
 import extendsObject_default from "../extendsObject.mjs";
 import isNonNullable_default from "../isNonNullable.mjs";
 import { computed, createVNode, isVNode, mergeProps, ref, unref } from "vue";

package/dist/_util/hooks/useMergeSemantic.d.mts

@@ -2,13 +2,12 @@ import { AnyObject, EmptyObject } from "../type.mjs";
 import { CSSProperties, Ref } from "vue";
 
 //#region src/_util/hooks/useMergeSemantic.d.ts
-
 type SemanticClassNames<Name extends string> = Partial<Record<Name, string>>;
 type SemanticStyles<Name extends string> = Partial<Record<Name, CSSProperties>>;
 type Resolvable<T, P extends AnyObject> = T | ((info: {
   props: P;
 }) => T);
-type SemanticClassNamesType<Props extends AnyObject, SemanticName extends string, NestedStructure extends EmptyObject = EmptyObject> = Resolvable<Readonly<SemanticClassNames<SemanticName>>, Props> & NestedStructure;
-type SemanticStylesType<Props extends AnyObject, SemanticName extends string, NestedStructure extends EmptyObject = EmptyObject> = Resolvable<Readonly<SemanticStyles<SemanticName>>, Props> & NestedStructure;
+type SemanticClassNamesType<Props extends AnyObject, SemanticClassNames extends { [K in keyof SemanticClassNames]?: string }, NestedStructure extends EmptyObject = EmptyObject> = Resolvable<Readonly<SemanticClassNames>, Props> & NestedStructure;
+type SemanticStylesType<Props extends AnyObject, SemanticStyles extends { [K in keyof SemanticStyles]?: CSSProperties }, NestedStructure extends EmptyObject = EmptyObject> = Resolvable<Readonly<SemanticStyles>, Props> & NestedStructure;
 //#endregion
 export { Resolvable, SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType };

package/dist/_util/hooks/useMergeSemantic.mjs

@@ -1,11 +1,11 @@
 import { computed, unref } from "vue";
-import { classNames } from "@v-c/util";
+import { classNames as classNames$1 } from "@v-c/util";
 import { omit } from "es-toolkit";
 
 //#region src/_util/hooks/useMergeSemantic.ts
-function mergeClassNames(schema, ...classNames$1) {
+function mergeClassNames(schema, ...classNames) {
 	const mergedSchema = schema || {};
-	return classNames$1.filter(Boolean).reduce((acc, cur) => {
+	return classNames.filter(Boolean).reduce((acc, cur) => {
 		Object.keys(cur || {}).forEach((key) => {
 			const keySchema = mergedSchema[key];
 			const curVal = cur[key];
@@ -14,16 +14,16 @@ function mergeClassNames(schema, ...classNames$1) {
 				const { _default: defaultField } = keySchema;
 				if (defaultField) {
 					acc[key] = acc[key] || {};
-					acc[key][defaultField] = classNames(acc[key][defaultField], curVal);
+					acc[key][defaultField] = classNames$1(acc[key][defaultField], curVal);
 				}
 			}
-			else acc[key] = classNames(acc[key], curVal);
+			else acc[key] = classNames$1(acc[key], curVal);
 		});
 		return acc;
 	}, {});
 }
-function useSemanticClassNames(schema, ...classNames$1) {
-	return mergeClassNames(schema, ...classNames$1);
+function useSemanticClassNames(schema, ...classNames) {
+	return mergeClassNames(schema, ...classNames);
 }
 function mergeStyles(...styles) {
 	return styles.filter(Boolean).reduce((acc, cur = {}) => {
@@ -63,7 +63,7 @@ function resolveStyleOrClass(value, info) {
 */
 function useMergeSemantic(classNamesList, stylesList, info, schema) {
 	const resolvedClassNamesList = computed(() => {
-		return classNamesList.value.map((classNames$1) => classNames$1 ? resolveStyleOrClass(classNames$1, info.value) : void 0);
+		return classNamesList.value.map((classNames) => classNames ? resolveStyleOrClass(classNames, info.value) : void 0);
 	});
 	const resolvedStylesList = computed(() => {
 		return stylesList.value.map((styles) => styles ? resolveStyleOrClass(styles, info.value) : void 0);
@@ -77,7 +77,7 @@ function useMergeSemantic(classNamesList, stylesList, info, schema) {
 	return [computed(() => _merged.value[0]), computed(() => _merged.value[1])];
 }
 function useMergeSemanticNoRef(classNamesList, stylesList, info, schema) {
-	const resolvedClassNamesList = classNamesList.map((classNames$1) => classNames$1 ? resolveStyleOrClass(classNames$1, info) : void 0);
+	const resolvedClassNamesList = classNamesList.map((classNames) => classNames ? resolveStyleOrClass(classNames, info) : void 0);
 	const resolvedStylesList = stylesList.map((styles) => styles ? resolveStyleOrClass(styles, info) : void 0);
 	const mergedClassNames = useSemanticClassNames(schema, ...resolvedClassNamesList);
 	const mergedStyles = useSemanticStyles(...resolvedStylesList);

package/dist/_util/tools.mjs

@@ -14,7 +14,7 @@ function getSlotPropsFnRun(slots, props, key, isNull = true, params) {
 		let node = fn?.(params);
 		if (!Array.isArray(node)) node = [node];
 		if (node && node.length === 1 && node[0] === null) return null;
-		const nodes = filterEmpty(node).filter((node$1) => node$1 !== void 0 && node$1 !== null);
+		const nodes = filterEmpty(node).filter((node) => node !== void 0 && node !== null);
 		if (nodes.length) {
 			if (nodes.length === 1) return nodes[0];
 			return nodes;

package/dist/_util/warning.d.mts

@@ -1,7 +1,6 @@
 import { Ref } from "vue";
 
 //#region src/_util/warning.d.ts
-
 interface WarningContextProps {
   /**
    * @descCN 设置警告等级，设置 `false` 时会将废弃相关信息聚合为单条信息。

package/dist/affix/index.d.mts

@@ -1,5 +1,5 @@
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue65 from "vue";
+import * as vue63 from "vue";
 
 //#region src/affix/index.d.ts
 interface AffixProps extends ComponentBaseProps {
@@ -17,10 +17,10 @@ interface AffixEmits {
 type InternalAffixProps = AffixProps & {
   onTestUpdatePosition?: any;
 };
-declare const Affix: vue65.DefineSetupFnComponent<InternalAffixProps, AffixEmits, {}, AffixProps & {
+declare const Affix: vue63.DefineSetupFnComponent<InternalAffixProps, AffixEmits, {}, AffixProps & {
   onTestUpdatePosition?: any;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue65.PublicProps>;
+}, vue63.PublicProps>;
 //#endregion
 export { Affix, AffixProps };

package/dist/alert/Alert.d.mts

@@ -3,13 +3,30 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { ClosableType } from "../_util/hooks/useClosable.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue222 from "vue";
-import { SlotsType } from "vue";
+import * as vue293 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/alert/Alert.d.ts
-type AlertSemanticName = 'root' | 'icon' | 'section' | 'title' | 'description' | 'actions';
-type AlertClassNamesType = SemanticClassNamesType<AlertProps, AlertSemanticName>;
-type AlertStylesType = SemanticStylesType<AlertProps, AlertSemanticName>;
+interface AlertSemanticClassNames {
+  root?: string;
+  icon?: string;
+  section?: string;
+  title?: string;
+  description?: string;
+  actions?: string;
+  close?: string;
+}
+interface AlertSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  section?: CSSProperties;
+  title?: CSSProperties;
+  description?: CSSProperties;
+  actions?: CSSProperties;
+  close?: CSSProperties;
+}
+type AlertClassNamesType = SemanticClassNamesType<AlertProps, AlertSemanticClassNames>;
+type AlertStylesType = SemanticStylesType<AlertProps, AlertSemanticStyles>;
 interface AlertProps extends ComponentBaseProps {
   /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
   type?: 'success' | 'info' | 'warning' | 'error';
@@ -53,8 +70,8 @@ interface AlertEmits {
   click: (e: any) => any;
   [key: string]: (e: any) => any;
 }
-declare const Alert: vue222.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
+declare const Alert: vue293.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
   [x: `on${Capitalize<string>}`]: ((e: any) => any) | undefined;
-}, vue222.PublicProps>;
+}, vue293.PublicProps>;
 //#endregion
 export { Alert, AlertEmits, AlertProps, AlertSlots };

package/dist/alert/Alert.mjs

@@ -2,34 +2,33 @@ import { useComponentBaseConfig } from "../config-provider/context.mjs";
 import { pureAttrs, useMergeSemanticNoRef } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { getSlotPropFn, getSlotPropsFnRun, toPropsRefs } from "../_util/tools.mjs";
-import { replaceElement } from "../_util/vueNode.mjs";
 import style_default from "./style/index.mjs";
 import { Transition, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
-import { classNames } from "@v-c/util";
-import { filterEmpty } from "@v-c/util/dist/props-util";
+import { classNames, clsx } from "@v-c/util";
+import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { CheckCircleFilled, CloseCircleFilled, CloseOutlined, ExclamationCircleFilled, InfoCircleFilled } from "@antdv-next/icons";
 
 //#region src/alert/Alert.tsx
-const iconMapFilled = {
-	success: CheckCircleFilled,
-	info: InfoCircleFilled,
-	error: CloseCircleFilled,
-	warning: ExclamationCircleFilled
-};
 const alertDefaultProps = { showIcon: void 0 };
 const IconNode = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
-		const { type, prefixCls, icon } = props;
-		const iconType = iconMapFilled[type] || null;
-		const iconNode = filterEmpty(typeof icon === "function" ? icon() : icon)[0];
-		if (iconNode) return replaceElement(iconNode, createVNode("span", { "class": [`${prefixCls}-icon`] }, [iconNode]), () => ({
-			class: classNames(iconNode?.props?.class, `${prefixCls}-icon`, attrs.class),
-			style: attrs.style
-		}));
-		return createVNode(iconType, {
-			class: `${prefixCls}-icon`,
-			style: attrs.style
-		});
+		const { type } = props;
+		const successIcon = getSlotPropsFnRun({}, props, "successIcon");
+		const icon = getSlotPropsFnRun({}, props, "icon");
+		const infoIcon = getSlotPropsFnRun({}, props, "infoIcon");
+		const warningIcon = getSlotPropsFnRun({}, props, "warningIcon");
+		const errorIcon = getSlotPropsFnRun({}, props, "errorIcon");
+		const { className, style } = getAttrStyleAndClass(attrs);
+		const iconMapFilled = {
+			success: successIcon ?? createVNode(CheckCircleFilled, null, null),
+			info: infoIcon ?? createVNode(InfoCircleFilled, null, null),
+			error: errorIcon ?? createVNode(CloseCircleFilled, null, null),
+			warning: warningIcon ?? createVNode(ExclamationCircleFilled, null, null)
+		};
+		return createVNode("span", {
+			"class": clsx(`${props.prefixCls}-icon`, className),
+			"style": style
+		}, [icon ?? iconMapFilled[type]]);
 	};
 }, { props: {
 	type: {
@@ -65,18 +64,68 @@ const IconNode = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		],
 		required: true,
 		default: void 0
+	},
+	successIcon: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false,
+		default: void 0
+	},
+	infoIcon: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false,
+		default: void 0
+	},
+	warningIcon: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false,
+		default: void 0
+	},
+	errorIcon: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false,
+		default: void 0
 	}
 } });
-const CloseIconNode = /* @__PURE__ */ defineComponent((props, { slots }) => {
+const CloseIconNode = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
 		const { isClosable, prefixCls, handleClose, ariaProps } = props;
+		const { className, style } = getAttrStyleAndClass(attrs);
 		const closeIcon = getSlotPropsFnRun(slots, props, "closeIcon");
 		const mergedCloseIcon = !closeIcon ? createVNode(CloseOutlined, null, null) : closeIcon;
 		return isClosable ? createVNode("button", mergeProps({
 			"type": "button",
 			"onClick": handleClose,
-			"class": `${prefixCls}-close-icon`,
-			"tabindex": 0
+			"class": clsx(`${prefixCls}-close-icon`, className),
+			"tabindex": 0,
+			"style": style
 		}, ariaProps), [mergedCloseIcon]) : null;
 	};
 }, { props: {
@@ -114,7 +163,14 @@ const CloseIconNode = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	}
 } });
 const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
-	const { closable: contextClosable, closeIcon: contextCloseIcon, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, direction, prefixCls } = useComponentBaseConfig("alert", props, ["closable", "closeIcon"]);
+	const { closable: contextClosable, closeIcon: contextCloseIcon, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, direction, prefixCls, successIcon, errorIcon, infoIcon, warningIcon } = useComponentBaseConfig("alert", props, [
+		"closable",
+		"closeIcon",
+		"successIcon",
+		"errorIcon",
+		"infoIcon",
+		"warningIcon"
+	]);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const closed = shallowRef(false);
 	const internalRef = shallowRef();
@@ -135,8 +191,9 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	};
 	return () => {
 		const { closable, banner, showIcon, rootClass } = props;
+		const { className, style } = getAttrStyleAndClass(attrs);
 		const isClosableFn = () => {
-			const closeIcon = getSlotPropFn(slots, props, "closeIcon");
+			const closeIcon = getSlotPropsFnRun(slots, props, "closeIcon");
 			if (typeof closable === "object" && closable.closeIcon) return true;
 			if (typeof closable === "boolean") return closable;
 			const closeIconNode = typeof closeIcon === "function" ? filterEmpty(closeIcon()) : closeIcon;
@@ -165,7 +222,7 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			[`${prefixCls.value}-no-icon`]: !isShowIcon,
 			[`${prefixCls.value}-banner`]: !!banner,
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
-		}, contextClassName.value, attrs.class, rootClass, mergedClassNames.root, cssVarCls.value, hashId.value);
+		}, contextClassName.value, className, rootClass, mergedClassNames.root, cssVarCls.value, hashId.value);
 		const mergedCloseIconFn = () => {
 			if (typeof closable === "object" && closable.closeIcon) return closable.closeIcon;
 			const closeIcon = getSlotPropFn(slots, props, "closeIcon");
@@ -200,7 +257,7 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"style": [
 				mergedStyles.root,
 				contextStyle.value,
-				attrs.style
+				style
 			]
 		}, pureAttrs(attrs)), [
 			isShowIcon ? createVNode(IconNode, {
@@ -209,7 +266,11 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				"description": description,
 				"icon": props.icon,
 				"prefixCls": prefixCls.value,
-				"type": type.value
+				"type": type.value,
+				"successIcon": successIcon.value,
+				"infoIcon": infoIcon.value,
+				"warningIcon": warningIcon.value,
+				"errorIcon": errorIcon.value
 			}, null) : null,
 			createVNode("div", {
 				"class": [`${prefixCls.value}-section`, mergedClassNames.section],
@@ -226,6 +287,8 @@ const Alert = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				"style": mergedStyles.actions
 			}, [action]) : null,
 			createVNode(CloseIconNode, {
+				"class": mergedClassNames.close,
+				"style": mergedStyles.close,
 				"isClosable": isClosable,
 				"prefixCls": prefixCls.value,
 				"ariaProps": mergedAriaProps,

package/dist/anchor/Anchor.d.mts

@@ -4,8 +4,8 @@ import "../_util/hooks/index.mjs";
 import { AnchorLinkBaseProps } from "./AnchorLink.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
 import { AffixProps } from "../affix/index.mjs";
-import * as vue228 from "vue";
-import { SlotsType, VNodeChild } from "vue";
+import * as vue227 from "vue";
+import { CSSProperties, SlotsType, VNodeChild } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
 //#region src/anchor/Anchor.d.ts
@@ -15,9 +15,20 @@ interface AnchorLinkItemProps extends AnchorLinkBaseProps {
   children?: AnchorLinkItemProps[];
 }
 type AnchorDirection = 'vertical' | 'horizontal';
-type SemanticName = 'root' | 'item' | 'itemTitle' | 'indicator';
-type AnchorClassNamesType = SemanticClassNamesType<AnchorProps, SemanticName>;
-type AnchorStylesType = SemanticStylesType<AnchorProps, SemanticName>;
+interface AnchorSemanticClassNames {
+  root?: string;
+  item?: string;
+  itemTitle?: string;
+  indicator?: string;
+}
+interface AnchorSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  itemTitle?: CSSProperties;
+  indicator?: CSSProperties;
+}
+type AnchorClassNamesType = SemanticClassNamesType<AnchorProps, AnchorSemanticClassNames>;
+type AnchorStylesType = SemanticStylesType<AnchorProps, AnchorSemanticStyles>;
 interface AnchorProps extends ComponentBaseProps {
   classes?: AnchorClassNamesType;
   styles?: AnchorStylesType;
@@ -45,8 +56,8 @@ interface AnchorEmits {
 type AnchorSlots = SlotsDefineType<{
   item: (item: AnchorLinkItemProps) => any;
 }>;
-declare const Anchor: vue228.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
+declare const Anchor: vue227.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue228.PublicProps>;
+}, vue227.PublicProps>;
 //#endregion
 export { Anchor, AnchorEmits, AnchorProps, AnchorSlots };