naive-ui 2.21.5 → 2.22.0

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
+exports.getDefaultTime = exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.quarterArray = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
 const date_fns_1 = require("date-fns");
 const config_1 = require("./config");
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
@@ -23,7 +23,8 @@ exports.getDerivedTimeFromKeyboardEvent = getDerivedTimeFromKeyboardEvent;
 const matcherMap = {
     date: date_fns_1.isSameDay,
     month: date_fns_1.isSameMonth,
-    year: date_fns_1.isSameYear
+    year: date_fns_1.isSameYear,
+    quarter: date_fns_1.isSameQuarter
 };
 function matchDate(sourceTime, patternTime, type = 'date') {
     const matcher = matcherMap[type];
@@ -70,7 +71,7 @@ function monthItem(monthTs, valueTs, currentTs) {
             month: (0, date_fns_1.getMonth)(monthTs),
             year: (0, date_fns_1.getYear)(monthTs)
         },
-        isCurrentMonth: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
+        isCurrent: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
         selected: valueTs !== null && matchDate(valueTs, monthTs, 'month'),
         ts: (0, date_fns_1.getTime)(monthTs)
     };
@@ -81,11 +82,23 @@ function yearItem(yearTs, valueTs, currentTs) {
         dateObject: {
             year: (0, date_fns_1.getYear)(yearTs)
         },
-        isCurrentYear: (0, date_fns_1.isSameYear)(currentTs, yearTs),
+        isCurrent: (0, date_fns_1.isSameYear)(currentTs, yearTs),
         selected: valueTs !== null && matchDate(valueTs, yearTs, 'year'),
         ts: (0, date_fns_1.getTime)(yearTs)
     };
 }
+function quarterItem(quarterTs, valueTs, currentTs) {
+    return {
+        type: 'quarter',
+        dateObject: {
+            quarter: (0, date_fns_1.getQuarter)(quarterTs),
+            year: (0, date_fns_1.getYear)(quarterTs)
+        },
+        isCurrent: (0, date_fns_1.isSameQuarter)(currentTs, quarterTs),
+        selected: valueTs !== null && matchDate(valueTs, quarterTs, 'quarter'),
+        ts: (0, date_fns_1.getTime)(quarterTs)
+    };
+}
 /**
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.
@@ -131,6 +144,15 @@ function monthArray(monthTs, valueTs, currentTs) {
     return calendarMonths;
 }
 exports.monthArray = monthArray;
+function quarterArray(quarterTs, valueTs, currentTs) {
+    const calendarQuarters = [];
+    const yearStart = (0, date_fns_1.startOfYear)(quarterTs);
+    for (let i = 0; i < 4; i++) {
+        calendarQuarters.push(quarterItem((0, date_fns_1.getTime)((0, date_fns_1.addQuarters)(yearStart, i)), valueTs, currentTs));
+    }
+    return calendarQuarters;
+}
+exports.quarterArray = quarterArray;
 function yearArray(yearTs, valueTs, currentTs) {
     const calendarYears = [];
     const time1900 = new Date(config_1.START_YEAR, 0, 1);
@@ -153,3 +175,18 @@ function strictParse(string, pattern, backup, option) {
         return new Date(NaN);
 }
 exports.strictParse = strictParse;
+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)
+    };
+}
+exports.getDefaultTime = getDefaultTime;

package/lib/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/lib/date-picker/styles/_common.js

@@ -21,10 +21,12 @@ exports.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/lib/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/lib/image/src/Image.js

@@ -74,19 +74,15 @@ exports.default = (0, vue_1.defineComponent)({
             } }, exposedMethods);
     },
     render() {
-        const { mergedClsPrefix, imgProps = {} } = this;
-        const imgWrapperNode = (0, vue_1.h)('div', (0, vue_1.mergeProps)(this.$attrs, {
-            role: 'none',
-            class: [
+        const { mergedClsPrefix, imgProps = {}, $attrs } = this;
+        const imgNode = ((0, vue_1.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 ((0, vue_1.h)("div", Object.assign({}, $attrs, { role: "none", class: [
+                $attrs.class,
                 `${mergedClsPrefix}-image`,
                 (this.previewDisabled || this.showError) &&
                     `${mergedClsPrefix}-image--preview-disabled`
-            ]
-        }), [
-            (0, vue_1.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) : ((0, vue_1.h)(ImagePreview_1.default, { clsPrefix: mergedClsPrefix, ref: "previewInstRef", showToolbar: this.showToolbar }, {
-            default: () => imgWrapperNode
-        }));
+            ] }), this.groupId ? (imgNode) : ((0, vue_1.h)(ImagePreview_1.default, { clsPrefix: mergedClsPrefix, ref: "previewInstRef", showToolbar: this.showToolbar }, {
+            default: () => imgNode
+        }))));
     }
 });

package/lib/locales/common/deDE.js

@@ -28,6 +28,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',
@@ -38,6 +39,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/lib/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/lib/locales/common/enUS.js

@@ -28,6 +28,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',
@@ -37,6 +38,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/lib/locales/common/frFR.js

@@ -28,6 +28,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',
@@ -37,6 +38,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/lib/locales/common/idID.js

@@ -28,6 +28,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',
@@ -38,6 +39,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/lib/locales/common/jaJP.js

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

package/lib/locales/common/nbNO.js

@@ -28,6 +28,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',
@@ -38,6 +39,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/lib/locales/common/ruRU.js

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

package/lib/locales/common/ukUA.js

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

package/lib/locales/common/zhCN.js

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

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

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

package/lib/locales/common/zhTW.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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: '恢復默認'
+    }
+};
+exports.default = zhTW;

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

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

package/lib/locales/date/zhTW.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const zh_TW_1 = __importDefault(require("date-fns/locale/zh-TW"));
+const datezhTW = {
+    name: 'zh-TW',
+    locale: zh_TW_1.default
+};
+exports.default = datezhTW;

package/lib/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/lib/locales/index.js

@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLocale = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
+exports.createLocale = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
 var zhCN_1 = require("./common/zhCN");
 Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
+var zhTW_1 = require("./common/zhTW");
+Object.defineProperty(exports, "zhTW", { enumerable: true, get: function () { return __importDefault(zhTW_1).default; } });
 var enUS_1 = require("./common/enUS");
 Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return __importDefault(enUS_1).default; } });
 var ruRU_1 = require("./common/ruRU");
@@ -24,6 +26,8 @@ var frFR_1 = require("./common/frFR");
 Object.defineProperty(exports, "frFR", { enumerable: true, get: function () { return __importDefault(frFR_1).default; } });
 var zhCN_2 = require("./date/zhCN");
 Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
+var zhTW_2 = require("./date/zhTW");
+Object.defineProperty(exports, "dateZhTW", { enumerable: true, get: function () { return __importDefault(zhTW_2).default; } });
 var enUS_2 = require("./date/enUS");
 Object.defineProperty(exports, "dateEnUS", { enumerable: true, get: function () { return __importDefault(enUS_2).default; } });
 var ruRU_2 = require("./date/ruRU");

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

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

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

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

package/lib/popover/src/Popover.js

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

package/lib/popover/src/PopoverBody.js

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

package/lib/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/lib/popselect/src/Popselect.js

@@ -57,7 +57,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedTheme, $attrs } = this;
+        const { mergedTheme, $attrs, $slots } = this;
         const popoverProps = {
             theme: mergedTheme.peers.Popover,
             themeOverrides: mergedTheme.peerOverrides.Popover,
@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, (0, vue_1.mergeProps)($attrs, {
                     class: className,
                     style
-                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave })));
+                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), $slots));
             }
         };
         return ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, (0, _utils_1.omit)(this.$props, PopselectPanel_1.panelPropKeys), popoverProps), {