antdv-next 1.2.2 → 1.3.0

package/dist/modal/useModal/HookModal.d.ts

@@ -1,6 +1,6 @@
 import { EmptyEmit } from "../../_util/type.js";
 import { ModalFuncProps } from "../interface.js";
-import * as vue588 from "vue";
+import * as vue736 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/useModal/HookModal.d.ts
@@ -10,8 +10,8 @@ interface HookModalProps {
   onConfirm?: (confirmed: boolean) => void;
   isSilent?: () => boolean;
 }
-declare const HookModal: vue588.DefineSetupFnComponent<HookModalProps, EmptyEmit, SlotsType<{
+declare const HookModal: vue736.DefineSetupFnComponent<HookModalProps, EmptyEmit, SlotsType<{
   default?: () => any;
-}>, HookModalProps, vue588.PublicProps>;
+}>, HookModalProps, vue736.PublicProps>;
 //#endregion
 export { HookModalProps, HookModal as default };

package/dist/notification/PureList.d.ts

@@ -0,0 +1,32 @@
+import { IconType, NotificationClassNamesType, NotificationPlacement } from "./interface.js";
+import * as vue184 from "vue";
+import { CSSProperties, SlotsType, VueNode } from "vue";
+
+//#region src/notification/PureList.d.ts
+interface PureListItem {
+  key: string | number;
+  title?: VueNode;
+  description?: VueNode;
+  type: IconType;
+  actions?: VueNode;
+  duration?: number | false;
+  showProgress?: boolean;
+}
+interface PureListProps {
+  items: PureListItem[];
+  placement?: NotificationPlacement;
+  classes?: NotificationClassNamesType;
+  style?: CSSProperties;
+}
+interface PureListSlots {
+  default?: () => any;
+}
+/**
+ * @private Internal component. Do not use in production.
+ * Mirrors ant-design 6.4.0 `notification._InternalListDoNotUseOrYouWillBeFired`.
+ */
+declare const PureList: vue184.DefineSetupFnComponent<PureListProps, Record<string, never>, SlotsType<PureListSlots>, PureListProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
+}, vue184.PublicProps>;
+//#endregion
+export { PureListItem, PureListProps, PureListSlots, PureList as default };

package/dist/notification/PureList.js

@@ -0,0 +1,72 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import style_default from "./style/index.js";
+import { TypeIcon, getCloseIcon } from "./PurePanel.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+import { NotificationList } from "@v-c/notification";
+
+//#region src/notification/PureList.tsx
+/**
+* @private Internal component. Do not use in production.
+* Mirrors ant-design 6.4.0 `notification._InternalListDoNotUseOrYouWillBeFired`.
+*/
+const PureList = /* @__PURE__ */ defineComponent((props) => {
+	const { getPrefixCls } = useComponentBaseConfig("notification", props);
+	const prefixCls = computed(() => getPrefixCls("notification"));
+	const rootCls = useCSSVarCls_default(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	return () => {
+		const noticePrefixCls = `${prefixCls.value}-notice`;
+		const configList = props.items.map((item) => {
+			const { actions, description, duration, key, showProgress, title, type } = item;
+			const typeIconCls = `${noticePrefixCls}-icon-${type}`;
+			return {
+				key,
+				actions,
+				closable: { closeIcon: getCloseIcon(noticePrefixCls) },
+				description,
+				duration,
+				icon: TypeIcon[type] ? createVNode(TypeIcon[type]) : null,
+				showProgress,
+				title,
+				class: `${noticePrefixCls}-${type}`,
+				classNames: { icon: typeIconCls }
+			};
+		});
+		return createVNode(NotificationList, {
+			"prefixCls": prefixCls.value,
+			"placement": props.placement ?? "topRight",
+			"configList": configList,
+			"class": clsx(hashId.value, cssVarCls.value, rootCls.value),
+			"classNames": props.classes,
+			"style": props.style,
+			"stack": false
+		}, null);
+	};
+}, {
+	props: {
+		items: {
+			type: Array,
+			required: true
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		}
+	},
+	name: "NotificationPureList",
+	inheritAttrs: false
+});
+var PureList_default = PureList;
+
+//#endregion
+export { PureList_default as default };

package/dist/notification/PurePanel.d.ts

@@ -1,43 +1,46 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { IconType, NotificationSemanticClassNames, NotificationSemanticStyles } from "./interface.js";
-import * as vue198 from "vue";
+import * as vue206 from "vue";
 
 //#region src/notification/PurePanel.d.ts
 type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemanticClassNames>;
 type PurePanelStylesType = SemanticStylesType<PurePanelProps, NotificationSemanticStyles>;
-declare function getCloseIcon(prefixCls: string, closeIcon?: VueNode): VueNode;
+declare function getCloseIcon(prefixCls: string, closeIcon?: VueNode$1): VueNode$1;
 interface PureContentProps {
   prefixCls: string;
-  icon?: VueNode;
-  title?: VueNode;
-  description?: VueNode;
-  actions?: VueNode;
+  icon?: VueNode$1;
+  title?: VueNode$1;
+  description?: VueNode$1;
+  actions?: VueNode$1;
   type?: IconType;
   role?: 'alert' | 'status';
   classes: NotificationSemanticClassNames;
   styles: NotificationSemanticStyles;
 }
-declare const PureContent: vue198.DefineSetupFnComponent<PureContentProps, {}, {}, PureContentProps & {}, vue198.PublicProps>;
+declare const TypeIcon: Record<IconType, any>;
+declare function resolveIconNode(icon: VueNode$1 | undefined, type: IconType | undefined): VueNode$1;
+declare function getIconWrapperClassName(prefixCls: string, type: IconType | undefined): string;
+declare const PureContent: vue206.DefineSetupFnComponent<PureContentProps, {}, {}, PureContentProps & {}, vue206.PublicProps>;
 interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children' | 'classes' | 'styles'> {
-  content?: VueNode;
+  content?: VueNode$1;
   duration?: number | false | null;
   showProgress?: boolean;
   pauseOnHover?: boolean;
   closable?: boolean | ({
-    closeIcon?: VueNode;
+    closeIcon?: VueNode$1;
     onClose?: VoidFunction;
   } & Record<string, any>);
   prefixCls?: string;
   classes?: PurePanelClassNamesType;
   styles?: PurePanelStylesType;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   props?: Record<string, any>;
   onClose?: VoidFunction;
   onClick?: (event: Event) => void;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue198.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue198.PublicProps>;
+declare const PurePanel: vue206.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue206.PublicProps>;
 //#endregion
-export { PureContent, PureContentProps, PurePanelClassNamesType, PurePanelProps, PurePanelStylesType, PurePanel as default, getCloseIcon };
+export { PureContent, PureContentProps, PurePanelClassNamesType, PurePanelProps, PurePanelStylesType, TypeIcon, PurePanel as default, getCloseIcon, getIconWrapperClassName, resolveIconNode };

package/dist/notification/PurePanel.js

@@ -2,26 +2,35 @@ import { useBaseConfig, useComponentBaseConfig } from "../config-provider/contex
 import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import style_default, { PurePanelStyle } from "./style/index.js";
+import isNonNullable_default from "../_util/isNonNullable.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
-import style_default from "./style/index.js";
-import pure_panel_default from "./style/pure-panel.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { CheckCircleFilled, CloseCircleFilled, CloseOutlined, ExclamationCircleFilled, InfoCircleFilled } from "@antdv-next/icons";
 import { omit } from "es-toolkit";
-import { Notice } from "@v-c/notification";
+import { Notification } from "@v-c/notification";
 
 //#region src/notification/PurePanel.tsx
 function getCloseIcon(prefixCls, closeIcon) {
 	if (closeIcon === null || closeIcon === false) return null;
 	return closeIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null);
 }
-const typeToIcon = {
+const TypeIcon = {
 	success: CheckCircleFilled,
 	info: InfoCircleFilled,
 	error: CloseCircleFilled,
 	warning: ExclamationCircleFilled
 };
+const typeToIcon = TypeIcon;
+function resolveIconNode(icon, type) {
+	if (icon) return icon;
+	if (type && typeToIcon[type]) return createVNode(typeToIcon[type]);
+	return null;
+}
+function getIconWrapperClassName(prefixCls, type) {
+	return type ? `${prefixCls}-icon-${type}` : "";
+}
 const defaults = { role: "alert" };
 const PureContent = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
@@ -36,12 +45,13 @@ const PureContent = /* @__PURE__ */ defineComponent((props) => {
 			style: styles.icon
 		});
 		else iconNode = null;
+		const hasTitle = isNonNullable_default(title) && title !== false && title !== "";
 		return createVNode("div", {
 			"class": clsx({ [`${prefixCls}-with-icon`]: iconNode }),
 			"role": role
 		}, [
 			iconNode,
-			title && createVNode("div", {
+			hasTitle && createVNode("div", {
 				"class": clsx(`${prefixCls}-title`, pureContentCls.title),
 				"style": styles.title
 			}, [title]),
@@ -179,28 +189,41 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 		const style = attrs.style;
 		const restProps = omit(props, omitKeys);
 		const actions = getSlotPropsFnRun(slots, props, "actions");
+		const titleNode = getSlotPropsFnRun(slots, props, "title");
+		const descriptionNode = getSlotPropsFnRun(slots, props, "description");
+		const slotIcon = getSlotPropsFnRun(slots, props, "icon");
+		const mergedNcs = mergedClassNames.value;
+		const mergedNss = mergedStyles.value;
+		const iconNode = resolveIconNode(slotIcon ?? props.icon, props.type);
+		const iconWrapperClass = clsx(getIconWrapperClassName(noticePrefixCls, props.type), mergedNcs?.icon);
 		return createVNode("div", {
 			"class": clsx(`${noticePrefixCls}-pure-panel`, hashId.value, notificationClassName, cssVarCls.value, rootCls.value, mergedClassNames.value?.root),
 			"style": mergedStyles.value.root
-		}, [createVNode(pure_panel_default, { "prefixCls": prefixCls.value }, null), createVNode(Notice, mergeProps({ "style": {
+		}, [createVNode(PurePanelStyle, { "prefixCls": prefixCls.value }, null), createVNode(Notification, mergeProps({ "style": {
 			...contextStyle.value,
 			...style
 		} }, pureAttrs(attrs), restProps, {
 			"prefixCls": prefixCls.value,
-			"eventKey": "pure",
 			"duration": null,
 			"closable": mergedClosable.value,
-			"class": clsx(notificationClassName, contextClassName.value),
-			"content": createVNode(PureContent, {
-				"classes": mergedClassNames.value,
-				"styles": mergedStyles.value,
-				"prefixCls": noticePrefixCls,
-				"icon": props.icon,
-				"type": props.type,
-				"title": props.title,
-				"description": props.description,
-				"actions": actions
-			}, null)
+			"role": props.role,
+			"class": clsx(notificationClassName, contextClassName.value, { [`${noticePrefixCls}-with-icon`]: !!iconNode }),
+			"icon": iconNode,
+			"title": titleNode,
+			"description": descriptionNode,
+			"actions": actions,
+			"classNames": {
+				icon: iconWrapperClass,
+				title: mergedNcs?.title,
+				description: mergedNcs?.description,
+				actions: mergedNcs?.actions
+			},
+			"styles": {
+				icon: mergedNss?.icon,
+				title: mergedNss?.title,
+				description: mergedNss?.description,
+				actions: mergedNss?.actions
+			}
 		}), null)]);
 	};
 }, {
@@ -337,4 +360,4 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 var PurePanel_default = PurePanel;
 
 //#endregion
-export { PureContent, PurePanel_default as default, getCloseIcon };
+export { PureContent, TypeIcon, PurePanel_default as default, getCloseIcon, getIconWrapperClassName, resolveIconNode };

package/dist/notification/index.d.ts

@@ -1,4 +1,5 @@
 import { ArgsProps, GlobalConfigProps } from "./interface.js";
+import PureList from "./PureList.js";
 import PurePanel from "./PurePanel.js";
 import useNotification from "./useNotification.js";
 import { Key } from "@v-c/util/dist/type";
@@ -11,6 +12,8 @@ interface BaseMethods {
   useNotification: typeof useNotification;
   /** @private Internal Component. Do not use in your production. */
   _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+  /** @private Internal Component. Do not use in your production. */
+  _InternalListDoNotUseOrYouWillBeFired: typeof PureList;
 }
 type StaticFn = (config: ArgsProps) => void;
 interface NoticeMethods {

package/dist/notification/index.js

@@ -2,6 +2,7 @@ import { useBaseConfig } from "../config-provider/context.js";
 import config_provider_default, { globalConfig } from "../config-provider/index.js";
 import { useAppConfig } from "../app/context.js";
 import PurePanel_default from "./PurePanel.js";
+import PureList_default from "./PureList.js";
 import useNotification, { useInternalNotification } from "./useNotification.js";
 import { createVNode, defineComponent, getCurrentInstance, isVNode, onMounted, render, shallowRef, watch } from "vue";
 
@@ -176,7 +177,8 @@ const staticMethods = {
 	destroy,
 	config: setNotificationGlobalConfig,
 	useNotification,
-	_InternalPanelDoNotUseOrYouWillBeFired: PurePanel_default
+	_InternalPanelDoNotUseOrYouWillBeFired: PurePanel_default,
+	_InternalListDoNotUseOrYouWillBeFired: PureList_default
 };
 methods.forEach((type) => {
 	staticMethods[type] = (config) => open({

package/dist/notification/interface.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
@@ -30,15 +30,15 @@ interface NotificationSemanticStyles {
 type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemanticClassNames>;
 type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemanticStyles>;
 interface ArgsProps {
-  title?: VueNode;
-  description?: VueNode;
-  actions?: VueNode;
+  title?: VueNode$1;
+  description?: VueNode$1;
+  actions?: VueNode$1;
   key?: Key;
   onClose?: () => void;
   duration?: number | false;
   showProgress?: boolean;
   pauseOnHover?: boolean;
-  icon?: VueNode;
+  icon?: VueNode$1;
   placement?: NotificationPlacement;
   style?: CSSProperties;
   class?: string;
@@ -46,7 +46,7 @@ interface ArgsProps {
   styles?: NotificationStylesType;
   readonly type?: IconType;
   onClick?: () => void;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   closable?: boolean | (Exclude<ClosableType, boolean> & {
     onClose?: () => void;
   });
@@ -67,7 +67,7 @@ interface NotificationConfig {
   duration?: number | false;
   showProgress?: boolean;
   pauseOnHover?: boolean;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   classes?: NotificationClassNamesType;
   styles?: NotificationStylesType;
 }
@@ -89,7 +89,7 @@ interface GlobalConfigProps {
   prefixCls?: string;
   getContainer?: () => HTMLElement | ShadowRoot;
   placement?: NotificationPlacement;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   closable?: ClosableType;
   rtl?: boolean;
   maxCount?: number;

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

@@ -1,11 +1,15 @@
-import { AliasToken } from "../../theme/interface/alias.js";
 import { FullToken, GenStyleFn } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
-import * as vue533 from "vue";
-import { CSSObject } from "@antdv-next/cssinjs";
+import * as vue421 from "vue";
 
 //#region src/notification/style/index.d.ts
+type WidthKey<Token extends NotificationToken> = { [Key in keyof Token]: Token[Key] extends number | string ? Key : never }[keyof Token];
+interface SharedStyleConfig<Token extends NotificationToken> {
+  listWidthKey?: WidthKey<Token>;
+  stackVisibleCount?: number;
+  itemStyle?: GenerateStyle<Token>;
+}
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {
   /**
@@ -49,11 +53,6 @@ interface ComponentToken {
  * @descEN Token for Notification component
  */
 interface NotificationToken extends FullToken<'Notification'> {
-  /**
-   * @desc 动画最大高度
-   * @descEN Maximum height of animation
-   */
-  animationMaxHeight: number | string;
   /**
    * @desc 提醒框背景色
    * @descEN Background color of Notification
@@ -68,7 +67,7 @@ interface NotificationToken extends FullToken<'Notification'> {
    * @desc 提醒框垂直内边距
    * @descEN Vertical padding of Notification
    */
-  notificationPaddingVertical: number;
+  notificationPaddingVertical: number | string;
   /**
    * @desc 提醒框水平内边距
    * @descEN Horizontal padding of Notification
@@ -94,28 +93,30 @@ interface NotificationToken extends FullToken<'Notification'> {
    * @descEN Edge margin of Notification
    */
   notificationMarginEdge: number;
-  /**
-   * @desc 提醒框堆叠层数
-   * @descEN Stack layer of Notification
-   */
-  notificationStackLayer: number;
   /**
    * @desc 提醒框进度条高度
    * @descEN Height of Notification progress bar
    */
   notificationProgressHeight: number;
+  /**
+   * @desc 提醒框入场动画偏移
+   * @descEN Motion offset of Notification
+   */
+  notificationMotionOffset: number;
 }
-declare const genNoticeStyle: GenerateStyle<NotificationToken, CSSObject>;
-declare function prepareComponentToken(token: AliasToken): {
-  zIndexPopup: number;
-  width: number;
-  progressBg: string;
-  colorSuccessBg: undefined;
-  colorErrorBg: undefined;
-  colorInfoBg: undefined;
-  colorWarningBg: undefined;
-};
+/** Derive internal Notification style tokens from alias and component tokens. */
 declare const prepareNotificationToken: (token: Parameters<GenStyleFn<'Notification'>>[0]) => NotificationToken;
-declare const _default: (prefixCls: vue533.Ref<string>, rootCls?: vue533.Ref<string | undefined>) => readonly [vue533.Ref<string, string>, vue533.ComputedRef<string | undefined>];
+/** Register the PurePanel sub-style component for Notification. */
+declare const PurePanelStyle: vue421.DefineComponent<vue421.ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>, () => null, {}, {}, {}, vue421.ComponentOptionsMixin, vue421.ComponentOptionsMixin, {}, string, vue421.PublicProps, Readonly<vue421.ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue421.ComponentProvideOptions, true, {}, any>;
+/** Compose the shared list, item, and placement styles. */
+declare function sharedGenerateStyle<Token extends NotificationToken>(token: Token, config: SharedStyleConfig<Token>): ReturnType<GenerateStyle<Token>>;
+/** Register the main style hook for Notification. */
+declare const _default: (prefixCls: vue421.Ref<string>, rootCls?: vue421.Ref<string | undefined>) => readonly [vue421.Ref<string, string>, vue421.ComputedRef<string | undefined>];
 //#endregion
-export { ComponentToken, NotificationToken, _default as default, genNoticeStyle, prepareComponentToken, prepareNotificationToken };
+export { ComponentToken, NotificationToken, PurePanelStyle, _default as default, prepareNotificationToken, sharedGenerateStyle };