naive-ui 2.28.3 → 2.29.0

package/es/locales/common/nlNL.js

@@ -0,0 +1,111 @@
+const nlNL = {
+    name: 'nl-NL',
+    global: {
+        undo: 'Ongedaan Maken',
+        redo: 'Opnieuw Doen',
+        confirm: 'Bevestig'
+    },
+    Popconfirm: {
+        positiveText: 'Bevestig',
+        negativeText: 'Annuleer'
+    },
+    Cascader: {
+        placeholder: 'Selecteer a.u.b.',
+        loading: 'Laden',
+        loadingRequiredMessage: (label) => `Laad alle afstammelingen van ${label} alvorens het te selecteren.`
+    },
+    Time: {
+        dateFormat: 'dd/MM/yyyy',
+        dateTimeFormat: 'dd/MM/yyyy HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM/yyyy',
+        dateFormat: 'dd/MM/yyyy',
+        dateTimeFormat: 'dd/MM/yyyy HH:mm:ss',
+        quarterFormat: 'qqq yyyy',
+        clear: 'Wis',
+        now: 'Nu',
+        confirm: 'Bevestig',
+        selectTime: 'Selecteer Uur',
+        selectDate: 'Selecteer Datum',
+        datePlaceholder: 'Selecteer Datum',
+        datetimePlaceholder: 'Selecteer Dag en Uur',
+        monthPlaceholder: 'Selecteer Maand',
+        yearPlaceholder: 'Selecteer Jaar',
+        quarterPlaceholder: 'Selecteer Kwartaal',
+        startDatePlaceholder: 'Begindatum',
+        endDatePlaceholder: 'Einddatum',
+        startDatetimePlaceholder: 'Begindatum en Uur',
+        endDatetimePlaceholder: 'Einddatum en Uur',
+        startMonthPlaceholder: 'Begin Maand',
+        endMonthPlaceholder: 'Eind Maand',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'Vandaag'
+    },
+    DataTable: {
+        checkTableAll: 'Selecteer alles in de tabel',
+        uncheckTableAll: 'Alles in de tabel deselecteren',
+        confirm: 'Bevestig',
+        clear: 'Wis'
+    },
+    Transfer: {
+        sourceTitle: 'Bron',
+        targetTitle: 'Doel'
+    },
+    Empty: {
+        description: 'Geen Data'
+    },
+    Select: {
+        placeholder: 'Selecteer a.u.b.'
+    },
+    TimePicker: {
+        placeholder: 'Selecteer Uur',
+        positiveText: 'OK',
+        negativeText: 'Annuleer',
+        now: 'Nu'
+    },
+    Pagination: {
+        goto: 'Ga naar',
+        selectionSuffix: 'pagina'
+    },
+    DynamicTags: {
+        add: 'Toevoegen'
+    },
+    Log: {
+        loading: 'Laden'
+    },
+    Input: {
+        placeholder: 'Invoeren a.u.b.'
+    },
+    InputNumber: {
+        placeholder: 'Invoeren a.u.b.'
+    },
+    DynamicInput: {
+        create: 'Creëer'
+    },
+    ThemeEditor: {
+        title: 'Thema Bewerker',
+        clearAllVars: 'Wis Alle Variabelen',
+        clearSearch: 'Wis Zoekopdracht',
+        filterCompName: 'Filter Componentsnaam',
+        filterVarName: 'Filter Variablenaam',
+        import: 'Importen',
+        export: 'Exporteren',
+        restore: 'Reset naar Standaard'
+    },
+    Image: {
+        tipPrevious: 'Vorige afbeelding (←)',
+        tipNext: 'Volgende afbeelding (→)',
+        tipCounterclockwise: 'Tegen de klok in',
+        tipClockwise: 'Met de klok mee',
+        tipZoomOut: 'Uitzoomen',
+        tipZoomIn: 'Inzoomen',
+        tipClose: 'Sluiten (Esc)'
+    }
+};
+export default nlNL;

package/es/locales/date/deDE.js

@@ -1,4 +1,4 @@
-import de from 'date-fns/locale/de';
+import de from 'date-fns/esm/locale/de';
 const dateDeDE = {
     name: 'de-DE',
     locale: de

package/es/locales/date/enGB.js

@@ -1,4 +1,4 @@
-import enGB from 'date-fns/locale/en-GB';
+import enGB from 'date-fns/esm/locale/en-GB';
 const dateEnGB = {
     name: 'en-GB',
     locale: enGB

package/es/locales/date/enUS.d.ts

@@ -1,7 +1,7 @@
-import type { Locale } from 'date-fns';
+import enUS from 'date-fns/esm/locale/en-US';
 interface NDateLocale {
     name: string;
-    locale: Locale;
+    locale: typeof enUS;
 }
 declare const dateEnUs: NDateLocale;
 export { NDateLocale };

package/es/locales/date/enUS.js

@@ -1,4 +1,4 @@
-import enUS from 'date-fns/locale/en-US';
+import enUS from 'date-fns/esm/locale/en-US';
 const dateEnUs = {
     name: 'en-US',
     locale: enUS

package/es/locales/date/eo.js

@@ -1,4 +1,4 @@
-import eo from 'date-fns/locale/eo';
+import eo from 'date-fns/esm/locale/eo';
 const dateEo = {
     name: 'eo',
     locale: eo

package/es/locales/date/esAR.js

@@ -1,4 +1,4 @@
-import esAR from 'date-fns/locale/es';
+import esAR from 'date-fns/esm/locale/es';
 const dateEsAR = {
     name: 'es-AR',
     locale: esAR

package/es/locales/date/frFR.js

@@ -1,4 +1,4 @@
-import frFR from 'date-fns/locale/fr';
+import frFR from 'date-fns/esm/locale/fr';
 const dateFrFR = {
     name: 'fr-FR',
     locale: frFR

package/es/locales/date/idID.js

@@ -1,4 +1,4 @@
-import idID from 'date-fns/locale/id';
+import idID from 'date-fns/esm/locale/id';
 const dateIdID = {
     name: 'id-ID',
     locale: idID

package/es/locales/date/itIT.js

@@ -1,4 +1,4 @@
-import itIT from 'date-fns/locale/it';
+import itIT from 'date-fns/esm/locale/it';
 const dateItIT = {
     name: 'it-IT',
     locale: itIT

package/es/locales/date/jaJP.js

@@ -1,4 +1,4 @@
-import ja from 'date-fns/locale/ja';
+import ja from 'date-fns/esm/locale/ja';
 const dateJaJP = {
     name: 'ja-JP',
     locale: ja

package/es/locales/date/koKR.js

@@ -1,4 +1,4 @@
-import ko from 'date-fns/locale/ko';
+import ko from 'date-fns/esm/locale/ko';
 const dateKoKR = {
     name: 'ko-KR',
     locale: ko

package/es/locales/date/nbNO.js

@@ -1,4 +1,4 @@
-import nb from 'date-fns/locale/nb';
+import nb from 'date-fns/esm/locale/nb';
 const dateNbNO = {
     name: 'nb-NO',
     locale: nb

package/es/locales/date/nlNL.d.ts

@@ -0,0 +1,3 @@
+import { NDateLocale } from './enUS';
+declare const dateNlNL: NDateLocale;
+export default dateNlNL;

package/es/locales/date/nlNL.js

@@ -0,0 +1,6 @@
+import nl from 'date-fns/esm/locale/nl';
+const dateNlNL = {
+    name: 'nl-NL',
+    locale: nl
+};
+export default dateNlNL;

package/es/locales/date/plPL.js

@@ -1,4 +1,4 @@
-import plPL from 'date-fns/locale/pl';
+import plPL from 'date-fns/esm/locale/pl';
 const datePlPL = {
     name: 'pl-PL',
     locale: plPL

package/es/locales/date/ptBR.js

@@ -1,4 +1,4 @@
-import ptBR from 'date-fns/locale/pt-BR';
+import ptBR from 'date-fns/esm/locale/pt-BR';
 const datePtBr = {
     name: 'pt-BR',
     locale: ptBR

package/es/locales/date/ruRU.js

@@ -1,4 +1,4 @@
-import ru from 'date-fns/locale/ru';
+import ru from 'date-fns/esm/locale/ru';
 const dateRuRU = {
     name: 'ru-RU',
     locale: ru

package/es/locales/date/skSK.js

@@ -1,4 +1,4 @@
-import sk from 'date-fns/locale/sk';
+import sk from 'date-fns/esm/locale/sk';
 const dateSkSK = {
     name: 'sk-SK',
     locale: sk

package/es/locales/date/thTH.js

@@ -1,4 +1,4 @@
-import thTH from 'date-fns/locale/th';
+import thTH from 'date-fns/esm/locale/th';
 const dateThTH = {
     name: 'thTH',
     locale: thTH

package/es/locales/date/ukUA.js

@@ -1,4 +1,4 @@
-import uk from 'date-fns/locale/uk';
+import uk from 'date-fns/esm/locale/uk';
 const dateUkUA = {
     name: 'uk-UA',
     locale: uk

package/es/locales/date/zhCN.js

@@ -1,4 +1,4 @@
-import zhCN from 'date-fns/locale/zh-CN';
+import zhCN from 'date-fns/esm/locale/zh-CN';
 const dateZhCN = {
     name: 'zh-CN',
     locale: zhCN

package/es/locales/date/zhTW.js

@@ -1,4 +1,4 @@
-import zhTW from 'date-fns/locale/zh-TW';
+import zhTW from 'date-fns/esm/locale/zh-TW';
 const datezhTW = {
     name: 'zh-TW',
     locale: zhTW

package/es/locales/index.d.ts

@@ -8,6 +8,7 @@ export { default as koKR } from './common/koKR';
 export { default as idID } from './common/idID';
 export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
+export { default as nlNL } from './common/nlNL';
 export { default as frFR } from './common/frFR';
 export { default as esAR } from './common/esAR';
 export { default as itIT } from './common/itIT';
@@ -27,6 +28,7 @@ export { default as dateKoKR } from './date/koKR';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateNlNL } from './date/nlNL';
 export { default as dateFrFR } from './date/frFR';
 export { default as dateEsAR } from './date/esAR';
 export { default as dateItIT } from './date/itIT';

package/es/locales/index.js

@@ -8,6 +8,7 @@ export { default as koKR } from './common/koKR';
 export { default as idID } from './common/idID';
 export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
+export { default as nlNL } from './common/nlNL';
 export { default as frFR } from './common/frFR';
 export { default as esAR } from './common/esAR';
 export { default as itIT } from './common/itIT';
@@ -27,6 +28,7 @@ export { default as dateKoKR } from './date/koKR';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateNlNL } from './date/nlNL';
 export { default as dateFrFR } from './date/frFR';
 export { default as dateEsAR } from './date/esAR';
 export { default as dateItIT } from './date/itIT';

package/es/log/src/Log.d.ts

@@ -345,12 +345,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/log/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB, cE } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-bezier
 // --n-loading-color
 // --n-loader-border

package/es/mention/src/Mention.d.ts

@@ -911,12 +911,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/mention/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
-import fadeInScaleUp from '../../../_styles/transitions/fade-in-scale-up.cssr';
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
 import { c, cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
 
 export default c([cB('mention', 'width: 100%; z-index: auto; position: relative;'), cB('mention-menu', `
  box-shadow: var(--n-menu-box-shadow);
- `, [fadeInScaleUp()])]);
+ `, [fadeInScaleUpTransition()])]);

package/es/menu/src/Menu.d.ts

@@ -1244,12 +1244,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/menu/src/MenuOption.d.ts

@@ -138,12 +138,14 @@ export declare const NMenuOption: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/menu/src/MenuOptionContent.js

@@ -77,7 +77,7 @@ export default defineComponent({
                 },
                 attrs === null || attrs === void 0 ? void 0 : attrs.class
             ], style: [this.style, (attrs === null || attrs === void 0 ? void 0 : attrs.style) || ''] }),
-            icon && (h("div", { class: `${clsPrefix}-menu-item-content__icon`, style: this.iconStyle, role: "none" }, icon)),
+            icon && (h("div", { class: `${clsPrefix}-menu-item-content__icon`, style: this.iconStyle, role: "none" }, [icon])),
             h("div", { class: `${clsPrefix}-menu-item-content-header`, role: "none" },
                 renderLabel ? renderLabel(tmNode.rawNode) : render(this.title),
                 this.extra || renderExtra ? (h("span", { class: `${clsPrefix}-menu-item-content-header__extra` },

package/es/menu/src/Submenu.d.ts

@@ -155,12 +155,14 @@ export declare const NSubmenu: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/menu/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-color
 // --n-group-text-color
 // --n-bezier

package/es/message/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
-import fadeInHeightExpand from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
 // --n-margin
 // --n-bezier
 // --n-padding
@@ -29,7 +29,7 @@ export default c([cB('message-wrapper', `
  z-index: 0;
  transform-origin: top center;
  display: flex;
- `, [fadeInHeightExpand({
+ `, [fadeInHeightExpandTransition({
   overflow: 'visible',
   originalTransition: 'transform .3s var(--n-bezier)',
   enterToProps: {

package/es/modal/src/BodyWrapper.d.ts

@@ -173,12 +173,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/modal/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { cB, c } from '../../../_utils/cssr';
-import fadeInTransition from '../../../_styles/transitions/fade-in.cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInTransition } from '../../../_styles/transitions/fade-in.cssr';
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-bezier-ease-out
 // --n-box-shadow
 // --n-color

package/es/notification/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NNotificationProvider } from './src/NotificationProvider';
-export type { NotificationProviderProps, NotificationProviderInst, NotificationApiInjection as NotificationApi, NotificationOptions, NotificationReactive, NotificationPlacement, NotificationType } from './src/NotificationProvider';
+export type { NotificationProviderProps, NotificationProviderInst, NotificationApiInjection as NotificationApi, NotificationReactive, NotificationPlacement, NotificationType } from './src/NotificationProvider';
+export type { NotificationOptions } from './src/NotificationEnvironment';
 export { useNotification } from './src/use-notification';

package/es/notification/src/Notification.js

@@ -92,22 +92,23 @@ export const Notification = defineComponent({
         var _a;
         const { mergedClsPrefix } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return (h("div", { class: [
-                `${mergedClsPrefix}-notification`,
-                this.themeClass,
-                {
-                    [`${mergedClsPrefix}-notification--closable`]: this.closable,
-                    [`${mergedClsPrefix}-notification--show-avatar`]: this.showAvatar
-                }
-            ], style: this.cssVars },
-            this.showAvatar ? (h("div", { class: `${mergedClsPrefix}-notification__avatar` }, this.avatar ? (render(this.avatar)) : this.type !== 'default' ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => iconRenderMap[this.type]() })) : null)) : null,
-            this.closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-notification__close`, onClick: this.handleCloseClick })) : null,
-            h("div", { ref: "bodyRef", class: `${mergedClsPrefix}-notification-main` },
-                this.title ? (h("div", { class: `${mergedClsPrefix}-notification-main__header` }, render(this.title))) : null,
-                this.description ? (h("div", { class: `${mergedClsPrefix}-notification-main__description` }, render(this.description))) : null,
-                this.content ? (h("pre", { class: `${mergedClsPrefix}-notification-main__content` }, render(this.content))) : null,
-                this.meta || this.action ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer` },
-                    this.meta ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer__meta` }, render(this.meta))) : null,
-                    this.action ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer__action` }, render(this.action))) : null)) : null)));
+        return (h("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], style: this.cssVars },
+            h("div", { class: [
+                    `${mergedClsPrefix}-notification`,
+                    this.themeClass,
+                    {
+                        [`${mergedClsPrefix}-notification--closable`]: this.closable,
+                        [`${mergedClsPrefix}-notification--show-avatar`]: this.showAvatar
+                    }
+                ], style: this.cssVars },
+                this.showAvatar ? (h("div", { class: `${mergedClsPrefix}-notification__avatar` }, this.avatar ? (render(this.avatar)) : this.type !== 'default' ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => iconRenderMap[this.type]() })) : null)) : null,
+                this.closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-notification__close`, onClick: this.handleCloseClick })) : null,
+                h("div", { ref: "bodyRef", class: `${mergedClsPrefix}-notification-main` },
+                    this.title ? (h("div", { class: `${mergedClsPrefix}-notification-main__header` }, render(this.title))) : null,
+                    this.description ? (h("div", { class: `${mergedClsPrefix}-notification-main__description` }, render(this.description))) : null,
+                    this.content ? (h("pre", { class: `${mergedClsPrefix}-notification-main__content` }, render(this.content))) : null,
+                    this.meta || this.action ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer` },
+                        this.meta ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer__meta` }, render(this.meta))) : null,
+                        this.action ? (h("div", { class: `${mergedClsPrefix}-notification-main-footer__action` }, render(this.action))) : null)) : null))));
     }
 });

package/es/notification/src/NotificationContainer.d.ts

@@ -1,14 +1,16 @@
 import { PropType } from 'vue';
+import type { NotificationPlacement } from './NotificationProvider';
 export declare const NotificationContainer: import("vue").DefineComponent<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
     };
     placement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<NotificationPlacement>;
         required: true;
     };
 }, {
+    selfRef: import("vue").Ref<HTMLElement | null>;
     mergedTheme: import("vue").Ref<{
         common: {
             baseColor: string;
@@ -99,12 +101,14 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -151,13 +155,14 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
+    transitioning: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
     };
     placement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<NotificationPlacement>;
         required: true;
     };
 }>>, {}>;

package/es/notification/src/NotificationContainer.js

@@ -1,4 +1,5 @@
-import { h, defineComponent, inject } from 'vue';
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+import { h, defineComponent, inject, ref, watchEffect } from 'vue';
 import { NScrollbar } from '../../_internal';
 import { notificationProviderInjectionKey } from './context';
 export const NotificationContainer = defineComponent({
@@ -14,16 +15,27 @@ export const NotificationContainer = defineComponent({
         }
     },
     setup() {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { mergedThemeRef, mergedClsPrefixRef } = inject(notificationProviderInjectionKey);
+        const { mergedThemeRef, mergedClsPrefixRef, wipTransitionCountRef } = inject(notificationProviderInjectionKey);
+        const selfRef = ref(null);
+        watchEffect(() => {
+            var _a, _b;
+            if (wipTransitionCountRef.value > 0) {
+                (_a = selfRef === null || selfRef === void 0 ? void 0 : selfRef.value) === null || _a === void 0 ? void 0 : _a.classList.add('transitioning');
+            }
+            else {
+                (_b = selfRef === null || selfRef === void 0 ? void 0 : selfRef.value) === null || _b === void 0 ? void 0 : _b.classList.remove('transitioning');
+            }
+        });
         return {
+            selfRef,
             mergedTheme: mergedThemeRef,
-            mergedClsPrefix: mergedClsPrefixRef
+            mergedClsPrefix: mergedClsPrefixRef,
+            transitioning: wipTransitionCountRef
         };
     },
     render() {
         const { $slots, scrollable, mergedClsPrefix, mergedTheme, placement } = this;
-        return (h("div", { class: [
+        return (h("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-notification-container`,
                 scrollable && `${mergedClsPrefix}-notification-container--scrollable`,
                 `${mergedClsPrefix}-notification-container--${placement}`

package/es/notification/src/NotificationEnvironment.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare const notificationEnvOptions: {
     readonly duration: NumberConstructor;
     readonly onClose: PropType<() => Promise<boolean> | boolean | any>;
@@ -26,6 +26,7 @@ export declare const notificationEnvOptions: {
     readonly meta: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<string | (() => import("vue").VNodeChild)>;
 };
+export declare type NotificationOptions = Partial<ExtractPropTypes<typeof notificationEnvOptions>>;
 export declare const NotificationEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
@@ -66,7 +67,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     handleBeforeLeave: (el: HTMLElement) => void;
     handleAfterEnter: (el: HTMLElement) => void;
     handleBeforeEnter: (el: HTMLElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;