naive-ui 2.33.2 → 2.33.3

package/es/data-table/src/TableParts/Cell.d.ts

@@ -832,6 +832,76 @@ declare const _default: import("vue").DefineComponent<{
                         }, any>;
                     }>;
                 }>;
+                Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                    optionHeightSmall: string;
+                    optionHeightMedium: string;
+                    optionHeightLarge: string;
+                    optionHeightHuge: string;
+                    borderRadius: string;
+                    fontSizeSmall: string;
+                    fontSizeMedium: string;
+                    fontSizeLarge: string;
+                    fontSizeHuge: string;
+                    optionTextColor: string;
+                    optionTextColorHover: string;
+                    optionTextColorActive: string;
+                    optionTextColorChildActive: string;
+                    color: string;
+                    dividerColor: string;
+                    suffixColor: string;
+                    prefixColor: string;
+                    optionColorHover: string;
+                    optionColorActive: string;
+                    groupHeaderTextColor: string;
+                    optionTextColorInverted: string;
+                    optionTextColorHoverInverted: string;
+                    optionTextColorActiveInverted: string;
+                    optionTextColorChildActiveInverted: string;
+                    colorInverted: string;
+                    dividerColorInverted: string;
+                    suffixColorInverted: string;
+                    prefixColorInverted: string;
+                    optionColorHoverInverted: string;
+                    optionColorActiveInverted: string;
+                    groupHeaderTextColorInverted: string;
+                    optionOpacityDisabled: string;
+                    padding: string;
+                    optionIconSizeSmall: string;
+                    optionIconSizeMedium: string;
+                    optionIconSizeLarge: string;
+                    optionIconSizeHuge: string;
+                    optionSuffixWidthSmall: string;
+                    optionSuffixWidthMedium: string;
+                    optionSuffixWidthLarge: string;
+                    optionSuffixWidthHuge: string;
+                    optionIconSuffixWidthSmall: string;
+                    optionIconSuffixWidthMedium: string;
+                    optionIconSuffixWidthLarge: string;
+                    optionIconSuffixWidthHuge: string;
+                    optionPrefixWidthSmall: string;
+                    optionPrefixWidthMedium: string;
+                    optionPrefixWidthLarge: string;
+                    optionPrefixWidthHuge: string;
+                    optionIconPrefixWidthSmall: string;
+                    optionIconPrefixWidthMedium: string;
+                    optionIconPrefixWidthLarge: string;
+                    optionIconPrefixWidthHuge: string;
+                }, {
+                    Popover: import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
             };
             peerOverrides: {
                 Button?: {
@@ -1152,12 +1222,30 @@ declare const _default: import("vue").DefineComponent<{
                         }>> | undefined;
                     } | undefined;
                 } | undefined;
+                Dropdown?: {
+                    peers?: {
+                        Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>> | undefined;
+                    } | undefined;
+                } | undefined;
             };
         }>;
         required: true;
     };
     renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
@@ -1989,6 +2077,76 @@ declare const _default: import("vue").DefineComponent<{
                         }, any>;
                     }>;
                 }>;
+                Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                    optionHeightSmall: string;
+                    optionHeightMedium: string;
+                    optionHeightLarge: string;
+                    optionHeightHuge: string;
+                    borderRadius: string;
+                    fontSizeSmall: string;
+                    fontSizeMedium: string;
+                    fontSizeLarge: string;
+                    fontSizeHuge: string;
+                    optionTextColor: string;
+                    optionTextColorHover: string;
+                    optionTextColorActive: string;
+                    optionTextColorChildActive: string;
+                    color: string;
+                    dividerColor: string;
+                    suffixColor: string;
+                    prefixColor: string;
+                    optionColorHover: string;
+                    optionColorActive: string;
+                    groupHeaderTextColor: string;
+                    optionTextColorInverted: string;
+                    optionTextColorHoverInverted: string;
+                    optionTextColorActiveInverted: string;
+                    optionTextColorChildActiveInverted: string;
+                    colorInverted: string;
+                    dividerColorInverted: string;
+                    suffixColorInverted: string;
+                    prefixColorInverted: string;
+                    optionColorHoverInverted: string;
+                    optionColorActiveInverted: string;
+                    groupHeaderTextColorInverted: string;
+                    optionOpacityDisabled: string;
+                    padding: string;
+                    optionIconSizeSmall: string;
+                    optionIconSizeMedium: string;
+                    optionIconSizeLarge: string;
+                    optionIconSizeHuge: string;
+                    optionSuffixWidthSmall: string;
+                    optionSuffixWidthMedium: string;
+                    optionSuffixWidthLarge: string;
+                    optionSuffixWidthHuge: string;
+                    optionIconSuffixWidthSmall: string;
+                    optionIconSuffixWidthMedium: string;
+                    optionIconSuffixWidthLarge: string;
+                    optionIconSuffixWidthHuge: string;
+                    optionPrefixWidthSmall: string;
+                    optionPrefixWidthMedium: string;
+                    optionPrefixWidthLarge: string;
+                    optionPrefixWidthHuge: string;
+                    optionIconPrefixWidthSmall: string;
+                    optionIconPrefixWidthMedium: string;
+                    optionIconPrefixWidthLarge: string;
+                    optionIconPrefixWidthHuge: string;
+                }, {
+                    Popover: import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
             };
             peerOverrides: {
                 Button?: {
@@ -2309,6 +2467,24 @@ declare const _default: import("vue").DefineComponent<{
                         }>> | undefined;
                     } | undefined;
                 } | undefined;
+                Dropdown?: {
+                    peers?: {
+                        Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>> | undefined;
+                    } | undefined;
+                } | undefined;
             };
         }>;
         required: true;

package/es/data-table/src/TableParts/ExpandTrigger.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     renderExpandIcon: {
         type: PropType<() => VNodeChild>;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/data-table/src/TableParts/Header.d.ts

@@ -835,6 +835,76 @@ declare const _default: import("vue").DefineComponent<{
                     }, any>;
                 }>;
             }>;
+            Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                optionHeightSmall: string;
+                optionHeightMedium: string;
+                optionHeightLarge: string;
+                optionHeightHuge: string;
+                borderRadius: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                optionTextColor: string;
+                optionTextColorHover: string;
+                optionTextColorActive: string;
+                optionTextColorChildActive: string;
+                color: string;
+                dividerColor: string;
+                suffixColor: string;
+                prefixColor: string;
+                optionColorHover: string;
+                optionColorActive: string;
+                groupHeaderTextColor: string;
+                optionTextColorInverted: string;
+                optionTextColorHoverInverted: string;
+                optionTextColorActiveInverted: string;
+                optionTextColorChildActiveInverted: string;
+                colorInverted: string;
+                dividerColorInverted: string;
+                suffixColorInverted: string;
+                prefixColorInverted: string;
+                optionColorHoverInverted: string;
+                optionColorActiveInverted: string;
+                groupHeaderTextColorInverted: string;
+                optionOpacityDisabled: string;
+                padding: string;
+                optionIconSizeSmall: string;
+                optionIconSizeMedium: string;
+                optionIconSizeLarge: string;
+                optionIconSizeHuge: string;
+                optionSuffixWidthSmall: string;
+                optionSuffixWidthMedium: string;
+                optionSuffixWidthLarge: string;
+                optionSuffixWidthHuge: string;
+                optionIconSuffixWidthSmall: string;
+                optionIconSuffixWidthMedium: string;
+                optionIconSuffixWidthLarge: string;
+                optionIconSuffixWidthHuge: string;
+                optionPrefixWidthSmall: string;
+                optionPrefixWidthMedium: string;
+                optionPrefixWidthLarge: string;
+                optionPrefixWidthHuge: string;
+                optionIconPrefixWidthSmall: string;
+                optionIconPrefixWidthMedium: string;
+                optionIconPrefixWidthLarge: string;
+                optionIconPrefixWidthHuge: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -1155,6 +1225,24 @@ declare const _default: import("vue").DefineComponent<{
                     }>> | undefined;
                 } | undefined;
             } | undefined;
+            Dropdown?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     checkOptions: import("vue").Ref<import("../interface").DataTableSelectionOptions<import("../interface").InternalRowData> | undefined>;
@@ -1165,7 +1253,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCheckboxUpdateChecked: () => void;
     handleColHeaderClick: (e: MouseEvent, column: TableBaseColumn) => void;
     handleTableHeaderScroll: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     discrete: {
         type: BooleanConstructor;
         default: boolean;

package/es/data-table/src/TableParts/SelectionMenu.d.ts

@@ -1,16 +1,9 @@
-export declare type DataTableSelectionOption = 'all' | 'none';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
-}, {
-    handleSelect: import("vue").ComputedRef<(key: string | number) => void>;
-    options: import("vue").ComputedRef<{
-        label: string;
-        key: string | number;
-    }[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/data-table/src/TableParts/SelectionMenu.js

@@ -54,21 +54,20 @@ export default defineComponent({
             required: true
         }
     },
-    setup() {
-        const { localeRef, checkOptionsRef, rawPaginatedDataRef, doCheckAll, doUncheckAll
+    setup(props) {
+        const { props: dataTableProps, localeRef, checkOptionsRef, rawPaginatedDataRef, doCheckAll, doUncheckAll
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(dataTableInjectionKey);
-        return {
-            handleSelect: computed(() => createSelectHandler(checkOptionsRef.value, rawPaginatedDataRef, doCheckAll, doUncheckAll)),
-            options: computed(() => createDropdownOptions(checkOptionsRef.value, localeRef.value))
+        const handleSelectRef = computed(() => createSelectHandler(checkOptionsRef.value, rawPaginatedDataRef, doCheckAll, doUncheckAll));
+        const optionsRef = computed(() => createDropdownOptions(checkOptionsRef.value, localeRef.value));
+        return () => {
+            var _a, _b, _c, _d;
+            const { clsPrefix } = props;
+            return (h(NDropdown, { theme: (_b = (_a = dataTableProps.theme) === null || _a === void 0 ? void 0 : _a.peers) === null || _b === void 0 ? void 0 : _b.Dropdown, themeOverrides: (_d = (_c = dataTableProps.themeOverrides) === null || _c === void 0 ? void 0 : _c.peers) === null || _d === void 0 ? void 0 : _d.Dropdown, options: optionsRef.value, onSelect: handleSelectRef.value }, {
+                default: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-data-table-check-extra` }, {
+                    default: () => h(ChevronDownIcon, null)
+                }))
+            }));
         };
-    },
-    render() {
-        const { clsPrefix } = this;
-        return (h(NDropdown, { options: this.options, onSelect: this.handleSelect }, {
-            default: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-data-table-check-extra` }, {
-                default: () => h(ChevronDownIcon, null)
-            }))
-        }));
     }
 });