naive-ui 2.30.6 → 2.30.7

package/es/date-picker/src/panel/use-dual-calendar.js

@@ -1,6 +1,6 @@
 import { inject, computed, watch, ref } from 'vue';
-import { addMonths, format, getYear, getMonth, startOfMonth, isValid, startOfSecond, startOfDay, set, getDate, getTime } from 'date-fns/esm';
-import { dateArray, strictParse, yearArray, monthArray, getDefaultTime, pluckValueFromRange } from '../utils';
+import { addMonths, format, getYear, getMonth, startOfMonth, isValid, startOfSecond, startOfDay, set, getDate, getTime, startOfQuarter } from 'date-fns/esm';
+import { dateArray, strictParse, yearArray, monthArray, getDefaultTime, pluckValueFromRange, quarterArray } from '../utils';
 import { usePanelCommon, usePanelCommonProps } from './use-panel-common';
 import { datePickerInjectionKey } from '../interface';
 import { MONTH_ITEM_HEIGHT, START_YEAR } from '../config';
@@ -113,6 +113,14 @@ function useDualCalendar(props, type) {
     const endYearArrayRef = computed(() => {
         return yearArray(pluckValueFromRange(props.value, 'end'), nowRef.value);
     });
+    const startQuarterArrayRef = computed(() => {
+        const startValue = pluckValueFromRange(props.value, 'start');
+        return quarterArray(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value);
+    });
+    const endQuarterArrayRef = computed(() => {
+        const endValue = pluckValueFromRange(props.value, 'end');
+        return quarterArray(endValue !== null && endValue !== void 0 ? endValue : Date.now(), endValue, nowRef.value);
+    });
     const startMonthArrayRef = computed(() => {
         const startValue = pluckValueFromRange(props.value, 'start');
         return monthArray(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value);
@@ -541,11 +549,17 @@ function useDualCalendar(props, type) {
     function handleColItemClick(dateItem, clickType) {
         const { value } = props;
         const noCurrentValue = !Array.isArray(value);
-        const itemTs = dateItem.type === 'year'
+        const itemTs = dateItem.type === 'year' && type !== 'yearrange'
             ? noCurrentValue
-                ? set(dateItem.ts, { month: getMonth(new Date()) }).valueOf()
+                ? set(dateItem.ts, {
+                    month: getMonth(type === 'quarterrange'
+                        ? startOfQuarter(new Date())
+                        : new Date())
+                }).valueOf()
                 : set(dateItem.ts, {
-                    month: getMonth(value[clickType === 'start' ? 0 : 1])
+                    month: getMonth(type === 'quarterrange'
+                        ? startOfQuarter(value[clickType === 'start' ? 0 : 1])
+                        : value[clickType === 'start' ? 0 : 1])
                 }).valueOf()
             : dateItem.ts;
         if (noCurrentValue) {
@@ -554,6 +568,7 @@ function useDualCalendar(props, type) {
             panelCommon.doUpdateValue(nextValue, props.panel);
             justifyColumnsScrollState(nextValue, 'start');
             justifyColumnsScrollState(nextValue, 'end');
+            panelCommon.disableTransitionOneTick();
             return;
         }
         const nextValue = [value[0], value[1]];
@@ -575,6 +590,7 @@ function useDualCalendar(props, type) {
         panelCommon.doUpdateValue(nextValue, props.panel);
         switch (type) {
             case 'monthrange':
+            case 'quarterrange':
                 panelCommon.disableTransitionOneTick();
                 if (otherPartsChanged) {
                     justifyColumnsScrollState(nextValue, 'start');
@@ -584,6 +600,10 @@ function useDualCalendar(props, type) {
                     justifyColumnsScrollState(nextValue, clickType);
                 }
                 break;
+            case 'yearrange':
+                panelCommon.disableTransitionOneTick();
+                justifyColumnsScrollState(nextValue, 'start');
+                justifyColumnsScrollState(nextValue, 'end');
         }
     }
     function handleStartYearVlScroll() {
@@ -636,7 +656,7 @@ function useDualCalendar(props, type) {
         endCalendarNextMonth,
         endCalendarNextYear,
         mergedIsDateDisabled,
-        changeStartEndTime, ranges: rangesRef, startCalendarMonth: startCalendarMonthRef, startCalendarYear: startCalendarYearRef, endCalendarMonth: endCalendarMonthRef, endCalendarYear: endCalendarYearRef, weekdays: weekdaysRef, startDateArray: startDateArrayRef, endDateArray: endDateArrayRef, startYearArray: startYearArrayRef, startMonthArray: startMonthArrayRef, endYearArray: endYearArrayRef, endMonthArray: endMonthArrayRef, isSelecting: isSelectingRef, handleRangeShortcutMouseenter,
+        changeStartEndTime, ranges: rangesRef, startCalendarMonth: startCalendarMonthRef, startCalendarYear: startCalendarYearRef, endCalendarMonth: endCalendarMonthRef, endCalendarYear: endCalendarYearRef, weekdays: weekdaysRef, startDateArray: startDateArrayRef, endDateArray: endDateArrayRef, startYearArray: startYearArrayRef, startMonthArray: startMonthArrayRef, startQuarterArray: startQuarterArrayRef, endYearArray: endYearArrayRef, endMonthArray: endMonthArrayRef, endQuarterArray: endQuarterArrayRef, isSelecting: isSelectingRef, handleRangeShortcutMouseenter,
         handleRangeShortcutClick }, panelCommon), validation), childComponentRefs), { 
         // datetimerangeonly
         startDateDisplayString: startDateInput, endDateInput: endDateInputRef, timePickerSize: panelCommon.timePickerSize, startTimeValue: startTimeValueRef, endTimeValue: endTimeValueRef, datePickerSlots, shortcuts: shortcutsRef, startCalendarDateTime: startCalendarDateTimeRef, endCalendarDateTime: endCalendarDateTimeRef, justifyColumnsScrollState, handleFocusDetectorFocus: panelCommon.handleFocusDetectorFocus, handleStartTimePickerChange,

package/es/date-picker/src/panel/use-panel-common.d.ts

@@ -183,6 +183,8 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -191,6 +193,8 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {

package/es/date-picker/src/utils.d.ts

@@ -51,7 +51,7 @@ export interface QuarterItem {
  */
 declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
 declare function monthArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): MonthItem[];
-declare function quarterArray(quarterTs: number, valueTs: number | null, currentTs: number): QuarterItem[];
+declare function quarterArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): QuarterItem[];
 declare function yearArray(valueTs: number | null, currentTs: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: NDateLocale['locale'];

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

@@ -145,9 +145,9 @@ function monthArray(yearAnchorTs, valueTs, currentTs) {
     }
     return calendarMonths;
 }
-function quarterArray(quarterTs, valueTs, currentTs) {
+function quarterArray(yearAnchorTs, valueTs, currentTs) {
     const calendarQuarters = [];
-    const yearStart = startOfYear(quarterTs);
+    const yearStart = startOfYear(yearAnchorTs);
     for (let i = 0; i < 4; i++) {
         calendarQuarters.push(quarterItem(getTime(addQuarters(yearStart, i)), valueTs, currentTs));
     }

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

@@ -20,6 +20,8 @@ declare const _default: {
     calendarLeftPaddingYear: string;
     calendarLeftPaddingQuarter: string;
     calendarLeftPaddingMonthrange: string;
+    calendarLeftPaddingQuarterrange: string;
+    calendarLeftPaddingYearrange: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
@@ -28,5 +30,7 @@ declare const _default: {
     calendarRightPaddingYear: string;
     calendarRightPaddingQuarter: string;
     calendarRightPaddingMonthrange: string;
+    calendarRightPaddingQuarterrange: string;
+    calendarRightPaddingYearrange: string;
 };
 export default _default;

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

@@ -21,6 +21,8 @@ export default {
     calendarLeftPaddingYear: '0',
     calendarLeftPaddingQuarter: '0',
     calendarLeftPaddingMonthrange: '0',
+    calendarLeftPaddingQuarterrange: '0',
+    calendarLeftPaddingYearrange: '0',
     calendarRightPaddingDate: '6px 12px 4px 12px',
     calendarRightPaddingDatetime: '4px 12px',
     calendarRightPaddingDaterange: '6px 12px 4px 12px',
@@ -28,5 +30,7 @@ export default {
     calendarRightPaddingMonth: '0',
     calendarRightPaddingYear: '0',
     calendarRightPaddingQuarter: '0',
-    calendarRightPaddingMonthrange: '0'
+    calendarRightPaddingMonthrange: '0',
+    calendarRightPaddingQuarterrange: '0',
+    calendarRightPaddingYearrange: '0'
 };

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

@@ -49,6 +49,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     calendarLeftPaddingYear: string;
     calendarLeftPaddingQuarter: string;
     calendarLeftPaddingMonthrange: string;
+    calendarLeftPaddingQuarterrange: string;
+    calendarLeftPaddingYearrange: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
@@ -57,6 +59,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     calendarRightPaddingYear: string;
     calendarRightPaddingQuarter: string;
     calendarRightPaddingMonthrange: string;
+    calendarRightPaddingQuarterrange: string;
+    calendarRightPaddingYearrange: string;
 };
 export declare type DatePickerThemeVars = ReturnType<typeof self>;
 declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
@@ -109,6 +113,8 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     calendarLeftPaddingYear: string;
     calendarLeftPaddingQuarter: string;
     calendarLeftPaddingMonthrange: string;
+    calendarLeftPaddingQuarterrange: string;
+    calendarLeftPaddingYearrange: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
@@ -117,6 +123,8 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     calendarRightPaddingYear: string;
     calendarRightPaddingQuarter: string;
     calendarRightPaddingMonthrange: string;
+    calendarRightPaddingQuarterrange: string;
+    calendarRightPaddingYearrange: string;
 }, {
     Input: import("../../_mixins").Theme<"Input", {
         countTextColor: string;

package/es/drawer/src/DrawerBodyWrapper.js

@@ -38,7 +38,7 @@ export default defineComponent({
             default: true
         },
         showMask: {
-            type: Boolean,
+            type: [Boolean, String],
             required: true
         },
         onClickoutside: Function,

package/es/grid/src/Grid.js

@@ -135,7 +135,7 @@ export default defineComponent({
                         clonedNode.props.privateShow = false;
                     }
                     else {
-                        clonedNode.props = { pirvateShow: false };
+                        clonedNode.props = { privateShow: false };
                     }
                     childrenAndRawSpan.push({
                         child: clonedNode,

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

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

package/es/locales/common/viVN.js

@@ -0,0 +1,113 @@
+const viVN = {
+    name: 'vi-VN',
+    global: {
+        undo: 'Hoàn tác',
+        redo: 'Làm lại',
+        confirm: 'Xác nhận'
+    },
+    Popconfirm: {
+        positiveText: 'Xác nhận',
+        negativeText: 'Hủy'
+    },
+    Cascader: {
+        placeholder: 'Vui lòng chọn',
+        loading: 'Đang tải',
+        loadingRequiredMessage: (label) => `Vui lòng tải tất cả thông tin con của ${label} trước.`
+    },
+    Time: {
+        dateFormat: '',
+        dateTimeFormat: 'HH:mm:ss dd-MM-yyyy'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM-yyyy',
+        dateFormat: 'đ-MM-yyyy',
+        dateTimeFormat: 'HH:mm:ss dd-MM-yyyy',
+        quarterFormat: 'qqq-yyyy',
+        clear: 'Xóa',
+        now: 'Hôm nay',
+        confirm: 'Xác nhận',
+        selectTime: 'Chọn giờ',
+        selectDate: 'Chọn ngày',
+        datePlaceholder: 'Chọn ngày',
+        datetimePlaceholder: 'Chọn ngày giờ',
+        monthPlaceholder: 'Chọn tháng',
+        yearPlaceholder: 'Chọn năm',
+        quarterPlaceholder: 'Chọn quý',
+        startDatePlaceholder: 'Ngày bắt đầu',
+        endDatePlaceholder: 'Ngày kết thúc',
+        startDatetimePlaceholder: 'Thời gian bắt đầu',
+        endDatetimePlaceholder: 'Thời gian kết thúc',
+        startMonthPlaceholder: 'Tháng bắt đầu',
+        endMonthPlaceholder: 'Tháng kết thúc',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'Hôm nay'
+    },
+    DataTable: {
+        checkTableAll: 'Chọn tất cả có trong bảng',
+        uncheckTableAll: 'Bỏ chọn tất cả có trong bảng',
+        confirm: 'Xác nhận',
+        clear: 'Xóa'
+    },
+    Transfer: {
+        sourceTitle: 'Nguồn',
+        targetTitle: 'Đích'
+    },
+    Empty: {
+        description: 'Không có dữ liệu'
+    },
+    Select: {
+        placeholder: 'Vui lòng chọn'
+    },
+    TimePicker: {
+        placeholder: 'Chọn thời gian',
+        positiveText: 'OK',
+        negativeText: 'Hủy',
+        now: 'Hiện tại'
+    },
+    Pagination: {
+        goto: 'Đi đến trang',
+        selectionSuffix: 'trang'
+    },
+    DynamicTags: {
+        add: 'Thêm'
+    },
+    Log: {
+        loading: 'Đang tải'
+    },
+    Input: {
+        placeholder: 'Vui lòng nhập'
+    },
+    InputNumber: {
+        placeholder: 'Vui lòng nhập'
+    },
+    DynamicInput: {
+        create: 'Tạo'
+    },
+    ThemeEditor: {
+        title: 'Tùy chỉnh giao diện',
+        clearAllVars: 'Xóa tất cả các biến',
+        clearSearch: 'Xóa tìm kiếm',
+        filterCompName: 'Lọc tên component',
+        filterVarName: 'Lọc tên biến',
+        import: 'Nhập',
+        export: 'Xuất',
+        restore: 'Đặt lại mặc định'
+    },
+    Image: {
+        tipPrevious: 'Hình trước (←)',
+        tipNext: 'Hình tiếp (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Chiều kim đồng hồ',
+        tipZoomOut: 'Thu nhỏ',
+        tipZoomIn: 'Phóng to',
+        tipClose: 'Đóng (Esc)',
+        // TODO: translation
+        tipOriginalSize: 'Xem kích thớc gốc'
+    }
+};
+export default viVN;

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

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

package/es/locales/date/viVN.js

@@ -0,0 +1,6 @@
+import viVN from 'date-fns/esm/locale/vi';
+const dateVi = {
+    name: 'vi-VN',
+    locale: viVN
+};
+export default dateVi;

package/es/locales/index.d.ts

@@ -18,6 +18,7 @@ export { default as plPL } from './common/plPL';
 export { default as ptBR } from './common/ptBR';
 export { default as thTH } from './common/thTH';
 export { default as eo } from './common/eo';
+export { default as viVN } from './common/viVN';
 export { default as dateZhCN } from './date/zhCN';
 export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
@@ -38,6 +39,7 @@ export { default as datePlPL } from './date/plPL';
 export { default as datePtBR } from './date/ptBR';
 export { default as dateThTH } from './date/thTH';
 export { default as dateEo } from './date/eo';
+export { default as dateViVN } from './date/viVN';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
 export type { NPartialLocale } from './utils/index';

package/es/locales/index.js

@@ -18,6 +18,7 @@ export { default as plPL } from './common/plPL';
 export { default as ptBR } from './common/ptBR';
 export { default as thTH } from './common/thTH';
 export { default as eo } from './common/eo';
+export { default as viVN } from './common/viVN';
 export { default as dateZhCN } from './date/zhCN';
 export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
@@ -38,4 +39,5 @@ export { default as datePlPL } from './date/plPL';
 export { default as datePtBR } from './date/ptBR';
 export { default as dateThTH } from './date/thTH';
 export { default as dateEo } from './date/eo';
+export { default as dateViVN } from './date/viVN';
 export { createLocale } from './utils/index';

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

@@ -37,6 +37,7 @@ export default c([cB('modal-container', `
  display: flex;
  position: relative;
  `)]), cB('modal', `
+ position: relative;
  align-self: center;
  color: var(--n-text-color);
  margin: auto;

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

@@ -72,6 +72,9 @@ export declare const Notification: import("vue").DefineComponent<{
         '--n-padding-right': string;
         '--n-padding-top': string;
         '--n-padding-bottom': string;
+        '--n-title-font-size': string;
+        '--n-meta-font-size': string;
+        '--n-description-font-size': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;

package/es/notification/src/Notification.js

@@ -43,7 +43,7 @@ export const Notification = defineComponent({
         const { inlineThemeDisabled } = useConfig();
         const cssVarsRef = computed(() => {
             const { type } = props;
-            const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
+            const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, titleFontSize, metaFontSize, descriptionFontSize, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
             const { left, right, top, bottom } = getPadding(padding);
             return {
                 '--n-color': color,
@@ -73,7 +73,10 @@ export const Notification = defineComponent({
                 '--n-padding-left': left,
                 '--n-padding-right': right,
                 '--n-padding-top': top,
-                '--n-padding-bottom': bottom
+                '--n-padding-bottom': bottom,
+                '--n-title-font-size': titleFontSize,
+                '--n-meta-font-size': metaFontSize,
+                '--n-description-font-size': descriptionFontSize
             };
         });
         const themeClassHandle = inlineThemeDisabled

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

@@ -144,6 +144,9 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             closeIconSize: string;
             width: string;
             padding: string;
+            titleFontSize: string;
+            metaFontSize: string;
+            descriptionFontSize: string;
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {

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

@@ -75,6 +75,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -108,6 +111,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -141,6 +147,9 @@ declare const notificationProviderProps: {
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -188,6 +197,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -221,6 +233,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -254,6 +269,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -333,6 +351,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -366,6 +387,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -399,6 +423,9 @@ declare const _default: import("vue").DefineComponent<{
         closeIconSize: string;
         width: string;
         padding: string;
+        titleFontSize: string;
+        metaFontSize: string;
+        descriptionFontSize: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;

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

@@ -5,6 +5,9 @@ import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-action-text-color
 // --n-title-text-color
 // --n-title-font-weight
+// --n-title-font-size
+// --n-meta-font-size
+// --n-description-font-size
 // --n-bezier
 // --n-bezier-ease-out
 // --n-bezier-ease-in
@@ -185,7 +188,7 @@ export default c([cB('notification-container', `
  justify-content: space-between;
  margin-top: 12px;
  `, [cE('meta', `
- font-size: 12px;
+ font-size: var(--n-meta-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-description-text-color);
  `), cE('action', `
@@ -194,12 +197,12 @@ export default c([cB('notification-container', `
  color: var(--n-action-text-color);
  `)]), cE('header', `
  font-weight: var(--n-title-font-weight);
- font-size: 16px;
+ font-size: var(--n-title-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-title-text-color);
  `), cE('description', `
  margin-top: 8px;
- font-size: 12px;
+ font-size: var(--n-description-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-description-text-color);
  `), cE('content', `

package/es/notification/styles/_common.d.ts

@@ -4,5 +4,8 @@ declare const _default: {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 };
 export default _default;

package/es/notification/styles/_common.js

@@ -3,5 +3,8 @@ export default {
     closeSize: '20px',
     closeIconSize: '16px',
     width: '365px',
-    padding: '16px'
+    padding: '16px',
+    titleFontSize: '16px',
+    metaFontSize: '12px',
+    descriptionFontSize: '12px'
 };

package/es/notification/styles/light.d.ts

@@ -26,6 +26,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 };
 export declare type NotificationThemeVars = ReturnType<typeof self>;
 declare const notificationLight: import("../../_mixins").Theme<"Notification", {
@@ -55,6 +58,9 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     closeIconSize: string;
     width: string;
     padding: string;
+    titleFontSize: string;
+    metaFontSize: string;
+    descriptionFontSize: string;
 }, {
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
         color: string;

package/es/select/index.d.ts

@@ -1,5 +1,5 @@
 export { default as NSelect } from './src/Select';
 export type { SelectProps } from './src/Select';
-export type { SelectGroupOption, SelectOption, SelectInst } from './src/interface';
+export type { SelectGroupOption, SelectOption, SelectInst, SelectFilter } from './src/interface';
 export type { RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';
 export type { RenderTag as SelectRenderTag } from '../_internal/selection/src/interface';

package/es/select/src/Select.d.ts

@@ -5,7 +5,7 @@ import { RenderLabel, RenderOption } from '../../_internal/select-menu/src/inter
 import { RenderTag } from '../../_internal/selection/src/interface';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption } from './interface';
+import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
 declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -40,7 +40,7 @@ declare const selectProps: {
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
@@ -527,7 +527,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
@@ -1350,7 +1350,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly remote: BooleanConstructor;
     readonly loading: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, option: SelectOption) => boolean>;
+    readonly filter: PropType<SelectFilter>;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";