naive-ui 2.38.2 → 2.40.0

package/lib/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -37,111 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     rtlEnabled: import("vue").Ref<import("../../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             actionDividerColor: string;
             lineHeight: string;
@@ -151,9 +47,11 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             borderColor: string;
             tdColorHover: string;
+            tdColorSorting: string;
             tdColorStriped: string;
             thColor: string;
             thColorHover: string;
+            thColorSorting: string;
             tdColor: string;
             tdTextColor: string;
             thTextColor: string;
@@ -163,15 +61,19 @@ declare const _default: import("vue").DefineComponent<{
             thIconColorActive: string;
             borderColorModal: string;
             tdColorHoverModal: string;
+            tdColorSortingModal: string;
             tdColorStripedModal: string;
             thColorModal: string;
             thColorHoverModal: string;
+            thColorSortingModal: string;
             tdColorModal: string;
             borderColorPopover: string;
             tdColorHoverPopover: string;
+            tdColorSortingPopover: string;
             tdColorStripedPopover: string;
             thColorPopover: string;
             thColorHoverPopover: string;
+            thColorSortingPopover: string;
             tdColorPopover: string;
             boxShadowBefore: string;
             boxShadowAfter: string;
@@ -612,10 +514,12 @@ declare const _default: import("vue").DefineComponent<{
                         }, any>;
                     }>;
                     InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                        optionFontSizeTiny: string;
                         optionFontSizeSmall: string;
                         optionFontSizeMedium: string;
                         optionFontSizeLarge: string;
                         optionFontSizeHuge: string;
+                        optionHeightTiny: string;
                         optionHeightSmall: string;
                         optionHeightMedium: string;
                         optionHeightLarge: string;
@@ -636,10 +540,12 @@ declare const _default: import("vue").DefineComponent<{
                         actionTextColor: string;
                         loadingColor: string;
                         height: string;
+                        paddingTiny: string;
                         paddingSmall: string;
                         paddingMedium: string;
                         paddingLarge: string;
                         paddingHuge: string;
+                        optionPaddingTiny: string;
                         optionPaddingSmall: string;
                         optionPaddingMedium: string;
                         optionPaddingLarge: string;
@@ -652,11 +558,14 @@ declare const _default: import("vue").DefineComponent<{
                             borderRadius: string;
                             color: string;
                             colorHover: string;
-                            railInsetHorizontal: string;
-                            railInsetVertical: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
                             railColor: string;
                         }, any>;
                         Empty: import("../../../_mixins").Theme<"Empty", {
+                            fontSizeTiny: string;
                             fontSizeSmall: string;
                             fontSizeMedium: string;
                             fontSizeLarge: string;
@@ -664,6 +573,7 @@ declare const _default: import("vue").DefineComponent<{
                             textColor: string;
                             iconColor: string;
                             extraTextColor: string;
+                            iconSizeTiny: string;
                             iconSizeSmall: string;
                             iconSizeMedium: string;
                             iconSizeLarge: string;
@@ -750,10 +660,12 @@ declare const _default: import("vue").DefineComponent<{
                         padding: string;
                     }, any>;
                     InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                        optionFontSizeTiny: string;
                         optionFontSizeSmall: string;
                         optionFontSizeMedium: string;
                         optionFontSizeLarge: string;
                         optionFontSizeHuge: string;
+                        optionHeightTiny: string;
                         optionHeightSmall: string;
                         optionHeightMedium: string;
                         optionHeightLarge: string;
@@ -774,10 +686,12 @@ declare const _default: import("vue").DefineComponent<{
                         actionTextColor: string;
                         loadingColor: string;
                         height: string;
+                        paddingTiny: string;
                         paddingSmall: string;
                         paddingMedium: string;
                         paddingLarge: string;
                         paddingHuge: string;
+                        optionPaddingTiny: string;
                         optionPaddingSmall: string;
                         optionPaddingMedium: string;
                         optionPaddingLarge: string;
@@ -790,11 +704,14 @@ declare const _default: import("vue").DefineComponent<{
                             borderRadius: string;
                             color: string;
                             colorHover: string;
-                            railInsetHorizontal: string;
-                            railInsetVertical: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
                             railColor: string;
                         }, any>;
                         Empty: import("../../../_mixins").Theme<"Empty", {
+                            fontSizeTiny: string;
                             fontSizeSmall: string;
                             fontSizeMedium: string;
                             fontSizeLarge: string;
@@ -802,6 +719,7 @@ declare const _default: import("vue").DefineComponent<{
                             textColor: string;
                             iconColor: string;
                             extraTextColor: string;
+                            iconSizeTiny: string;
                             iconSizeSmall: string;
                             iconSizeMedium: string;
                             iconSizeLarge: string;
@@ -816,11 +734,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Empty: import("../../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -828,6 +749,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -1033,10 +955,12 @@ declare const _default: import("vue").DefineComponent<{
                             }, any>;
                         }>;
                         InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeTiny: string;
                             optionFontSizeSmall: string;
                             optionFontSizeMedium: string;
                             optionFontSizeLarge: string;
                             optionFontSizeHuge: string;
+                            optionHeightTiny: string;
                             optionHeightSmall: string;
                             optionHeightMedium: string;
                             optionHeightLarge: string;
@@ -1057,10 +981,12 @@ declare const _default: import("vue").DefineComponent<{
                             actionTextColor: string;
                             loadingColor: string;
                             height: string;
+                            paddingTiny: string;
                             paddingSmall: string;
                             paddingMedium: string;
                             paddingLarge: string;
                             paddingHuge: string;
+                            optionPaddingTiny: string;
                             optionPaddingSmall: string;
                             optionPaddingMedium: string;
                             optionPaddingLarge: string;
@@ -1073,11 +999,14 @@ declare const _default: import("vue").DefineComponent<{
                                 borderRadius: string;
                                 color: string;
                                 colorHover: string;
-                                railInsetHorizontal: string;
-                                railInsetVertical: string;
+                                railInsetHorizontalBottom: string;
+                                railInsetHorizontalTop: string;
+                                railInsetVerticalRight: string;
+                                railInsetVerticalLeft: string;
                                 railColor: string;
                             }, any>;
                             Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeTiny: string;
                                 fontSizeSmall: string;
                                 fontSizeMedium: string;
                                 fontSizeLarge: string;
@@ -1085,6 +1014,7 @@ declare const _default: import("vue").DefineComponent<{
                                 textColor: string;
                                 iconColor: string;
                                 extraTextColor: string;
+                                iconSizeTiny: string;
                                 iconSizeSmall: string;
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;
@@ -1171,10 +1101,12 @@ declare const _default: import("vue").DefineComponent<{
                             padding: string;
                         }, any>;
                         InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeTiny: string;
                             optionFontSizeSmall: string;
                             optionFontSizeMedium: string;
                             optionFontSizeLarge: string;
                             optionFontSizeHuge: string;
+                            optionHeightTiny: string;
                             optionHeightSmall: string;
                             optionHeightMedium: string;
                             optionHeightLarge: string;
@@ -1195,10 +1127,12 @@ declare const _default: import("vue").DefineComponent<{
                             actionTextColor: string;
                             loadingColor: string;
                             height: string;
+                            paddingTiny: string;
                             paddingSmall: string;
                             paddingMedium: string;
                             paddingLarge: string;
                             paddingHuge: string;
+                            optionPaddingTiny: string;
                             optionPaddingSmall: string;
                             optionPaddingMedium: string;
                             optionPaddingLarge: string;
@@ -1211,11 +1145,14 @@ declare const _default: import("vue").DefineComponent<{
                                 borderRadius: string;
                                 color: string;
                                 colorHover: string;
-                                railInsetHorizontal: string;
-                                railInsetVertical: string;
+                                railInsetHorizontalBottom: string;
+                                railInsetHorizontalTop: string;
+                                railInsetVerticalRight: string;
+                                railInsetVerticalLeft: string;
                                 railColor: string;
                             }, any>;
                             Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeTiny: string;
                                 fontSizeSmall: string;
                                 fontSizeMedium: string;
                                 fontSizeLarge: string;
@@ -1223,6 +1160,7 @@ declare const _default: import("vue").DefineComponent<{
                                 textColor: string;
                                 iconColor: string;
                                 extraTextColor: string;
+                                iconSizeTiny: string;
                                 iconSizeSmall: string;
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;

package/lib/data-table/src/HeaderButton/FilterMenu.js

@@ -47,9 +47,7 @@ exports.default = (0, vue_1.defineComponent)({
     setup(props) {
         const { mergedClsPrefixRef: mergedClsPrefixRefRtl, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('DataTable', mergedRtlRef, mergedClsPrefixRefRtl);
-        const { mergedClsPrefixRef, mergedThemeRef, localeRef
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
+        const { mergedClsPrefixRef, mergedThemeRef, localeRef } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         // to be compared with changed value
         // const initialValueRef = ref(props.value)
         const temporalValueRef = (0, vue_1.ref)(props.value);
@@ -62,10 +60,10 @@ exports.default = (0, vue_1.defineComponent)({
         const radioGroupValueRef = (0, vue_1.computed)(() => {
             const { value: temporalValue } = temporalValueRef;
             if ((0, utils_1.shouldUseArrayInSingleMode)(props.column)) {
-                return ((Array.isArray(temporalValue) &&
-                    temporalValue.length &&
-                    temporalValue[0]) ||
-                    null);
+                return ((Array.isArray(temporalValue)
+                    && temporalValue.length
+                    && temporalValue[0])
+                    || null);
             }
             if (!Array.isArray(temporalValue))
                 return temporalValue;
@@ -80,8 +78,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.multiple && Array.isArray(value)) {
                 temporalValueRef.value = value;
             }
-            else if ((0, utils_1.shouldUseArrayInSingleMode)(props.column) &&
-                !Array.isArray(value)) {
+            else if ((0, utils_1.shouldUseArrayInSingleMode)(props.column)
+                && !Array.isArray(value)) {
                 /** this branch is for compatibility */
                 temporalValueRef.value = [value];
             }
@@ -128,7 +126,7 @@ exports.default = (0, vue_1.defineComponent)({
                             return ((0, vue_1.h)(checkbox_1.NCheckbox, { key: option.value, theme: mergedTheme.peers.Checkbox, themeOverrides: mergedTheme.peerOverrides.Checkbox, value: option.value }, { default: () => option.label }));
                         })
                     })) : ((0, vue_1.h)(radio_1.NRadioGroup, { name: this.radioGroupName, class: `${mergedClsPrefix}-data-table-filter-menu__group`, value: this.radioGroupValue, onUpdateValue: this.handleChange }, {
-                        default: () => this.options.map((option) => ((0, vue_1.h)(radio_1.NRadio, { key: option.value, value: option.value, theme: mergedTheme.peers.Radio, themeOverrides: mergedTheme.peerOverrides.Radio }, { default: () => option.label })))
+                        default: () => this.options.map(option => ((0, vue_1.h)(radio_1.NRadio, { key: option.value, value: option.value, theme: mergedTheme.peers.Radio, themeOverrides: mergedTheme.peerOverrides.Radio }, { default: () => option.label })))
                     }));
                 }
             }),

package/lib/data-table/src/HeaderButton/ResizeButton.js

@@ -11,7 +11,6 @@ exports.default = (0, vue_1.defineComponent)({
         onResizeEnd: Function
     },
     setup(props) {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         const activeRef = (0, vue_1.ref)(false);
         let startX = 0;

package/lib/data-table/src/HeaderButton/SortButton.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const icons_1 = require("../../../_internal/icons");
 const _internal_1 = require("../../../_internal");
-const RenderSorter_1 = __importDefault(require("./RenderSorter"));
 const interface_1 = require("../interface");
 const _mixins_1 = require("../../../_mixins");
+const RenderSorter_1 = __importDefault(require("./RenderSorter"));
 exports.default = (0, vue_1.defineComponent)({
     name: 'SortIcon',
     props: {
@@ -19,9 +19,8 @@ exports.default = (0, vue_1.defineComponent)({
     },
     setup(props) {
         const { mergedComponentPropsRef } = (0, _mixins_1.useConfig)();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { mergedSortStateRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
-        const sortStateRef = (0, vue_1.computed)(() => mergedSortStateRef.value.find((state) => state.columnKey === props.column.key));
+        const sortStateRef = (0, vue_1.computed)(() => mergedSortStateRef.value.find(state => state.columnKey === props.column.key));
         const activeRef = (0, vue_1.computed)(() => {
             return sortStateRef.value !== undefined;
         });
@@ -34,8 +33,8 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const mergedRenderSorterRef = (0, vue_1.computed)(() => {
             var _a, _b;
-            return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.renderSorter) ||
-                props.column.renderSorter);
+            return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.renderSorter)
+                || props.column.renderSorter);
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
@@ -49,10 +48,10 @@ exports.default = (0, vue_1.defineComponent)({
         const { renderSorterIcon } = this.column;
         return mergedRenderSorter ? ((0, vue_1.h)(RenderSorter_1.default, { render: mergedRenderSorter, order: mergedSortOrder })) : ((0, vue_1.h)("span", { class: [
                 `${mergedClsPrefix}-data-table-sorter`,
-                mergedSortOrder === 'ascend' &&
-                    `${mergedClsPrefix}-data-table-sorter--asc`,
-                mergedSortOrder === 'descend' &&
-                    `${mergedClsPrefix}-data-table-sorter--desc`
+                mergedSortOrder === 'ascend'
+                    && `${mergedClsPrefix}-data-table-sorter--asc`,
+                mergedSortOrder === 'descend'
+                    && `${mergedClsPrefix}-data-table-sorter--desc`
             ] }, renderSorterIcon ? (renderSorterIcon({ order: mergedSortOrder })) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.ArrowDownIcon, null) }))));
     }
 });

package/lib/data-table/src/MainTable.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     selfElRef: import("vue").Ref<HTMLElement | null>;
     headerInstRef: import("vue").Ref<{
         $el: HTMLElement | null;
+        virtualListRef: import("vueuc").VVirtualListInst | null;
     } | null>;
     bodyInstRef: import("vue").Ref<{
         getScrollContainer: () => HTMLElement | null;

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const Header_1 = __importDefault(require("./TableParts/Header"));
@@ -12,9 +11,7 @@ const interface_1 = require("./interface");
 exports.default = (0, vue_1.defineComponent)({
     name: 'MainTable',
     setup() {
-        const { mergedClsPrefixRef, rightFixedColumnsRef, leftFixedColumnsRef, bodyWidthRef, maxHeightRef, minHeightRef, flexHeightRef, syncScrollState
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
+        const { mergedClsPrefixRef, rightFixedColumnsRef, leftFixedColumnsRef, bodyWidthRef, maxHeightRef, minHeightRef, flexHeightRef, virtualScrollHeaderRef, syncScrollState } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         const headerInstRef = (0, vue_1.ref)(null);
         const bodyInstRef = (0, vue_1.ref)(null);
         const selfElRef = (0, vue_1.ref)(null);
@@ -33,9 +30,15 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function getHeaderElement() {
+            var _a;
             const { value } = headerInstRef;
             if (value) {
-                return value.$el;
+                if (virtualScrollHeaderRef.value) {
+                    return ((_a = value.virtualListRef) === null || _a === void 0 ? void 0 : _a.listElRef) || null;
+                }
+                else {
+                    return value.$el;
+                }
             }
             return null;
         }
@@ -51,7 +54,6 @@ exports.default = (0, vue_1.defineComponent)({
             getHeaderElement,
             scrollTo(arg0, arg1) {
                 var _a;
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                 (_a = bodyInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg0, arg1);
             }
         };