@v-c/notification 2.0.0-rc.1 → 2.0.0-rc.2

package/dist/NotificationList/index.js

@@ -92,7 +92,7 @@ var NotificationList = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		let motionGroupProps = {};
 		if (placementMotion.value) motionGroupProps = getTransitionGroupProps(placementMotion.value.name, placementMotion.value);
 		const renderItems = () => keys.value.map((config) => {
-			const { key, placement: _itemPlacement, classNames: configClassNames, styles: configStyles, className: configClassName, style: configStyle, ...notificationConfig } = config;
+			const { key, placement: _itemPlacement, classNames: configClassNames, styles: configStyles, className: configClassName, style: configStyle, onClose: configOnClose, ...notificationConfig } = config;
 			const strKey = String(key);
 			const notificationIndex = getIndex(keys.value, key);
 			const stackInThreshold = stackEnabled.value && notificationIndex !== void 0 && notificationIndex < (stackParams.threshold?.value ?? 0);
@@ -115,7 +115,7 @@ var NotificationList = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 				"notificationIndex": notificationIndex,
 				"stackInThreshold": stackInThreshold,
 				"onClose": () => {
-					config.onClose?.();
+					configOnClose?.();
 					onNoticeClose?.(key);
 				}
 			}), null);
@@ -145,10 +145,7 @@ var NotificationList = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			"topNoticeWidth": positionResult.topNoticeWidth,
 			"className": ncs?.listContent,
 			"style": nss?.listContent
-		}, { default: () => [createVNode(TransitionGroup, mergeProps({
-			"tag": false,
-			"appear": true
-		}, motionGroupProps, { "onAfterLeave": checkAllClosed }), _isSlot(_slot = renderItems()) ? _slot : { default: () => [_slot] })] })]);
+		}, { default: () => [createVNode(TransitionGroup, mergeProps({ "appear": true }, motionGroupProps, { "onAfterLeave": checkAllClosed }), _isSlot(_slot = renderItems()) ? _slot : { default: () => [_slot] })] })]);
 	};
 }, {
 	props: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/notification",
   "type": "module",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "publishConfig": {
     "access": "public"
   },

package/src/NotificationList/index.tsx

@@ -191,7 +191,20 @@ const NotificationList = defineComponent<NotificationListProps>(
 
       const renderItems = () =>
         keys.value.map((config) => {
-          const { key, placement: _itemPlacement, classNames: configClassNames, styles: configStyles, className: configClassName, style: configStyle, ...notificationConfig } = config
+          const {
+            key,
+            placement: _itemPlacement,
+            classNames: configClassNames,
+            styles: configStyles,
+            className: configClassName,
+            style: configStyle,
+            // Extract onClose so the spread below does not also bind it.
+            // Vue would otherwise merge our `onClose={...}` and the spread's
+            // `onClose` into an Array, breaking `props.onClose?.()` in the
+            // notice itself.
+            onClose: configOnClose,
+            ...notificationConfig
+          } = config
           const strKey = String(key)
           const notificationIndex = getIndex(keys.value, key)
           const stackInThreshold
@@ -220,7 +233,7 @@ const NotificationList = defineComponent<NotificationListProps>(
               notificationIndex={notificationIndex}
               stackInThreshold={stackInThreshold}
               onClose={() => {
-                (config as NotificationListConfig).onClose?.()
+                configOnClose?.()
                 onNoticeClose?.(key)
               }}
             />
@@ -261,7 +274,6 @@ const NotificationList = defineComponent<NotificationListProps>(
             style={nss?.listContent}
           >
             <TransitionGroup
-              tag={false as any}
               appear
               {...motionGroupProps}
               onAfterLeave={checkAllClosed}