naive-ui 2.21.3 → 2.21.4

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

@@ -1397,6 +1397,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -44,6 +44,7 @@ export declare const configProviderProps: {
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -163,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -306,6 +308,7 @@ declare const _default: import("vue").DefineComponent<{
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;

package/es/data-table/src/DataTable.js

@@ -292,9 +292,8 @@ export default defineComponent({
                 h(MainTable, { ref: "mainTableInstRef" }, {
                     default: () => this.paginatedData.length === 0 ? (h("div", { class: [
                             `${mergedClsPrefix}-data-table-empty`,
-                            {
-                                [`${mergedClsPrefix}-data-table-empty--hide`]: this.loading
-                            }
+                            this.loading &&
+                                `${mergedClsPrefix}-data-table-empty--hide`
                         ] }, renderSlot(this.$slots, 'empty', undefined, () => [
                         h(NEmpty, { theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
                     ]))) : null

package/es/data-table/src/use-table-data.js

@@ -18,6 +18,7 @@ export function useTableData(props, { dataRelatedColsRef }) {
     const treeMateRef = computed(() => {
         const { childrenKey } = props;
         return createTreeMate(props.data, {
+            ignoreEmptyChildren: true,
             getKey: props.rowKey,
             getChildren: (rowData) => rowData[childrenKey],
             getDisabled: (rowData) => {

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

@@ -3821,7 +3821,7 @@ declare const _default: import("vue").DefineComponent<{
     localizedEndPlaceholder: import("vue").ComputedRef<string>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
-    localizedPlacehoder: import("vue").ComputedRef<string | undefined>;
+    localizedPlacehoder: import("vue").ComputedRef<string>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
     isStartValueInvalid: import("vue").ComputedRef<boolean>;
     isEndValueInvalid: import("vue").ComputedRef<boolean>;

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

@@ -89,20 +89,24 @@ export default defineComponent({
             return ['daterange', 'datetimerange'].includes(props.type);
         });
         const localizedPlacehoderRef = computed(() => {
-            if (props.placeholder === undefined) {
-                if (props.type === 'date') {
-                    return localeRef.value.datePlaceholder;
-                }
-                else if (props.type === 'datetime') {
-                    return localeRef.value.datetimePlaceholder;
-                }
-                else if (props.type === 'month') {
-                    return localeRef.value.monthPlaceholder;
+            const { placeholder } = props;
+            if (placeholder === undefined) {
+                const { type } = props;
+                switch (type) {
+                    case 'date':
+                        return localeRef.value.datePlaceholder;
+                    case 'datetime':
+                        return localeRef.value.datetimePlaceholder;
+                    case 'month':
+                        return localeRef.value.monthPlaceholder;
+                    case 'year':
+                        return localeRef.value.yearPlaceholder;
+                    default:
+                        return '';
                 }
-                return props.placeholder;
             }
             else {
-                return props.placeholder;
+                return placeholder;
             }
         });
         const localizedStartPlaceholderRef = computed(() => {

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

@@ -1078,6 +1078,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1076,6 +1076,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1084,6 +1084,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1076,6 +1076,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1091,6 +1091,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1082,6 +1082,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1080,6 +1080,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1047,6 +1047,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/es/element/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NElement } from './src/Element';
+export { default as NEl } from './src/Element';
 export type { ElementProps } from './src/Element';

package/es/element/index.js

@@ -1 +1,2 @@
 export { default as NElement } from './src/Element';
+export { default as NEl } from './src/Element';

package/es/form/src/interface.d.ts

@@ -8,6 +8,7 @@ export declare type FormItemRuleValidatorParams = Parameters<NonNullable<RuleIte
 export declare type FormItemRuleValidator = (...args: FormItemRuleValidatorParams) => boolean | Error | Error[] | Promise<void> | undefined;
 export declare type FormItemRuleAsyncValidator = (...args: FormItemRuleValidatorParams) => Promise<void> | undefined;
 export declare type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'> & {
+    key?: string;
     trigger?: ValidationTrigger | string | Array<ValidationTrigger | string>;
     validator?: FormItemRuleValidator;
     asyncValidator?: FormItemRuleAsyncValidator;
@@ -15,10 +16,10 @@ export declare type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'
 export interface FormItemValidateOptions {
     trigger?: ValidationTrigger | string;
     callback?: ValidateCallback;
-    shouldRuleBeApplied?: ApplyRule;
+    shouldRuleBeApplied?: ShouldRuleBeApplied;
     options?: ValidateOption;
 }
-export declare type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ApplyRule, options?: ValidateOption) => Promise<{
+export declare type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<{
     valid: boolean;
     errors?: ValidateError[];
 }>;
@@ -38,10 +39,10 @@ export declare type LabelAlign = 'left' | 'center' | 'right';
 export declare type LabelPlacement = 'left' | 'top';
 export declare type Size = 'small' | 'medium' | 'large';
 export declare type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
-export declare type ApplyRule = (rule: FormItemRule) => boolean;
+export declare type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
 export declare type ValidateCallback = (errors?: ValidateError[]) => void;
 export declare type FormValidateCallback = (errors?: ValidateError[][]) => void;
-export declare type FormValidate = ((callback?: FormValidateCallback) => void) & (() => Promise<void>);
+export declare type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
 export declare type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;

package/es/locales/common/deDE.js

@@ -30,6 +30,8 @@ const deDE = {
         datePlaceholder: 'Datum auswählen',
         datetimePlaceholder: 'Datum und Uhrzeit auswählen',
         monthPlaceholder: 'Monat auswählen',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Anfangsdatum',
         endDatePlaceholder: 'Enddatum',
         startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',

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

@@ -30,6 +30,7 @@ declare const enUS: {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/es/locales/common/enUS.js

@@ -30,6 +30,7 @@ const enUS = {
         datePlaceholder: 'Select Date',
         datetimePlaceholder: 'Select Date and Time',
         monthPlaceholder: 'Select Month',
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Start Date',
         endDatePlaceholder: 'End Date',
         startDatetimePlaceholder: 'Start Date and Time',

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

@@ -30,6 +30,7 @@ declare const idID: {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/es/locales/common/idID.js

@@ -30,6 +30,8 @@ const idID = {
         datePlaceholder: 'Pilih Tanggal',
         datetimePlaceholder: 'Pilih Tanggal dan Waktu',
         monthPlaceholder: 'Pilih Bulan',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Tanggal Mulai',
         endDatePlaceholder: 'Tanggal Selesai',
         startDatetimePlaceholder: 'Tanggal dan Waktu Mulai',

package/es/locales/common/jaJP.js

@@ -30,6 +30,8 @@ const jaJP = {
         datePlaceholder: '日付を選択',
         datetimePlaceholder: '選択',
         monthPlaceholder: '月を選択',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',

package/es/locales/common/nbNO.js

@@ -30,6 +30,8 @@ const nbNO = {
         datePlaceholder: 'Velg dato',
         datetimePlaceholder: 'Velg dato og tid',
         monthPlaceholder: 'Velg måned',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Startdato',
         endDatePlaceholder: 'Sluttdato',
         startDatetimePlaceholder: 'Startdato og -tid',

package/es/locales/common/ruRU.js

@@ -30,6 +30,8 @@ const ruRu = {
         datePlaceholder: 'Выбрать дату',
         datetimePlaceholder: 'Выбрать дату и время',
         monthPlaceholder: 'Выберите месяц',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Дата начала',
         endDatePlaceholder: 'Дата окончания',
         startDatetimePlaceholder: 'Дата и время начала',

package/es/locales/common/ukUA.js

@@ -30,6 +30,8 @@ const ukUA = {
         datePlaceholder: 'Обрати дату',
         datetimePlaceholder: 'Обрати дату і час',
         monthPlaceholder: 'Виберіть місяць',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Дата початку',
         endDatePlaceholder: 'Дата завершення',
         startDatetimePlaceholder: 'Дата і час початку',

package/es/locales/common/zhCN.js

@@ -30,6 +30,7 @@ const zhCN = {
         datePlaceholder: '选择日期',
         datetimePlaceholder: '选择日期时间',
         monthPlaceholder: '选择月份',
+        yearPlaceholder: '选择年份',
         startDatePlaceholder: '开始日期',
         endDatePlaceholder: '结束日期',
         startDatetimePlaceholder: '开始日期时间',

package/es/upload/src/Upload.d.ts

@@ -68,6 +68,10 @@ declare const uploadProps: {
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly showTrigger: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -872,6 +876,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly showTrigger: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -2014,6 +2022,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly createThumbnailUrl?: unknown;
     readonly abstract?: unknown;
     readonly max?: unknown;
+    readonly showTrigger?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -2022,6 +2031,7 @@ declare const _default: import("vue").DefineComponent<{
     abstract: boolean;
     name: string;
     multiple: boolean;
+    showTrigger: boolean;
     listType: listType;
     showCancelButton: boolean;
     showRemoveButton: boolean;
@@ -2792,6 +2802,7 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     multiple: boolean;
     disabled: boolean | undefined;
+    showTrigger: boolean;
     listType: listType;
     showCancelButton: boolean;
     showRemoveButton: boolean;

package/es/upload/src/Upload.js

@@ -25,19 +25,33 @@ import NUploadFileList from './UploadFileList';
 function createXhrHandlers(inst, file, XHR) {
     const { doChange, XhrMap } = inst;
     let percentage = 0;
+    function handleXHRError(e) {
+        const fileAfterChange = Object.assign({}, file, {
+            status: 'error',
+            percentage
+        });
+        XhrMap.delete(file.id);
+        doChange(fileAfterChange, e);
+    }
+    function handleXHRLoad(e) {
+        var _a;
+        if (XHR.status !== 200) {
+            handleXHRError(e);
+            return;
+        }
+        let fileAfterChange = Object.assign({}, file, {
+            status: 'finished',
+            percentage,
+            file: null
+        });
+        XhrMap.delete(file.id);
+        fileAfterChange =
+            ((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange;
+        doChange(fileAfterChange, e);
+    }
     return {
-        handleXHRLoad(e) {
-            var _a;
-            let fileAfterChange = Object.assign({}, file, {
-                status: 'finished',
-                percentage,
-                file: null
-            });
-            XhrMap.delete(file.id);
-            fileAfterChange =
-                ((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange;
-            doChange(fileAfterChange, e);
-        },
+        handleXHRLoad,
+        handleXHRError,
         handleXHRAbort(e) {
             const fileAfterChange = Object.assign({}, file, {
                 status: 'removed',
@@ -47,14 +61,6 @@ function createXhrHandlers(inst, file, XHR) {
             XhrMap.delete(file.id);
             doChange(fileAfterChange, e);
         },
-        handleXHRError(e) {
-            const fileAfterChange = Object.assign({}, file, {
-                status: 'error',
-                percentage
-            });
-            XhrMap.delete(file.id);
-            doChange(fileAfterChange, e);
-        },
         handleXHRProgress(e) {
             const fileAfterChange = Object.assign({}, file, {
                 status: 'uploading'
@@ -197,7 +203,10 @@ const uploadProps = Object.assign(Object.assign({}, useTheme.props), { name: {
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number });
+    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
+        type: Boolean,
+        default: true
+    } });
 export default defineComponent({
     name: 'Upload',
     props: uploadProps,
@@ -416,7 +425,8 @@ export default defineComponent({
             maxReachedRef,
             fileListStyleRef: toRef(props, 'fileListStyle'),
             abstractRef: toRef(props, 'abstract'),
-            cssVarsRef
+            cssVarsRef,
+            showTriggerRef: toRef(props, 'showTrigger')
         });
         const exposedMethods = {
             submit,
@@ -443,7 +453,7 @@ export default defineComponent({
                 this.dragOver && `${mergedClsPrefix}-upload--drag-over`
             ], style: this.cssVars },
             inputNode,
-            this.listType !== 'image-card' && (h(NUploadTrigger, null, $slots)),
+            this.showTrigger && this.listType !== 'image-card' && (h(NUploadTrigger, null, $slots)),
             this.showFileList && h(NUploadFileList, null, $slots)));
     }
 });

package/es/upload/src/UploadFileList.js

@@ -12,7 +12,7 @@ export default defineComponent({
         if (!NUpload) {
             throwError('upload-file-list', '`n-upload-file-list` must be placed inside `n-upload`.');
         }
-        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef } = NUpload;
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, maxReachedRef, showTriggerRef } = NUpload;
         const isImageCardTypeRef = computed(() => listTypeRef.value === 'image-card');
         const renderFileList = () => mergedFileListRef.value.map((file) => (h(NUploadFile, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
         const renderUploadFileList = () => isImageCardTypeRef.value ? (h(NImageGroup, null, { default: renderFileList })) : (h(NFadeInExpandTransition, { group: true }, {
@@ -26,7 +26,9 @@ export default defineComponent({
                         `${mergedClsPrefix}-upload-file-list--grid`
                 ], style: [cssVarsRef.value, fileListStyleRef.value] },
                 renderUploadFileList(),
-                isImageCardTypeRef.value && h(NUploadTrigger, null, slots)));
+                showTriggerRef.value &&
+                    !maxReachedRef.value &&
+                    isImageCardTypeRef.value && (h(NUploadTrigger, null, slots))));
         };
     }
 });

package/es/upload/src/interface.d.ts

@@ -45,6 +45,7 @@ export interface UploadInjection {
     showRemoveButtonRef: Ref<boolean>;
     showDownloadButtonRef: Ref<boolean>;
     showRetryButtonRef: Ref<boolean>;
+    showTriggerRef: Ref<boolean>;
     mergedFileListRef: Ref<FileInfo[]>;
     onRemoveRef: Ref<OnRemove | undefined>;
     onDownloadRef: Ref<OnDownload | undefined>;

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

@@ -1,7 +1,7 @@
 import { c, cM, cB, cE } from '../../../_utils/cssr';
 import fadeInHeightExpand from '../../../_styles/transitions/fade-in-height-expand.cssr';
 import createIconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
-export default c([cB('upload', [cM('dragger-inside', [cE('trigger', `
+export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigger', `
  display: block;
  `)]), cM('drag-over', [cB('upload-dragger', `
  border: var(--dragger-border-hover);
@@ -29,7 +29,7 @@ export default c([cB('upload', [cM('dragger-inside', [cE('trigger', `
  box-sizing: border-box;
  opacity: 1;
  transition: opacity .3s var(--bezier);
- `, [cM('disabled', `
+ `, [c('+', [cB('upload-file-list', 'margin-top: 8px;')]), cM('disabled', `
  opacity: var(--item-disabled-opacity);
  cursor: not-allowed;
  `), cM('image-card', `
@@ -45,7 +45,6 @@ export default c([cB('upload', [cM('dragger-inside', [cE('trigger', `
  align-items: center;
  justify-content: center;
  `)])]), cB('upload-file-list', `
- margin-top: 8px;
  line-height: var(--line-height);
  opacity: 1;
  transition: opacity .3s var(--bezier);

package/es/version.d.ts

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

package/es/version.js

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

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

@@ -1397,6 +1397,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -44,6 +44,7 @@ export declare const configProviderProps: {
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -163,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -306,6 +308,7 @@ declare const _default: import("vue").DefineComponent<{
             datePlaceholder: string;
             datetimePlaceholder: string;
             monthPlaceholder: string;
+            yearPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;

package/lib/data-table/src/DataTable.js

@@ -298,9 +298,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)(MainTable_1.default, { ref: "mainTableInstRef" }, {
                     default: () => this.paginatedData.length === 0 ? ((0, vue_1.h)("div", { class: [
                             `${mergedClsPrefix}-data-table-empty`,
-                            {
-                                [`${mergedClsPrefix}-data-table-empty--hide`]: this.loading
-                            }
+                            this.loading &&
+                                `${mergedClsPrefix}-data-table-empty--hide`
                         ] }, (0, vue_1.renderSlot)(this.$slots, 'empty', undefined, () => [
                         (0, vue_1.h)(empty_1.NEmpty, { theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
                     ]))) : null

package/lib/data-table/src/use-table-data.js

@@ -21,6 +21,7 @@ function useTableData(props, { dataRelatedColsRef }) {
     const treeMateRef = (0, vue_1.computed)(() => {
         const { childrenKey } = props;
         return (0, treemate_1.createTreeMate)(props.data, {
+            ignoreEmptyChildren: true,
             getKey: props.rowKey,
             getChildren: (rowData) => rowData[childrenKey],
             getDisabled: (rowData) => {

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

@@ -3821,7 +3821,7 @@ declare const _default: import("vue").DefineComponent<{
     localizedEndPlaceholder: import("vue").ComputedRef<string>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
-    localizedPlacehoder: import("vue").ComputedRef<string | undefined>;
+    localizedPlacehoder: import("vue").ComputedRef<string>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
     isStartValueInvalid: import("vue").ComputedRef<boolean>;
     isEndValueInvalid: import("vue").ComputedRef<boolean>;

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

@@ -94,20 +94,24 @@ exports.default = (0, vue_1.defineComponent)({
             return ['daterange', 'datetimerange'].includes(props.type);
         });
         const localizedPlacehoderRef = (0, vue_1.computed)(() => {
-            if (props.placeholder === undefined) {
-                if (props.type === 'date') {
-                    return localeRef.value.datePlaceholder;
-                }
-                else if (props.type === 'datetime') {
-                    return localeRef.value.datetimePlaceholder;
-                }
-                else if (props.type === 'month') {
-                    return localeRef.value.monthPlaceholder;
+            const { placeholder } = props;
+            if (placeholder === undefined) {
+                const { type } = props;
+                switch (type) {
+                    case 'date':
+                        return localeRef.value.datePlaceholder;
+                    case 'datetime':
+                        return localeRef.value.datetimePlaceholder;
+                    case 'month':
+                        return localeRef.value.monthPlaceholder;
+                    case 'year':
+                        return localeRef.value.yearPlaceholder;
+                    default:
+                        return '';
                 }
-                return props.placeholder;
             }
             else {
-                return props.placeholder;
+                return placeholder;
             }
         });
         const localizedStartPlaceholderRef = (0, vue_1.computed)(() => {

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

@@ -1078,6 +1078,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1076,6 +1076,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1084,6 +1084,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1076,6 +1076,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1091,6 +1091,7 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1082,6 +1082,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1080,6 +1080,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

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

@@ -1047,6 +1047,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/lib/element/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NElement } from './src/Element';
+export { default as NEl } from './src/Element';
 export type { ElementProps } from './src/Element';

package/lib/element/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NElement = void 0;
+exports.NEl = exports.NElement = void 0;
 var Element_1 = require("./src/Element");
 Object.defineProperty(exports, "NElement", { enumerable: true, get: function () { return __importDefault(Element_1).default; } });
+var Element_2 = require("./src/Element");
+Object.defineProperty(exports, "NEl", { enumerable: true, get: function () { return __importDefault(Element_2).default; } });

package/lib/form/src/interface.d.ts

@@ -8,6 +8,7 @@ export declare type FormItemRuleValidatorParams = Parameters<NonNullable<RuleIte
 export declare type FormItemRuleValidator = (...args: FormItemRuleValidatorParams) => boolean | Error | Error[] | Promise<void> | undefined;
 export declare type FormItemRuleAsyncValidator = (...args: FormItemRuleValidatorParams) => Promise<void> | undefined;
 export declare type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'> & {
+    key?: string;
     trigger?: ValidationTrigger | string | Array<ValidationTrigger | string>;
     validator?: FormItemRuleValidator;
     asyncValidator?: FormItemRuleAsyncValidator;
@@ -15,10 +16,10 @@ export declare type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'
 export interface FormItemValidateOptions {
     trigger?: ValidationTrigger | string;
     callback?: ValidateCallback;
-    shouldRuleBeApplied?: ApplyRule;
+    shouldRuleBeApplied?: ShouldRuleBeApplied;
     options?: ValidateOption;
 }
-export declare type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ApplyRule, options?: ValidateOption) => Promise<{
+export declare type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<{
     valid: boolean;
     errors?: ValidateError[];
 }>;
@@ -38,10 +39,10 @@ export declare type LabelAlign = 'left' | 'center' | 'right';
 export declare type LabelPlacement = 'left' | 'top';
 export declare type Size = 'small' | 'medium' | 'large';
 export declare type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
-export declare type ApplyRule = (rule: FormItemRule) => boolean;
+export declare type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
 export declare type ValidateCallback = (errors?: ValidateError[]) => void;
 export declare type FormValidateCallback = (errors?: ValidateError[][]) => void;
-export declare type FormValidate = ((callback?: FormValidateCallback) => void) & (() => Promise<void>);
+export declare type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
 export declare type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;

package/lib/locales/common/deDE.js

@@ -32,6 +32,8 @@ const deDE = {
         datePlaceholder: 'Datum auswählen',
         datetimePlaceholder: 'Datum und Uhrzeit auswählen',
         monthPlaceholder: 'Monat auswählen',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Anfangsdatum',
         endDatePlaceholder: 'Enddatum',
         startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',

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

@@ -30,6 +30,7 @@ declare const enUS: {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/lib/locales/common/enUS.js

@@ -32,6 +32,7 @@ const enUS = {
         datePlaceholder: 'Select Date',
         datetimePlaceholder: 'Select Date and Time',
         monthPlaceholder: 'Select Month',
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Start Date',
         endDatePlaceholder: 'End Date',
         startDatetimePlaceholder: 'Start Date and Time',

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

@@ -30,6 +30,7 @@ declare const idID: {
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/lib/locales/common/idID.js

@@ -32,6 +32,8 @@ const idID = {
         datePlaceholder: 'Pilih Tanggal',
         datetimePlaceholder: 'Pilih Tanggal dan Waktu',
         monthPlaceholder: 'Pilih Bulan',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Tanggal Mulai',
         endDatePlaceholder: 'Tanggal Selesai',
         startDatetimePlaceholder: 'Tanggal dan Waktu Mulai',

package/lib/locales/common/jaJP.js

@@ -32,6 +32,8 @@ const jaJP = {
         datePlaceholder: '日付を選択',
         datetimePlaceholder: '選択',
         monthPlaceholder: '月を選択',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',

package/lib/locales/common/nbNO.js

@@ -32,6 +32,8 @@ const nbNO = {
         datePlaceholder: 'Velg dato',
         datetimePlaceholder: 'Velg dato og tid',
         monthPlaceholder: 'Velg måned',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Startdato',
         endDatePlaceholder: 'Sluttdato',
         startDatetimePlaceholder: 'Startdato og -tid',

package/lib/locales/common/ruRU.js

@@ -32,6 +32,8 @@ const ruRu = {
         datePlaceholder: 'Выбрать дату',
         datetimePlaceholder: 'Выбрать дату и время',
         monthPlaceholder: 'Выберите месяц',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Дата начала',
         endDatePlaceholder: 'Дата окончания',
         startDatetimePlaceholder: 'Дата и время начала',

package/lib/locales/common/ukUA.js

@@ -32,6 +32,8 @@ const ukUA = {
         datePlaceholder: 'Обрати дату',
         datetimePlaceholder: 'Обрати дату і час',
         monthPlaceholder: 'Виберіть місяць',
+        // FIXME: translation needed
+        yearPlaceholder: 'Select Year',
         startDatePlaceholder: 'Дата початку',
         endDatePlaceholder: 'Дата завершення',
         startDatetimePlaceholder: 'Дата і час початку',

package/lib/locales/common/zhCN.js

@@ -32,6 +32,7 @@ const zhCN = {
         datePlaceholder: '选择日期',
         datetimePlaceholder: '选择日期时间',
         monthPlaceholder: '选择月份',
+        yearPlaceholder: '选择年份',
         startDatePlaceholder: '开始日期',
         endDatePlaceholder: '结束日期',
         startDatetimePlaceholder: '开始日期时间',

package/lib/upload/src/Upload.d.ts

@@ -68,6 +68,10 @@ declare const uploadProps: {
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly showTrigger: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -872,6 +876,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly showTrigger: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -2014,6 +2022,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly createThumbnailUrl?: unknown;
     readonly abstract?: unknown;
     readonly max?: unknown;
+    readonly showTrigger?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -2022,6 +2031,7 @@ declare const _default: import("vue").DefineComponent<{
     abstract: boolean;
     name: string;
     multiple: boolean;
+    showTrigger: boolean;
     listType: listType;
     showCancelButton: boolean;
     showRemoveButton: boolean;
@@ -2792,6 +2802,7 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     multiple: boolean;
     disabled: boolean | undefined;
+    showTrigger: boolean;
     listType: listType;
     showCancelButton: boolean;
     showRemoveButton: boolean;

package/lib/upload/src/Upload.js

@@ -30,19 +30,33 @@ const UploadFileList_1 = __importDefault(require("./UploadFileList"));
 function createXhrHandlers(inst, file, XHR) {
     const { doChange, XhrMap } = inst;
     let percentage = 0;
+    function handleXHRError(e) {
+        const fileAfterChange = Object.assign({}, file, {
+            status: 'error',
+            percentage
+        });
+        XhrMap.delete(file.id);
+        doChange(fileAfterChange, e);
+    }
+    function handleXHRLoad(e) {
+        var _a;
+        if (XHR.status !== 200) {
+            handleXHRError(e);
+            return;
+        }
+        let fileAfterChange = Object.assign({}, file, {
+            status: 'finished',
+            percentage,
+            file: null
+        });
+        XhrMap.delete(file.id);
+        fileAfterChange =
+            ((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange;
+        doChange(fileAfterChange, e);
+    }
     return {
-        handleXHRLoad(e) {
-            var _a;
-            let fileAfterChange = Object.assign({}, file, {
-                status: 'finished',
-                percentage,
-                file: null
-            });
-            XhrMap.delete(file.id);
-            fileAfterChange =
-                ((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange;
-            doChange(fileAfterChange, e);
-        },
+        handleXHRLoad,
+        handleXHRError,
         handleXHRAbort(e) {
             const fileAfterChange = Object.assign({}, file, {
                 status: 'removed',
@@ -52,14 +66,6 @@ function createXhrHandlers(inst, file, XHR) {
             XhrMap.delete(file.id);
             doChange(fileAfterChange, e);
         },
-        handleXHRError(e) {
-            const fileAfterChange = Object.assign({}, file, {
-                status: 'error',
-                percentage
-            });
-            XhrMap.delete(file.id);
-            doChange(fileAfterChange, e);
-        },
         handleXHRProgress(e) {
             const fileAfterChange = Object.assign({}, file, {
                 status: 'uploading'
@@ -202,7 +208,10 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number });
+    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
+        type: Boolean,
+        default: true
+    } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
     props: uploadProps,
@@ -421,7 +430,8 @@ exports.default = (0, vue_1.defineComponent)({
             maxReachedRef,
             fileListStyleRef: (0, vue_1.toRef)(props, 'fileListStyle'),
             abstractRef: (0, vue_1.toRef)(props, 'abstract'),
-            cssVarsRef
+            cssVarsRef,
+            showTriggerRef: (0, vue_1.toRef)(props, 'showTrigger')
         });
         const exposedMethods = {
             submit,
@@ -448,7 +458,7 @@ exports.default = (0, vue_1.defineComponent)({
                 this.dragOver && `${mergedClsPrefix}-upload--drag-over`
             ], style: this.cssVars },
             inputNode,
-            this.listType !== 'image-card' && ((0, vue_1.h)(UploadTrigger_1.default, null, $slots)),
+            this.showTrigger && this.listType !== 'image-card' && ((0, vue_1.h)(UploadTrigger_1.default, null, $slots)),
             this.showFileList && (0, vue_1.h)(UploadFileList_1.default, null, $slots)));
     }
 });

package/lib/upload/src/UploadFileList.js

@@ -17,7 +17,7 @@ exports.default = (0, vue_1.defineComponent)({
         if (!NUpload) {
             (0, _utils_1.throwError)('upload-file-list', '`n-upload-file-list` must be placed inside `n-upload`.');
         }
-        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef } = NUpload;
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, maxReachedRef, showTriggerRef } = NUpload;
         const isImageCardTypeRef = (0, vue_1.computed)(() => listTypeRef.value === 'image-card');
         const renderFileList = () => mergedFileListRef.value.map((file) => ((0, vue_1.h)(UploadFile_1.default, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
         const renderUploadFileList = () => isImageCardTypeRef.value ? ((0, vue_1.h)(image_1.NImageGroup, null, { default: renderFileList })) : ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { group: true }, {
@@ -31,7 +31,9 @@ exports.default = (0, vue_1.defineComponent)({
                         `${mergedClsPrefix}-upload-file-list--grid`
                 ], style: [cssVarsRef.value, fileListStyleRef.value] },
                 renderUploadFileList(),
-                isImageCardTypeRef.value && (0, vue_1.h)(UploadTrigger_1.default, null, slots)));
+                showTriggerRef.value &&
+                    !maxReachedRef.value &&
+                    isImageCardTypeRef.value && ((0, vue_1.h)(UploadTrigger_1.default, null, slots))));
         };
     }
 });

package/lib/upload/src/interface.d.ts

@@ -45,6 +45,7 @@ export interface UploadInjection {
     showRemoveButtonRef: Ref<boolean>;
     showDownloadButtonRef: Ref<boolean>;
     showRetryButtonRef: Ref<boolean>;
+    showTriggerRef: Ref<boolean>;
     mergedFileListRef: Ref<FileInfo[]>;
     onRemoveRef: Ref<OnRemove | undefined>;
     onDownloadRef: Ref<OnDownload | undefined>;

package/lib/upload/src/styles/index.cssr.js

@@ -16,7 +16,7 @@ const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_styles/t
 
 const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr"));
 
-exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
  display: block;
  `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
  border: var(--dragger-border-hover);
@@ -44,7 +44,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragg
  box-sizing: border-box;
  opacity: 1;
  transition: opacity .3s var(--bezier);
- `, [(0, cssr_1.cM)('disabled', `
+ `, [(0, cssr_1.c)('+', [(0, cssr_1.cB)('upload-file-list', 'margin-top: 8px;')]), (0, cssr_1.cM)('disabled', `
  opacity: var(--item-disabled-opacity);
  cursor: not-allowed;
  `), (0, cssr_1.cM)('image-card', `
@@ -60,7 +60,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragg
  align-items: center;
  justify-content: center;
  `)])]), (0, cssr_1.cB)('upload-file-list', `
- margin-top: 8px;
  line-height: var(--line-height);
  opacity: 1;
  transition: opacity .3s var(--bezier);

package/lib/version.d.ts

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

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.21.3';
+exports.default = '2.21.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.21.3",
+  "version": "2.21.4",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -130,7 +130,7 @@
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "seemly": "^0.3.3",
-    "treemate": "^0.3.8",
+    "treemate": "^0.3.9",
     "vdirs": "^0.1.4",
     "vfonts": "^0.1.0",
     "vooks": "^0.2.10",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.21.3",
+  "version": "2.21.4",
   "contributions": {
     "html": {
       "tags": [
@@ -3842,6 +3842,22 @@
           ],
           "events": []
         },
+        {
+          "name": "n-el",
+          "slots": [],
+          "attributes": [
+            {
+              "name": "tag",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": []
+        },
         {
           "name": "n-ellipsis",
           "slots": [],
@@ -12574,6 +12590,15 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "show-trigger",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [