naive-ui 2.21.5 → 2.22.0

package/es/date-picker/src/utils.js

@@ -1,4 +1,4 @@
-import { isValid, isSameDay, getDate, getMonth, getYear, isSameMonth, isSameYear, getTime, startOfMonth, addDays, addMonths, addYears, getDay, parse, format, startOfYear } from 'date-fns';
+import { isValid, isSameDay, getDate, getMonth, getYear, isSameMonth, isSameYear, getTime, startOfMonth, addDays, addMonths, addYears, addQuarters, getDay, parse, format, startOfYear, getQuarter, isSameQuarter } from 'date-fns';
 import { START_YEAR } from './config';
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
     const now = getTime(Date.now());
@@ -19,7 +19,8 @@ function getDerivedTimeFromKeyboardEvent(prevValue, event) {
 const matcherMap = {
     date: isSameDay,
     month: isSameMonth,
-    year: isSameYear
+    year: isSameYear,
+    quarter: isSameQuarter
 };
 function matchDate(sourceTime, patternTime, type = 'date') {
     const matcher = matcherMap[type];
@@ -66,7 +67,7 @@ function monthItem(monthTs, valueTs, currentTs) {
             month: getMonth(monthTs),
             year: getYear(monthTs)
         },
-        isCurrentMonth: isSameMonth(currentTs, monthTs),
+        isCurrent: isSameMonth(currentTs, monthTs),
         selected: valueTs !== null && matchDate(valueTs, monthTs, 'month'),
         ts: getTime(monthTs)
     };
@@ -77,11 +78,23 @@ function yearItem(yearTs, valueTs, currentTs) {
         dateObject: {
             year: getYear(yearTs)
         },
-        isCurrentYear: isSameYear(currentTs, yearTs),
+        isCurrent: isSameYear(currentTs, yearTs),
         selected: valueTs !== null && matchDate(valueTs, yearTs, 'year'),
         ts: getTime(yearTs)
     };
 }
+function quarterItem(quarterTs, valueTs, currentTs) {
+    return {
+        type: 'quarter',
+        dateObject: {
+            quarter: getQuarter(quarterTs),
+            year: getYear(quarterTs)
+        },
+        isCurrent: isSameQuarter(currentTs, quarterTs),
+        selected: valueTs !== null && matchDate(valueTs, quarterTs, 'quarter'),
+        ts: getTime(quarterTs)
+    };
+}
 /**
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.
@@ -125,6 +138,14 @@ function monthArray(monthTs, valueTs, currentTs) {
     }
     return calendarMonths;
 }
+function quarterArray(quarterTs, valueTs, currentTs) {
+    const calendarQuarters = [];
+    const yearStart = startOfYear(quarterTs);
+    for (let i = 0; i < 4; i++) {
+        calendarQuarters.push(quarterItem(getTime(addQuarters(yearStart, i)), valueTs, currentTs));
+    }
+    return calendarQuarters;
+}
 function yearArray(yearTs, valueTs, currentTs) {
     const calendarYears = [];
     const time1900 = new Date(START_YEAR, 0, 1);
@@ -145,4 +166,18 @@ function strictParse(string, pattern, backup, option) {
     else
         return new Date(NaN);
 }
-export { dateArray, monthArray, yearArray, strictParse, getDerivedTimeFromKeyboardEvent };
+function getDefaultTime(timeValue) {
+    if (timeValue === undefined) {
+        return undefined;
+    }
+    if (typeof timeValue === 'number') {
+        return timeValue;
+    }
+    const [hour, minute, second] = timeValue.split(':');
+    return {
+        hours: Number(hour),
+        minutes: Number(minute),
+        seconds: Number(second)
+    };
+}
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime };

package/es/date-picker/styles/_common.d.ts

@@ -18,11 +18,13 @@ declare const _default: {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 };
 export default _default;

package/es/date-picker/styles/_common.js

@@ -19,10 +19,12 @@ export default {
     calendarLeftPaddingDatetimerange: '4px 12px',
     calendarLeftPaddingMonth: '0',
     calendarLeftPaddingYear: '0',
+    calendarLeftPaddingQuarter: '0',
     calendarRightPaddingDate: '6px 12px 4px 12px',
     calendarRightPaddingDatetime: '4px 12px',
     calendarRightPaddingDaterange: '6px 12px 4px 12px',
     calendarRightPaddingDatetimerange: '4px 12px',
     calendarRightPaddingMonth: '0',
-    calendarRightPaddingYear: '0'
+    calendarRightPaddingYear: '0',
+    calendarRightPaddingQuarter: '0'
 };

package/es/date-picker/styles/light.d.ts

@@ -46,12 +46,14 @@ export declare const self: (vars: ThemeCommonVars) => {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 };
 export declare type DatePickerThemeVars = ReturnType<typeof self>;
 declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
@@ -101,12 +103,14 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 }, {
     Input: import("../../_mixins").Theme<"Input", {
         countTextColor: string;

package/es/image/src/Image.js

@@ -1,4 +1,4 @@
-import { defineComponent, h, inject, ref, toRef, mergeProps, watchEffect } from 'vue';
+import { defineComponent, h, inject, ref, toRef, watchEffect } from 'vue';
 import NImagePreview from './ImagePreview';
 import { imageGroupInjectionKey } from './ImageGroup';
 import { useConfig } from '../../_mixins';
@@ -69,19 +69,15 @@ export default defineComponent({
             } }, exposedMethods);
     },
     render() {
-        const { mergedClsPrefix, imgProps = {} } = this;
-        const imgWrapperNode = h('div', mergeProps(this.$attrs, {
-            role: 'none',
-            class: [
+        const { mergedClsPrefix, imgProps = {}, $attrs } = this;
+        const imgNode = (h("img", Object.assign({}, imgProps, { class: [this.groupId, imgProps.class], ref: "imageRef", width: this.width || imgProps.width, height: this.height || imgProps.height, src: this.showError ? this.fallbackSrc : this.src || imgProps.src, alt: this.alt || imgProps.alt, "aria-label": this.alt || imgProps.alt, onClick: this.click, onError: this.mergedOnError, onLoad: this.mergedOnLoad, style: [imgProps.style || '', { objectFit: this.objectFit }], "data-error": this.showError, "data-preview-src": this.previewSrc || this.src })));
+        return (h("div", Object.assign({}, $attrs, { role: "none", class: [
+                $attrs.class,
                 `${mergedClsPrefix}-image`,
                 (this.previewDisabled || this.showError) &&
                     `${mergedClsPrefix}-image--preview-disabled`
-            ]
-        }), [
-            h("img", Object.assign({}, imgProps, { class: [this.groupId, imgProps.class], ref: "imageRef", width: this.width || imgProps.width, height: this.height || imgProps.height, src: this.showError ? this.fallbackSrc : this.src || imgProps.src, alt: this.alt || imgProps.alt, "aria-label": this.alt || imgProps.alt, onClick: this.click, onError: this.mergedOnError, onLoad: this.mergedOnLoad, style: [imgProps.style || '', { objectFit: this.objectFit }], "data-error": this.showError, "data-preview-src": this.previewSrc || this.src }))
-        ]);
-        return this.groupId ? (imgWrapperNode) : (h(NImagePreview, { clsPrefix: mergedClsPrefix, ref: "previewInstRef", showToolbar: this.showToolbar }, {
-            default: () => imgWrapperNode
-        }));
+            ] }), this.groupId ? (imgNode) : (h(NImagePreview, { clsPrefix: mergedClsPrefix, ref: "previewInstRef", showToolbar: this.showToolbar }, {
+            default: () => imgNode
+        }))));
     }
 });

package/es/locales/common/deDE.js

@@ -26,6 +26,7 @@ const deDE = {
         monthTypeFormat: 'MM-yyyy',
         dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Löschen',
         now: 'Jetzt',
         confirm: 'Bestätigen',
@@ -36,6 +37,7 @@ const deDE = {
         monthPlaceholder: 'Monat auswählen',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Anfangsdatum',
         endDatePlaceholder: 'Enddatum',
         startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',

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

@@ -26,6 +26,7 @@ declare const enUS: {
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -35,6 +36,7 @@ declare const enUS: {
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/es/locales/common/enUS.js

@@ -26,6 +26,7 @@ const enUS = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Clear',
         now: 'Now',
         confirm: 'Confirm',
@@ -35,6 +36,7 @@ const enUS = {
         datetimePlaceholder: 'Select Date and Time',
         monthPlaceholder: 'Select Month',
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Start Date',
         endDatePlaceholder: 'End Date',
         startDatetimePlaceholder: 'Start Date and Time',

package/es/locales/common/frFR.js

@@ -26,6 +26,7 @@ const frFR = {
         monthTypeFormat: 'MM-yyyy',
         dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Effacer',
         now: 'Maintenant',
         confirm: 'Confirmer',
@@ -35,6 +36,8 @@ const frFR = {
         datetimePlaceholder: "Sélectionner la date et l'heure",
         monthPlaceholder: 'Sélectionner le mois',
         yearPlaceholder: "Sélectionner l'année",
+        // FIXME: translation needed
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Date de début',
         endDatePlaceholder: 'Date de fin',
         startDatetimePlaceholder: 'Date et heure de début',

package/es/locales/common/idID.js

@@ -26,6 +26,7 @@ const idID = {
         monthTypeFormat: 'MM-yyyy',
         dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Bersihkan',
         now: 'Sekarang',
         confirm: 'Setuju',
@@ -36,6 +37,7 @@ const idID = {
         monthPlaceholder: 'Pilih Bulan',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Tanggal Mulai',
         endDatePlaceholder: 'Tanggal Selesai',
         startDatetimePlaceholder: 'Tanggal dan Waktu Mulai',

package/es/locales/common/jaJP.js

@@ -26,6 +26,7 @@ const jaJP = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'クリア',
         now: '現在',
         confirm: 'OK',
@@ -36,6 +37,7 @@ const jaJP = {
         monthPlaceholder: '月を選択',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',

package/es/locales/common/nbNO.js

@@ -26,6 +26,7 @@ const nbNO = {
         monthTypeFormat: 'MM.yyyy',
         dateFormat: 'dd.MM.yyyy',
         dateTimeFormat: 'dd.MM.yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Tøm',
         now: 'Nå',
         confirm: 'Bekreft',
@@ -36,6 +37,7 @@ const nbNO = {
         monthPlaceholder: 'Velg måned',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Startdato',
         endDatePlaceholder: 'Sluttdato',
         startDatetimePlaceholder: 'Startdato og -tid',

package/es/locales/common/ruRU.js

@@ -26,6 +26,7 @@ const ruRu = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Очистить',
         now: 'Сейчас',
         confirm: 'Подтвердить',
@@ -36,6 +37,7 @@ const ruRu = {
         monthPlaceholder: 'Выберите месяц',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Дата начала',
         endDatePlaceholder: 'Дата окончания',
         startDatetimePlaceholder: 'Дата и время начала',

package/es/locales/common/ukUA.js

@@ -26,6 +26,7 @@ const ukUA = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Стерти',
         now: 'Зараз',
         confirm: 'Підтвердити',
@@ -36,6 +37,7 @@ const ukUA = {
         monthPlaceholder: 'Виберіть місяць',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Дата початку',
         endDatePlaceholder: 'Дата завершення',
         startDatetimePlaceholder: 'Дата і час початку',

package/es/locales/common/zhCN.js

@@ -26,6 +26,7 @@ const zhCN = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: '清除',
         now: '此刻',
         confirm: '确认',
@@ -35,6 +36,7 @@ const zhCN = {
         datetimePlaceholder: '选择日期时间',
         monthPlaceholder: '选择月份',
         yearPlaceholder: '选择年份',
+        quarterPlaceholder: '选择季度',
         startDatePlaceholder: '开始日期',
         endDatePlaceholder: '结束日期',
         startDatetimePlaceholder: '开始日期时间',

package/es/locales/common/zhTW.d.ts

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

package/es/locales/common/zhTW.js

@@ -0,0 +1,100 @@
+const zhTW = {
+    name: 'zh-TW',
+    global: {
+        undo: '撤銷',
+        redo: '重做',
+        confirm: '確認'
+    },
+    Popconfirm: {
+        positiveText: '確認',
+        negativeText: '取消'
+    },
+    Cascader: {
+        placeholder: '請選擇',
+        loading: '載入中',
+        loadingRequiredMessage: (label) => `載入全部 ${label} 的子節點後才可選中`
+    },
+    Time: {
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy年',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
+        clear: '清除',
+        now: '此刻',
+        confirm: '確認',
+        selectTime: '選擇時間',
+        selectDate: '選擇日期',
+        datePlaceholder: '選擇日期',
+        datetimePlaceholder: '選擇日期時間',
+        monthPlaceholder: '選擇月份',
+        yearPlaceholder: '選擇年份',
+        quarterPlaceholder: '選擇季度',
+        startDatePlaceholder: '開始日期',
+        endDatePlaceholder: '結束日期',
+        startDatetimePlaceholder: '開始日期時間',
+        endDatetimePlaceholder: '結束日期時間',
+        monthBeforeYear: false,
+        firstDayOfWeek: 0,
+        today: '今天'
+    },
+    DataTable: {
+        checkTableAll: '選擇全部表格資料',
+        uncheckTableAll: '取消選擇全部表格資料',
+        confirm: '確認',
+        clear: '重置'
+    },
+    Transfer: {
+        sourceTitle: '源項',
+        targetTitle: '目標項'
+    },
+    Empty: {
+        description: '無數據'
+    },
+    Select: {
+        placeholder: '請選擇'
+    },
+    TimePicker: {
+        placeholder: '請選擇時間',
+        positiveText: '確認',
+        negativeText: '取消',
+        now: '此刻'
+    },
+    Pagination: {
+        goto: '跳至',
+        selectionSuffix: '頁'
+    },
+    DynamicTags: {
+        add: '添加'
+    },
+    Log: {
+        loading: '載入中'
+    },
+    Input: {
+        placeholder: '請輸入'
+    },
+    InputNumber: {
+        placeholder: '請輸入'
+    },
+    DynamicInput: {
+        create: '添加'
+    },
+    ThemeEditor: {
+        title: '主題編輯器',
+        clearAllVars: '清除全部變數',
+        clearSearch: '清除搜索',
+        filterCompName: '過濾組件名',
+        filterVarName: '過濾變數名',
+        import: '導入',
+        export: '匯出',
+        restore: '恢復默認'
+    }
+};
+export default zhTW;

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

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

package/es/locales/date/zhTW.js

@@ -0,0 +1,6 @@
+import zhTW from 'date-fns/locale/zh-TW';
+const datezhTW = {
+    name: 'zh-TW',
+    locale: zhTW
+};
+export default datezhTW;

package/es/locales/index.d.ts

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -8,6 +9,7 @@ export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';

package/es/locales/index.js

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -8,6 +9,7 @@ export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';

package/es/page-header/src/PageHeader.js

@@ -45,8 +45,8 @@ export default defineComponent({
                 `${mergedClsPrefix}-page-header-wrapper`,
                 this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
             ] },
-            headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumn" }, headerSlot())) : null,
-            h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
+            headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumb" }, headerSlot())) : null,
+            (showBack || avatarSlot || showTitle || showSubtitle || showExtra) && (h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
                 h("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },
                     showBack ? (h("div", { class: `${mergedClsPrefix}-page-header__back`, onClick: onBack },
                         h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
@@ -55,7 +55,7 @@ export default defineComponent({
                     avatarSlot ? (h("div", { class: `${mergedClsPrefix}-page-header__avatar` }, avatarSlot())) : null,
                     showTitle ? (h("div", { class: `${mergedClsPrefix}-page-header__title`, key: "title" }, title || titleSlot())) : null,
                     showSubtitle ? (h("div", { class: `${mergedClsPrefix}-page-header__subtitle`, key: "subtitle" }, subtitle || subtitleSlot())) : null),
-                showExtra ? (h("div", { class: `${mergedClsPrefix}-page-header__extra` }, extra || extraSlot())) : null),
+                showExtra ? (h("div", { class: `${mergedClsPrefix}-page-header__extra` }, extra || extraSlot())) : null)),
             defaultSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-content`, key: "content" }, defaultSlot())) : null,
             footerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-footer`, key: "footer" }, footerSlot())) : null));
     }

package/es/page-header/src/styles/index.cssr.js

@@ -43,9 +43,7 @@ export default c([cB('page-header-header', `
  transition: color .3s var(--bezier);
  color: var(--subtitle-text-color);
  `)]), cB('page-header-content', `
- margin-top: 20px;
  font-size: var(--font-size);
- `), cB('page-header-footer', `
- margin-top: 20px;
+ `, [c('&:not(:first-child)', 'margin-top: 20px;')]), cB('page-header-footer', `
  font-size: var(--font-size);
- `)]);
+ `, [c('&:not(:first-child)', 'margin-top: 20px;')])]);

package/es/popover/src/Popover.js

@@ -119,9 +119,12 @@ export default defineComponent({
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {
-                if (props.minWidth !== undefined) {
+                if (props.maxWidth !== undefined) {
                     warnOnce('popover', '`max-width` is deprecated, please use `style` instead.');
                 }
+                if (props.minWidth !== undefined) {
+                    warnOnce('popover', '`min-width` is deprecated, please use `style` instead.');
+                }
                 if (props.arrow !== undefined) {
                     warnOnce('popover', '`arrow` is deprecated, please use `showArrow` instead.');
                 }

package/es/popover/src/PopoverBody.js

@@ -51,10 +51,10 @@ export default defineComponent({
         const styleRef = computed(() => {
             return [
                 {
-                    width: props.width === 'trigger' ? '' : formatLength(props.width),
-                    maxWidth: formatLength(props.maxWidth),
-                    minWidth: formatLength(props.minWidth)
+                    width: props.width === 'trigger' ? '' : formatLength(props.width)
                 },
+                props.maxWidth ? { maxWidth: formatLength(props.maxWidth) } : {},
+                props.minWidth ? { minWidth: formatLength(props.minWidth) } : {},
                 cssVarsRef.value
             ];
         });

package/es/popselect/src/Popselect.d.ts

@@ -23,11 +23,7 @@ declare const popselectProps: {
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
     renderLabel: PropType<import("../../_internal/select-menu/src/interface").RenderLabel>;
-    onChange: {
-        readonly type: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
         type: PropType<import("vueuc").FollowerPlacement>;
@@ -322,11 +318,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
     renderLabel: PropType<import("../../_internal/select-menu/src/interface").RenderLabel>;
-    onChange: {
-        readonly type: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
         type: PropType<import("vueuc").FollowerPlacement>;
@@ -1108,7 +1100,6 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean;
     duration: number;
-    onChange: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
     to: string | boolean | HTMLElement;
     raw: boolean;
     placement: import("vueuc").FollowerPlacement;

package/es/popselect/src/Popselect.js

@@ -36,7 +36,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedTheme, $attrs } = this;
+        const { mergedTheme, $attrs, $slots } = this;
         const popoverProps = {
             theme: mergedTheme.peers.Popover,
             themeOverrides: mergedTheme.peerOverrides.Popover,
@@ -48,7 +48,7 @@ export default defineComponent({
                 return (h(NPopselectPanel, Object.assign({}, mergeProps($attrs, {
                     class: className,
                     style
-                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave })));
+                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), $slots));
             }
         };
         return (h(NPopover, Object.assign({}, omit(this.$props, panelPropKeys), popoverProps), {