naive-ui 2.43.2 → 2.44.0

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

@@ -46,9 +46,14 @@ export default defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const rtlEnabledRef = useRtl('DataTable', mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_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.size) || 'medium';
+    });
     const mergedBottomBorderedRef = computed(() => {
       const {
         bottomBordered
@@ -134,6 +139,16 @@ export default defineComponent({
       expandableRef,
       doUpdateExpandedRowKeys
     } = useExpand(props, treeMateRef);
+    const maxHeightRef = toRef(props, 'maxHeight');
+    const mergedTableLayoutRef = computed(() => {
+      // Layout
+      // virtual |descrete header | ellpisis => fixed
+      //    = virtual | maxHeight | ellpisis => fixed
+      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value) {
+        return 'fixed';
+      }
+      return props.tableLayout;
+    });
     const {
       handleTableBodyScroll,
       handleTableHeaderScroll,
@@ -146,25 +161,22 @@ export default defineComponent({
       leftFixedColumnsRef,
       rightFixedColumnsRef,
       fixedColumnLeftMapRef,
-      fixedColumnRightMapRef
+      fixedColumnRightMapRef,
+      xScrollableRef,
+      explicitlyScrollableRef
     } = useScroll(props, {
       bodyWidthRef,
       mainTableInstRef,
-      mergedCurrentPageRef
+      mergedCurrentPageRef,
+      maxHeightRef,
+      mergedTableLayoutRef
     });
     const {
       localeRef
     } = useLocale('DataTable');
-    const mergedTableLayoutRef = computed(() => {
-      // Layout
-      // virtual |descrete header | ellpisis => fixed
-      //    = virtual | maxHeight | ellpisis => fixed
-      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value) {
-        return 'fixed';
-      }
-      return props.tableLayout;
-    });
     provide(dataTableInjectionKey, {
+      xScrollableRef,
+      explicitlyScrollableRef,
       props,
       treeMateRef,
       renderExpandIconRef: toRef(props, 'renderExpandIcon'),
@@ -236,7 +248,7 @@ export default defineComponent({
       }),
       onLoadRef: toRef(props, 'onLoad'),
       mergedTableLayoutRef,
-      maxHeightRef: toRef(props, 'maxHeight'),
+      maxHeightRef,
       minHeightRef: toRef(props, 'minHeight'),
       flexHeightRef: toRef(props, 'flexHeight'),
       headerCheckboxDisabledRef,
@@ -277,9 +289,7 @@ export default defineComponent({
       }
     };
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         common: {
           cubicBezierEaseInOut
@@ -328,9 +338,9 @@ export default defineComponent({
           tdColorStriped,
           tdColorStripedModal,
           tdColorStripedPopover,
-          [createKey('fontSize', size)]: fontSize,
-          [createKey('thPadding', size)]: thPadding,
-          [createKey('tdPadding', size)]: tdPadding
+          [createKey('fontSize', mergedSize)]: fontSize,
+          [createKey('thPadding', mergedSize)]: thPadding,
+          [createKey('tdPadding', mergedSize)]: tdPadding
         }
       } = themeRef.value;
       return {
@@ -383,7 +393,7 @@ export default defineComponent({
         '--n-th-color-sorting-popover': thColorSortingPopover
       };
     });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass('data-table', computed(() => props.size[0]), cssVarsRef, props) : undefined;
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('data-table', computed(() => mergedSizeRef.value[0]), cssVarsRef, props) : undefined;
     const mergedShowPaginationRef = computed(() => {
       if (!props.pagination) return false;
       if (props.paginateSinglePage) return true;

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

@@ -26,5 +26,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean, boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
+    scrollX: import("vue").Ref<string | number | undefined, string | number | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/data-table/src/MainTable.mjs

@@ -15,7 +15,8 @@ export default defineComponent({
       minHeightRef,
       flexHeightRef,
       virtualScrollHeaderRef,
-      syncScrollState
+      syncScrollState,
+      scrollXRef
     } = inject(dataTableInjectionKey);
     const headerInstRef = ref(null);
     const bodyInstRef = ref(null);
@@ -87,7 +88,8 @@ export default defineComponent({
       bodyInstRef,
       bodyStyle: bodyStyleRef,
       flexHeight: flexHeightRef,
-      handleBodyResize
+      handleBodyResize,
+      scrollX: scrollXRef
     }, exposedMethods);
   },
   render() {

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

@@ -2755,11 +2755,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => VNodeChild) | undefined>;
     scrollX: import("vue").Ref<string | number | undefined, string | number | undefined>;
     cols: import("vue").Ref<ColItem[], ColItem[]>;
     loading: import("vue").Ref<boolean, boolean>;
-    bodyShowHeaderOnly: import("vue").ComputedRef<boolean>;
-    shouldDisplaySomeTablePart: import("vue").ComputedRef<boolean>;
+    shouldDisplayVirtualList: import("vue").ComputedRef<boolean>;
     empty: import("vue").ComputedRef<boolean>;
     paginatedDataAndInfo: import("vue").ComputedRef<{
         data: {
@@ -2799,7 +2799,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     childTriggerColIndex: import("vue").Ref<number, number>;
     indent: import("vue").Ref<number, number>;
     rowProps: import("vue").Ref<import("../interface").CreateRowProps<import("../interface").InternalRowData> | undefined, import("../interface").CreateRowProps<import("../interface").InternalRowData> | undefined>;
-    maxHeight: import("vue").Ref<string | number | undefined, string | number | undefined>;
     loadingKeySet: import("vue").Ref<Set<RowKey>, Set<RowKey>>;
     expandable: import("vue").Ref<import("../interface").Expandable<any> | undefined, import("../interface").Expandable<any> | undefined>;
     stickyExpandedRows: import("vue").Ref<boolean, boolean>;
@@ -2820,6 +2819,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => void;
     handleUpdateExpanded: (key: RowKey, tmNode: TmNode | null) => void;
     renderCell: import("vue").Ref<((value: any, rowData: object, column: import("../interface").TableBaseColumn) => VNodeChild) | undefined, ((value: any, rowData: object, column: import("../interface").TableBaseColumn) => VNodeChild) | undefined>;
+    explicitlyScrollable: import("vue").Ref<boolean, boolean>;
+    xScrollable: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onResize: PropType<(e: ResizeObserverEntry) => void>;
     showHeader: BooleanConstructor;

package/es/data-table/src/TableParts/Body.mjs

@@ -129,7 +129,6 @@ export default defineComponent({
       childTriggerColIndexRef,
       indentRef,
       rowPropsRef,
-      maxHeightRef,
       stripedRef,
       loadingRef,
       onLoadRef,
@@ -145,20 +144,20 @@ export default defineComponent({
       handleTableBodyScroll,
       doCheck,
       doUncheck,
-      renderCell
+      renderCell,
+      xScrollableRef,
+      explicitlyScrollableRef
     } = inject(dataTableInjectionKey);
     const NConfigProvider = inject(configProviderInjectionKey);
     const scrollbarInstRef = ref(null);
     const virtualListRef = ref(null);
     const emptyElRef = ref(null);
-    const emptyRef = useMemo(() => paginatedDataRef.value.length === 0);
-    // If header is not inside & empty is displayed, no table part would be
-    // shown. So to collect a body width, we need to put a ref on empty element
-    const shouldDisplaySomeTablePartRef = useMemo(() => props.showHeader || !emptyRef.value);
-    // If no body is shown, we shouldn't show scrollbar
-    const bodyShowHeaderOnlyRef = useMemo(() => {
-      return props.showHeader || emptyRef.value;
+    const mergedRenderEmptyRef = computed(() => {
+      var _a, _b;
+      return (_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.renderEmpty;
     });
+    const emptyRef = useMemo(() => paginatedDataRef.value.length === 0);
+    const shouldDisplayVirtualListRef = useMemo(() => virtualScrollRef.value && !emptyRef.value);
     let lastSelectedKey = '';
     const mergedExpandedRowKeySetRef = computed(() => {
       return new Set(mergedExpandedRowKeysRef.value);
@@ -210,17 +209,7 @@ export default defineComponent({
       doCheck(tmNode.key, true, rowInfo);
     }
     function getScrollContainer() {
-      if (!shouldDisplaySomeTablePartRef.value) {
-        const {
-          value: emptyEl
-        } = emptyElRef;
-        if (emptyEl) {
-          return emptyEl;
-        } else {
-          return null;
-        }
-      }
-      if (virtualScrollRef.value) {
+      if (shouldDisplayVirtualListRef.value) {
         return virtualListContainer();
       }
       const {
@@ -371,11 +360,11 @@ export default defineComponent({
       summary: summaryRef,
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: mergedThemeRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       scrollX: scrollXRef,
       cols: colsRef,
       loading: loadingRef,
-      bodyShowHeaderOnly: bodyShowHeaderOnlyRef,
-      shouldDisplaySomeTablePart: shouldDisplaySomeTablePartRef,
+      shouldDisplayVirtualList: shouldDisplayVirtualListRef,
       empty: emptyRef,
       paginatedDataAndInfo: computed(() => {
         const {
@@ -421,7 +410,6 @@ export default defineComponent({
       childTriggerColIndex: childTriggerColIndexRef,
       indent: indentRef,
       rowProps: rowPropsRef,
-      maxHeight: maxHeightRef,
       loadingKeySet: loadingKeySetRef,
       expandable: expandableRef,
       stickyExpandedRows: stickyExpandedRowsRef,
@@ -437,7 +425,9 @@ export default defineComponent({
       handleCheckboxUpdateChecked,
       handleRadioUpdateChecked,
       handleUpdateExpanded,
-      renderCell
+      renderCell,
+      explicitlyScrollable: explicitlyScrollableRef,
+      xScrollable: xScrollableRef
     }, exposedMethods);
   },
   render() {
@@ -445,47 +435,56 @@ export default defineComponent({
       mergedTheme,
       scrollX,
       mergedClsPrefix,
-      virtualScroll,
-      maxHeight,
-      mergedTableLayout,
-      flexHeight,
+      explicitlyScrollable,
+      xScrollable,
       loadingKeySet,
       onResize,
-      setHeaderScrollLeft
+      setHeaderScrollLeft,
+      empty,
+      shouldDisplayVirtualList
     } = this;
-    const scrollable = scrollX !== undefined || maxHeight !== undefined || flexHeight;
-    // For a basic table with auto layout whose content may overflow we will
-    // make it scrollable, which differs from browser's native behavior.
-    // For native behavior, see
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
-    const isBasicAutoLayout = !scrollable && mergedTableLayout === 'auto';
-    const xScrollable = scrollX !== undefined || isBasicAutoLayout;
     const contentStyle = {
       minWidth: formatLength(scrollX) || '100%'
     };
     if (scrollX) contentStyle.width = '100%';
+    const createEmptyNode = () => h("div", {
+      class: [`${mergedClsPrefix}-data-table-empty`, this.loading && `${mergedClsPrefix}-data-table-empty--hide`],
+      style: [this.bodyStyle, xScrollable ? 'position: sticky; left: 0; width: var(--n-scrollbar-current-width);' : undefined],
+      ref: "emptyElRef"
+    }, resolveSlot(this.dataTableSlots.empty, () => {
+      var _a;
+      return [((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || h(NEmpty, {
+        theme: this.mergedTheme.peers.Empty,
+        themeOverrides: this.mergedTheme.peerOverrides.Empty
+      })];
+    }));
     const tableNode = h(NScrollbar, Object.assign({}, this.scrollbarProps, {
       ref: "scrollbarInstRef",
-      scrollable: scrollable || isBasicAutoLayout,
+      scrollable: explicitlyScrollable || xScrollable,
       class: `${mergedClsPrefix}-data-table-base-table-body`,
-      style: !this.empty ? this.bodyStyle : undefined,
+      style: !empty ? this.bodyStyle : 'height: initial;',
       theme: mergedTheme.peers.Scrollbar,
       themeOverrides: mergedTheme.peerOverrides.Scrollbar,
       contentStyle: contentStyle,
-      container: virtualScroll ? this.virtualListContainer : undefined,
-      content: virtualScroll ? this.virtualListContent : undefined,
+      container: shouldDisplayVirtualList ? this.virtualListContainer : undefined,
+      content: shouldDisplayVirtualList ? this.virtualListContent : undefined,
       horizontalRailStyle: {
         zIndex: 3
       },
       verticalRailStyle: {
         zIndex: 3
       },
+      internalExposeWidthCssVar: xScrollable && empty,
       xScrollable: xScrollable,
-      onScroll: virtualScroll ? undefined : this.handleTableBodyScroll,
+      onScroll: shouldDisplayVirtualList ? undefined : this.handleTableBodyScroll,
       internalOnUpdateScrollLeft: setHeaderScrollLeft,
       onResize: onResize
     }), {
       default: () => {
+        if (this.empty && !this.showHeader && (this.explicitlyScrollable || this.xScrollable)) {
+          // Placeholder for outer header to sync scroll state
+          return createEmptyNode();
+        }
         // coordinate to pass if there are cells that cross row & col
         const cordToPass = {};
         // coordinate to related hover keys
@@ -799,8 +798,8 @@ export default defineComponent({
           }), cells);
           return row;
         };
-        if (!virtualScroll) {
-          return h("table", {
+        if (!this.shouldDisplayVirtualList) {
+          return h(Fragment, null, h("table", {
             class: `${mergedClsPrefix}-data-table-table`,
             onMouseleave: handleMouseleaveTable,
             style: {
@@ -826,7 +825,7 @@ export default defineComponent({
                 return -1;
               }
             });
-          })) : null);
+          })) : null), this.empty && this.xScrollable ? createEmptyNode() : null);
         } else {
           return h(VirtualList, {
             ref: "virtualListRef",
@@ -886,16 +885,9 @@ export default defineComponent({
       }
     });
     if (this.empty) {
-      const createEmptyNode = () => h("div", {
-        class: [`${mergedClsPrefix}-data-table-empty`, this.loading && `${mergedClsPrefix}-data-table-empty--hide`],
-        style: this.bodyStyle,
-        ref: "emptyElRef"
-      }, resolveSlot(this.dataTableSlots.empty, () => [h(NEmpty, {
-        theme: this.mergedTheme.peers.Empty,
-        themeOverrides: this.mergedTheme.peerOverrides.Empty
-      })]));
-      if (this.shouldDisplaySomeTablePart) {
-        return h(Fragment, null, tableNode, createEmptyNode());
+      if (this.explicitlyScrollable || this.xScrollable) {
+        // empty node is integrated into table node
+        return tableNode;
       } else {
         return h(VResizeObserver, {
           onResize: this.onResize

package/es/data-table/src/interface.d.ts

@@ -1,7 +1,6 @@
 import type { TreeMate, TreeNode } from 'treemate';
 import type { CSSProperties, ExtractPropTypes, HTMLAttributes, PropType, Ref, VNode, VNodeChild } from 'vue';
 import type { VirtualListInst } from 'vueuc';
-import type { BaseLoadingExposedProps } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
@@ -10,7 +9,7 @@ import type { PaginationProps } from '../../pagination';
 import type { PopoverProps } from '../../popover';
 import type { ScrollbarProps, ScrollTo } from '../../scrollbar/src/Scrollbar';
 import type { DataTableTheme } from '../styles';
-import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './publicTypes';
+import type { DataTableGetCsvCell, DataTableGetCsvHeader, DataTableSize, DataTableSpinProps } from './public-types';
 import type { ColItem, RowItem } from './use-group-header';
 export declare const dataTableProps: {
     readonly onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: ColumnKey) => number | undefined) => void>;
@@ -58,7 +57,7 @@ export declare const dataTableProps: {
     };
     readonly singleColumn: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<DataTableSize>;
         readonly default: "medium";
     };
     readonly remote: BooleanConstructor;
@@ -111,10 +110,7 @@ export declare const dataTableProps: {
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn) => VNodeChild>;
     readonly renderExpandIcon: PropType<RenderExpandIcon>;
-    readonly spinProps: {
-        readonly type: PropType<BaseLoadingExposedProps>;
-        readonly default: {};
-    };
+    readonly spinProps: PropType<DataTableSpinProps>;
     readonly getCsvCell: PropType<DataTableGetCsvCell>;
     readonly getCsvHeader: PropType<DataTableGetCsvHeader>;
     readonly onLoad: PropType<DataTableOnLoad>;
@@ -3023,6 +3019,8 @@ export interface DataTableInjection {
     mergedTableLayoutRef: Ref<'auto' | 'fixed'>;
     maxHeightRef: Ref<string | number | undefined>;
     minHeightRef: Ref<string | number | undefined>;
+    xScrollableRef: Ref<boolean>;
+    explicitlyScrollableRef: Ref<boolean>;
     rowPropsRef: Ref<CreateRowProps | undefined>;
     flexHeightRef: Ref<boolean>;
     headerCheckboxDisabledRef: Ref<boolean>;

package/es/data-table/src/interface.mjs

@@ -100,10 +100,7 @@ export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
   scrollbarProps: Object,
   renderCell: Function,
   renderExpandIcon: Function,
-  spinProps: {
-    type: Object,
-    default: {}
-  },
+  spinProps: Object,
   getCsvCell: Function,
   getCsvHeader: Function,
   onLoad: Function,

package/{lib/data-table/src/publicTypes.d.ts → es/data-table/src/public-types.d.ts}

@@ -1,3 +1,6 @@
+import type { SharedSpinProps } from '../../_internal';
 import type { TableBaseColumn } from './interface';
 export type DataTableGetCsvCell = (value: any, rowData: object, column: TableBaseColumn) => string;
 export type DataTableGetCsvHeader = (column: TableBaseColumn) => string;
+export type DataTableSize = 'small' | 'medium' | 'large';
+export type DataTableSpinProps = SharedSpinProps;

package/es/data-table/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/data-table/src/use-scroll.d.ts

@@ -1,9 +1,11 @@
 import type { ComputedRef, Ref } from 'vue';
 import type { ColumnKey, DataTableSetupProps, MainTableRef, TableColumn } from './interface';
-export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef }: {
+export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef, maxHeightRef, mergedTableLayoutRef }: {
+    maxHeightRef: Ref<string | number | undefined>;
     bodyWidthRef: Ref<null | number>;
     mainTableInstRef: Ref<MainTableRef | null>;
     mergedCurrentPageRef: ComputedRef<number>;
+    mergedTableLayoutRef: Ref<'auto' | 'fixed'>;
 }): {
     styleScrollXRef: ComputedRef<string | undefined>;
     fixedColumnLeftMapRef: ComputedRef<Record<ColumnKey, {
@@ -24,4 +26,6 @@ export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef
     handleTableBodyScroll: (e: Event) => void;
     handleTableHeaderScroll: () => void;
     setHeaderScrollLeft: (left: number) => void;
+    explicitlyScrollableRef: ComputedRef<boolean>;
+    xScrollableRef: ComputedRef<boolean>;
 };

package/es/data-table/src/use-scroll.mjs

@@ -5,8 +5,19 @@ import { getColKey, getNumberColWidth } from "./utils.mjs";
 export function useScroll(props, {
   mainTableInstRef,
   mergedCurrentPageRef,
-  bodyWidthRef
+  bodyWidthRef,
+  maxHeightRef,
+  mergedTableLayoutRef
 }) {
+  const explicitlyScrollableRef = computed(() => props.scrollX !== undefined || maxHeightRef.value !== undefined || props.flexHeight);
+  const xScrollableRef = computed(() => {
+    // For a basic table with auto layout whose content may overflow we will
+    // make it scrollable, which differs from browser's native behavior.
+    // For native behavior, see
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
+    const isBasicAutoLayout = !explicitlyScrollableRef.value && mergedTableLayoutRef.value === 'auto';
+    return props.scrollX !== undefined || isBasicAutoLayout;
+  });
   let lastScrollLeft = 0;
   const scrollPartRef = ref();
   const leftActiveFixedColKeyRef = ref(null);
@@ -181,8 +192,7 @@ export function useScroll(props, {
       value: tableWidth
     } = bodyWidthRef;
     if (tableWidth === null) return;
-    if (props.maxHeight || props.flexHeight) {
-      if (!header) return;
+    if (header) {
       // we need to deal with overscroll
       const directionHead = lastScrollLeft - header.scrollLeft;
       scrollPartRef.value = directionHead !== 0 ? 'head' : 'body';
@@ -225,6 +235,8 @@ export function useScroll(props, {
     syncScrollState,
     handleTableBodyScroll,
     handleTableHeaderScroll,
-    setHeaderScrollLeft
+    setHeaderScrollLeft,
+    explicitlyScrollableRef,
+    xScrollableRef
   };
 }

package/es/data-table/src/utils.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { CreateRowClassName, InternalRowData, RowData, SortOrder, SortOrderFlag, SortState, TableBaseColumn, TableColumn, TableExpandColumn, TableSelectionColumn } from './interface';
-import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './publicTypes';
+import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './public-types';
 export declare const SELECTION_COL_WIDTH = 40;
 export declare const EXPAND_COL_WIDTH = 40;
 export declare function getNumberColWidth(col: TableColumn): number | undefined;

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

@@ -34,6 +34,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
@@ -3440,6 +3442,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
@@ -5534,6 +5538,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly placement: import("vueuc").FollowerPlacement;
     readonly show: boolean | undefined;
     readonly inputReadonly: boolean;
+    readonly fastYearSelect: boolean;
+    readonly fastMonthSelect: boolean;
     readonly updateValueOnClose: boolean;
     readonly calendarHeaderMonthYearSeparator: string;
     readonly calendarHeaderMonthBeforeYear: boolean;

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

@@ -823,6 +823,8 @@ export default defineComponent({
       onPrevYear: this.onPrevYear,
       timePickerFormat: this.timePickerFormat,
       dateFormat: this.dateFormat,
+      fastYearSelect: this.fastYearSelect,
+      fastMonthSelect: this.fastMonthSelect,
       calendarDayFormat: this.calendarDayFormat,
       calendarHeaderYearFormat: this.calendarHeaderYearFormat,
       calendarHeaderMonthFormat: this.calendarHeaderMonthFormat,

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

@@ -17,6 +17,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -44,6 +46,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2181,6 +2185,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -2208,6 +2214,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2224,6 +2232,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     active: boolean;
     actions: string[];
     inputReadonly: boolean;
+    fastYearSelect: boolean;
+    fastMonthSelect: boolean;
     calendarHeaderMonthBeforeYear: boolean;
     panel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/date-picker/src/panel/date.mjs

@@ -58,6 +58,8 @@ export default defineComponent({
       class: `${mergedClsPrefix}-date-panel-month__prev`,
       onClick: this.prevMonth
     }, resolveSlot(datePickerSlots['prev-month'], () => [h(BackwardIcon, null)])), h(PanelHeader, {
+      fastYearSelect: this.fastYearSelect,
+      fastMonthSelect: this.fastMonthSelect,
       monthYearSeparator: this.calendarHeaderMonthYearSeparator,
       monthBeforeYear: this.calendarMonthBeforeYear,
       value: this.calendarValue,

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

@@ -8,6 +8,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -35,6 +37,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2204,6 +2208,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -2231,6 +2237,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2247,6 +2255,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly active: boolean;
     readonly actions: string[];
     readonly inputReadonly: boolean;
+    readonly fastYearSelect: boolean;
+    readonly fastMonthSelect: boolean;
     readonly calendarHeaderMonthBeforeYear: boolean;
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;