naive-ui 2.21.4 → 2.21.5

package/es/calendar/src/Calendar.d.ts

@@ -1389,6 +1389,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/config-provider/src/ConfigProvider.d.ts

@@ -36,6 +36,10 @@ export declare const configProviderProps: {
             yearFormat: string;
             monthFormat: string;
             dayFormat: string;
+            yearTypeFormat: string;
+            monthTypeFormat: string;
+            dateFormat: string;
+            dateTimeFormat: string;
             clear: string;
             now: string;
             confirm: string;
@@ -156,6 +160,10 @@ declare const _default: import("vue").DefineComponent<{
             yearFormat: string;
             monthFormat: string;
             dayFormat: string;
+            yearTypeFormat: string;
+            monthTypeFormat: string;
+            dateFormat: string;
+            dateTimeFormat: string;
             clear: string;
             now: string;
             confirm: string;
@@ -300,6 +308,10 @@ declare const _default: import("vue").DefineComponent<{
             yearFormat: string;
             monthFormat: string;
             dayFormat: string;
+            yearTypeFormat: string;
+            monthTypeFormat: string;
+            dateFormat: string;
+            dateTimeFormat: string;
             clear: string;
             now: string;
             confirm: string;

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

@@ -1,6 +1,7 @@
 import { PropType, ExtractPropTypes, Ref } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { DatePickerType } from './config';
 import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek } from './interface';
 declare const datePickerProps: {
     readonly to: {
@@ -28,7 +29,7 @@ declare const datePickerProps: {
     readonly value: PropType<Value | null>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly type: {
-        readonly type: PropType<"date" | "datetime" | "month" | "year" | "daterange" | "datetimerange">;
+        readonly type: PropType<DatePickerType>;
         readonly default: "date";
     };
     readonly separator: StringConstructor;
@@ -1917,7 +1918,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: PropType<Value | null>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly type: {
-        readonly type: PropType<"date" | "datetime" | "month" | "year" | "daterange" | "datetimerange">;
+        readonly type: PropType<DatePickerType>;
         readonly default: "date";
     };
     readonly separator: StringConstructor;
@@ -4931,7 +4932,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
 } & {
-    type: "date" | "datetime" | "month" | "year" | "daterange" | "datetimerange";
+    type: DatePickerType;
     placement: FollowerPlacement;
     clearable: boolean;
     defaultValue: Value | null;
@@ -6793,7 +6794,7 @@ declare const _default: import("vue").DefineComponent<{
     isTimeDisabled?: IsTimeDisabled | undefined;
     ranges?: Record<string, [number, number]> | undefined;
 }>, {
-    type: "date" | "datetime" | "month" | "year" | "daterange" | "datetimerange";
+    type: DatePickerType;
     show: boolean | undefined;
     disabled: boolean | undefined;
     onChange: MaybeArray<OnUpdateValue>;

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

@@ -12,7 +12,7 @@ import { warn, call, useAdjustedTo, createKey } from '../../_utils';
 import { datePickerLight } from '../styles';
 import { strictParse } from './utils';
 import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
-import { MONTH_ITEM_HEIGHT, START_YEAR, DATE_FORMAT } from './config';
+import { MONTH_ITEM_HEIGHT, START_YEAR } from './config';
 import { datePickerInjectionKey } from './interface';
 import DatetimePanel from './panel/datetime';
 import DatetimerangePanel from './panel/datetimerange';
@@ -138,7 +138,21 @@ export default defineComponent({
             }
         });
         const mergedFormatRef = computed(() => {
-            return props.format || DATE_FORMAT[props.type];
+            const { format } = props;
+            if (format)
+                return format;
+            switch (props.type) {
+                case 'date':
+                case 'daterange':
+                    return localeRef.value.dateFormat;
+                case 'datetime':
+                case 'datetimerange':
+                    return localeRef.value.dateTimeFormat;
+                case 'year':
+                    return localeRef.value.yearTypeFormat;
+                case 'month':
+                    return localeRef.value.monthTypeFormat;
+            }
         });
         const mergedActionsRef = computed(() => {
             const { actions, type } = props;

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

@@ -1,11 +1,3 @@
 export declare const START_YEAR = 1901;
 export declare const MONTH_ITEM_HEIGHT = 40;
-export declare const DATE_FORMAT: {
-    date: string;
-    datetime: string;
-    daterange: string;
-    datetimerange: string;
-    month: string;
-    year: string;
-};
-export declare type DatePickerType = keyof typeof DATE_FORMAT;
+export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year';

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

@@ -1,11 +1,3 @@
 export const START_YEAR = 1901;
 // TODO: we need to remove it to make height customizable
 export const MONTH_ITEM_HEIGHT = 40;
-export const DATE_FORMAT = {
-    date: 'yyyy-MM-dd',
-    datetime: 'yyyy-MM-dd HH:mm:ss',
-    daterange: 'yyyy-MM-dd',
-    datetimerange: 'yyyy-MM-dd HH:mm:ss',
-    month: 'yyyy-MM',
-    year: 'yyyy'
-};

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

@@ -1070,6 +1070,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/date-picker/src/panel/daterange.d.ts

@@ -1068,6 +1068,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/date-picker/src/panel/datetime.d.ts

@@ -1076,6 +1076,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/date-picker/src/panel/datetimerange.d.ts

@@ -1068,6 +1068,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/date-picker/src/panel/month.d.ts

@@ -1083,6 +1083,10 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

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

@@ -1074,6 +1074,10 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

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

@@ -1072,6 +1072,10 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

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

@@ -1039,6 +1039,10 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/input/src/Input.js

@@ -390,9 +390,11 @@ export default defineComponent({
             doClear(e);
             if (props.pair) {
                 doUpdateValue(['', '']);
+                doChange(['', '']);
             }
             else {
                 doUpdateValue('');
+                doChange('');
             }
         }
         function handleMouseDown(e) {

package/es/input-number/src/InputNumber.js

@@ -309,6 +309,7 @@ export default defineComponent({
             else if (e.code === 'ArrowUp') {
                 if (props.keyboard.ArrowUp === false)
                     return;
+                e.preventDefault();
                 const value = deriveValueFromDisplayedValue();
                 if (value !== false) {
                     doAdd();
@@ -317,6 +318,7 @@ export default defineComponent({
             else if (e.code === 'ArrowDown') {
                 if (props.keyboard.ArrowDown === false)
                     return;
+                e.preventDefault();
                 const value = deriveValueFromDisplayedValue();
                 if (value !== false) {
                     doMinus();

package/es/locales/common/deDE.js

@@ -22,6 +22,10 @@ const deDE = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM-yyyy',
+        dateFormat: 'dd-MM-yyyy',
+        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
         clear: 'Löschen',
         now: 'Jetzt',
         confirm: 'Bestätigen',

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

@@ -22,6 +22,10 @@ declare const enUS: {
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
         clear: string;
         now: string;
         confirm: string;

package/es/locales/common/enUS.js

@@ -12,7 +12,7 @@ const enUS = {
     Cascader: {
         placeholder: 'Please Select',
         loading: 'Loading',
-        loadingRequiredMessage: (label) => `Please load all ${label}'s descedants before checking it.`
+        loadingRequiredMessage: (label) => `Please load all ${label}'s descendants before checking it.`
     },
     Time: {
         dateFormat: 'yyyy-MM-dd',
@@ -22,6 +22,10 @@ const enUS = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
         clear: 'Clear',
         now: 'Now',
         confirm: 'Confirm',

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

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

package/es/locales/common/frFR.js

@@ -0,0 +1,98 @@
+const frFR = {
+    name: 'fr-FR',
+    global: {
+        undo: 'Défaire',
+        redo: 'Refaire',
+        confirm: 'Confirmer'
+    },
+    Popconfirm: {
+        positiveText: 'Confirmer',
+        negativeText: 'Annuler'
+    },
+    Cascader: {
+        placeholder: 'Sélectionner',
+        loading: 'Chargement',
+        loadingRequiredMessage: (label) => `Charger tous les enfants de ${label} avant de le sélectionner`
+    },
+    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',
+        clear: 'Effacer',
+        now: 'Maintenant',
+        confirm: 'Confirmer',
+        selectTime: "Sélectionner l'heure",
+        selectDate: 'Sélectionner la date',
+        datePlaceholder: 'Sélectionner la date',
+        datetimePlaceholder: "Sélectionner la date et l'heure",
+        monthPlaceholder: 'Sélectionner le mois',
+        yearPlaceholder: "Sélectionner l'année",
+        startDatePlaceholder: 'Date de début',
+        endDatePlaceholder: 'Date de fin',
+        startDatetimePlaceholder: 'Date et heure de début',
+        endDatetimePlaceholder: 'Date et heure de fin',
+        monthBeforeYear: true,
+        firstDayOfWeek: 1,
+        today: "Aujourd'hui"
+    },
+    DataTable: {
+        checkTableAll: 'Sélectionner tout',
+        uncheckTableAll: 'Désélectionner tout',
+        confirm: 'Confirmer',
+        clear: 'Effacer'
+    },
+    Transfer: {
+        sourceTitle: 'Source',
+        targetTitle: 'Cible'
+    },
+    Empty: {
+        description: 'Aucune donnée'
+    },
+    Select: {
+        placeholder: 'Sélectionner'
+    },
+    TimePicker: {
+        placeholder: "Sélectionner l'heure",
+        positiveText: 'OK',
+        negativeText: 'Annuler',
+        now: 'Maintenant'
+    },
+    Pagination: {
+        goto: 'Aller à',
+        selectionSuffix: 'page'
+    },
+    DynamicTags: {
+        add: 'Ajouter'
+    },
+    Log: {
+        loading: 'Chargement'
+    },
+    Input: {
+        placeholder: 'Saisir'
+    },
+    InputNumber: {
+        placeholder: 'Saisir'
+    },
+    DynamicInput: {
+        create: 'Créer'
+    },
+    ThemeEditor: {
+        title: 'Editeur de thème',
+        clearAllVars: 'Effacer toutes les variables',
+        clearSearch: 'Effacer la recherche',
+        filterCompName: 'Filtrer par nom de composant',
+        filterVarName: 'Filtrer par nom de variable',
+        import: 'Importer',
+        export: 'Exporter',
+        restore: 'Réinitialiser'
+    }
+};
+export default frFR;

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

@@ -1,95 +1,3 @@
-declare const idID: {
-    name: string;
-    global: {
-        undo: string;
-        redo: string;
-        confirm: string;
-    };
-    Popconfirm: {
-        positiveText: string;
-        negativeText: string;
-    };
-    Cascader: {
-        placeholder: string;
-        loading: string;
-        loadingRequiredMessage: (label: string) => string;
-    };
-    Time: {
-        dateFormat: string;
-        dateTimeFormat: string;
-    };
-    DatePicker: {
-        yearFormat: string;
-        monthFormat: string;
-        dayFormat: string;
-        clear: string;
-        now: string;
-        confirm: string;
-        selectTime: string;
-        selectDate: string;
-        datePlaceholder: string;
-        datetimePlaceholder: string;
-        monthPlaceholder: string;
-        yearPlaceholder: string;
-        startDatePlaceholder: string;
-        endDatePlaceholder: string;
-        startDatetimePlaceholder: string;
-        endDatetimePlaceholder: string;
-        monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
-        today: string;
-    };
-    DataTable: {
-        checkTableAll: string;
-        uncheckTableAll: string;
-        confirm: string;
-        clear: string;
-    };
-    Transfer: {
-        sourceTitle: string;
-        targetTitle: string;
-    };
-    Empty: {
-        description: string;
-    };
-    Select: {
-        placeholder: string;
-    };
-    TimePicker: {
-        placeholder: string;
-        positiveText: string;
-        negativeText: string;
-        now: string;
-    };
-    Pagination: {
-        goto: string;
-        selectionSuffix: string;
-    };
-    DynamicTags: {
-        add: string;
-    };
-    Log: {
-        loading: string;
-    };
-    Input: {
-        placeholder: string;
-    };
-    InputNumber: {
-        placeholder: string;
-    };
-    DynamicInput: {
-        create: string;
-    };
-    ThemeEditor: {
-        title: string;
-        clearAllVars: string;
-        clearSearch: string;
-        filterCompName: string;
-        filterVarName: string;
-        import: string;
-        export: string;
-        restore: string;
-    };
-};
-export declare type NLocale = typeof idID;
+import type { NLocale } from './enUS';
+declare const idID: NLocale;
 export default idID;

package/es/locales/common/idID.js

@@ -22,6 +22,10 @@ const idID = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM-yyyy',
+        dateFormat: 'dd-MM-yyyy',
+        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
         clear: 'Bersihkan',
         now: 'Sekarang',
         confirm: 'Setuju',

package/es/locales/common/jaJP.js

@@ -22,6 +22,10 @@ const jaJP = {
         yearFormat: 'yyyy年',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
         clear: 'クリア',
         now: '現在',
         confirm: 'OK',

package/es/locales/common/nbNO.js

@@ -22,6 +22,10 @@ const nbNO = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MM.yyyy',
+        dateFormat: 'dd.MM.yyyy',
+        dateTimeFormat: 'dd.MM.yyyy HH:mm:ss',
         clear: 'Tøm',
         now: 'Nå',
         confirm: 'Bekreft',

package/es/locales/common/ruRU.js

@@ -22,6 +22,10 @@ const ruRu = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
         clear: 'Очистить',
         now: 'Сейчас',
         confirm: 'Подтвердить',

package/es/locales/common/ukUA.js

@@ -22,6 +22,10 @@ const ukUA = {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
         clear: 'Стерти',
         now: 'Зараз',
         confirm: 'Підтвердити',

package/es/locales/common/zhCN.js

@@ -22,6 +22,10 @@ const zhCN = {
         yearFormat: 'yyyy年',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
         clear: '清除',
         now: '此刻',
         confirm: '确认',

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

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

package/es/locales/date/frFR.js

@@ -0,0 +1,6 @@
+import frFR from 'date-fns/locale/fr';
+const dateFrFR = {
+    name: 'fr-FR',
+    locale: frFR
+};
+export default dateFrFR;

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

@@ -1,8 +1,3 @@
-import type { Locale } from 'date-fns';
-interface NDateLocale {
-    name: string;
-    locale: Locale;
-}
+import { NDateLocale } from './enUS';
 declare const dateIdID: NDateLocale;
-export { NDateLocale };
 export default dateIdID;

package/es/locales/index.d.ts

@@ -6,6 +6,7 @@ export { default as jaJP } from './common/jaJP';
 export { default as idID } from './common/idID';
 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 dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
@@ -14,6 +15,7 @@ export { default as dateJaJP } from './date/jaJP';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateFrFR } from './date/frFR';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
 export type { NPartialLocale } from './utils/index';

package/es/locales/index.js

@@ -6,6 +6,7 @@ export { default as jaJP } from './common/jaJP';
 export { default as idID } from './common/idID';
 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 dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
@@ -14,4 +15,5 @@ export { default as dateJaJP } from './date/jaJP';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateFrFR } from './date/frFR';
 export { createLocale } from './utils/index';

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.21.4";
+declare const _default: "2.21.5";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.21.4';
+export default '2.21.5';