naive-ui 2.43.2 → 2.44.0

package/es/cascader/src/public-types.d.ts

@@ -0,0 +1,2 @@
+import type { SharedSpinProps } from '../../_internal';
+export type CascaderSpinProps = SharedSpinProps;

package/es/cascader/src/public-types.mjs

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

package/es/checkbox/index.d.ts

@@ -3,3 +3,4 @@ export type { CheckboxProps } from './src/Checkbox';
 export { checkboxGroupProps, default as NCheckboxGroup } from './src/CheckboxGroup';
 export type { CheckboxGroupProps } from './src/CheckboxGroup';
 export type { CheckboxInst } from './src/interface';
+export type * from './src/public-types';

package/es/checkbox/src/Checkbox.d.ts

@@ -1,8 +1,9 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { CheckboxInst, OnUpdateChecked } from './interface';
+import type { CheckboxSize } from './public-types';
 export declare const checkboxProps: {
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<CheckboxSize>;
     checked: {
         type: PropType<boolean | string | number | undefined>;
         default: undefined;
@@ -127,7 +128,7 @@ export declare const checkboxProps: {
 };
 export type CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<CheckboxSize>;
     checked: {
         type: PropType<boolean | string | number | undefined>;
         default: undefined;
@@ -326,7 +327,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<CheckboxSize>;
     checked: {
         type: PropType<boolean | string | number | undefined>;
         default: undefined;

package/es/checkbox/src/Checkbox.mjs

@@ -63,7 +63,8 @@ export default defineComponent({
     const {
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const uncontrolledCheckedRef = ref(props.defaultChecked);
     const controlledCheckedRef = toRef(props, 'checked');
@@ -81,6 +82,7 @@ export default defineComponent({
     });
     const formItem = useFormItem(props, {
       mergedSize(NFormItem) {
+        var _a, _b;
         const {
           size
         } = props;
@@ -99,6 +101,8 @@ export default defineComponent({
           } = NFormItem;
           if (mergedSize !== undefined) return mergedSize.value;
         }
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Checkbox) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
         return 'medium';
       },
       mergedDisabled(NFormItem) {

package/es/checkbox/src/public-types.d.ts

@@ -0,0 +1 @@
+export type CheckboxSize = 'small' | 'medium' | 'large';

package/es/checkbox/src/public-types.mjs

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

package/es/color-picker/src/ColorPicker.d.ts

@@ -1,5 +1,5 @@
 import type { HSLA, RGBA } from 'seemly';
-import type { PropType, Ref, SlotsType, VNode } from 'vue';
+import type { ComponentPublicInstance, PropType, Ref, SlotsType, VNode } from 'vue';
 import type { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnClear, OnUpdateValue, RenderLabel } from './interface';
@@ -939,6 +939,11 @@ export interface ColorPickerSlots {
     default?: () => VNode[];
     label?: (color: string | null) => VNode[];
     action?: () => VNode[];
+    trigger?: (props: {
+        value: string | null;
+        onClick: () => void;
+        ref: (el: any) => void;
+    }) => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly value: PropType<string | null>;
@@ -1872,7 +1877,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     mergedClsPrefix: Ref<string, string>;
     namespace: import("vue").ComputedRef<string | undefined>;
-    selfRef: Ref<HTMLElement | null, HTMLElement | null>;
     hsla: import("vue").ComputedRef<HSLA | null>;
     rgba: import("vue").ComputedRef<RGBA | null>;
     mergedShow: import("vue").ComputedRef<boolean>;
@@ -1881,6 +1885,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
     mergedValue: import("vue").ComputedRef<string | null>;
     handleTriggerClick(): void;
+    setTriggerRef: (el: Element | ComponentPublicInstance | null) => void;
     handleClickOutside(e: MouseEvent): void;
     renderPanel: () => VNode;
     cssVars: import("vue").ComputedRef<{

package/es/color-picker/src/ColorPicker.mjs

@@ -4,7 +4,7 @@ import { useIsMounted, useMergedState } from 'vooks';
 import { computed, defineComponent, h, nextTick, provide, ref, toRef, Transition, watch, watchEffect, withDirectives } from 'vue';
 import { VBinder, VFollower, VTarget } from 'vueuc';
 import { useConfig, useFormItem, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { call, createKey, useAdjustedTo } from "../../_utils/index.mjs";
+import { call, createKey, resolveWrappedSlotWithProps, useAdjustedTo } from "../../_utils/index.mjs";
 import { NButton } from "../../button/index.mjs";
 import { colorPickerLight } from "../styles/index.mjs";
 import AlphaSlider from "./AlphaSlider.mjs";
@@ -67,7 +67,10 @@ export default defineComponent({
   setup(props, {
     slots
   }) {
-    const selfRef = ref(null);
+    let triggerRef = null;
+    function setTriggerRef(el) {
+      triggerRef = el;
+    }
     let upcomingValue = null;
     const formItem = useFormItem(props);
     const {
@@ -552,7 +555,6 @@ export default defineComponent({
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       namespace: namespaceRef,
-      selfRef,
       hsla: hslaRef,
       rgba: rgbaRef,
       mergedShow: mergedShowRef,
@@ -561,12 +563,21 @@ export default defineComponent({
       adjustedTo: useAdjustedTo(props),
       mergedValue: mergedValueRef,
       handleTriggerClick() {
+        if (mergedDisabledRef.value) {
+          return;
+        }
         doUpdateShow(true);
       },
+      setTriggerRef,
       handleClickOutside(e) {
-        var _a;
-        if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e))) {
-          return;
+        if (triggerRef instanceof Element) {
+          if (triggerRef.contains(getPreciseEventTarget(e))) {
+            return;
+          }
+        } else if (triggerRef) {
+          if (triggerRef.$el.contains(getPreciseEventTarget(e))) {
+            return;
+          }
         }
         doUpdateShow(false);
       },
@@ -582,18 +593,24 @@ export default defineComponent({
       onRender
     } = this;
     onRender === null || onRender === void 0 ? void 0 : onRender();
-    return h("div", {
-      class: [this.themeClass, `${mergedClsPrefix}-color-picker`],
-      ref: "selfRef",
-      style: this.cssVars
-    }, h(VBinder, null, {
+    return h(VBinder, null, {
       default: () => [h(VTarget, null, {
-        default: () => h(ColorPickerTrigger, {
-          clsPrefix: mergedClsPrefix,
+        default: () => resolveWrappedSlotWithProps(this.$slots.trigger, {
           value: this.mergedValue,
-          hsla: this.hsla,
-          disabled: this.mergedDisabled,
-          onClick: this.handleTriggerClick
+          onClick: this.handleTriggerClick,
+          ref: this.setTriggerRef
+        }, children => {
+          const triggerNode = children || h(ColorPickerTrigger, {
+            clsPrefix: mergedClsPrefix,
+            value: this.mergedValue,
+            hsla: this.hsla,
+            style: this.cssVars,
+            ref: this.setTriggerRef,
+            disabled: this.mergedDisabled,
+            class: this.themeClass,
+            onClick: this.mergedDisabled ? undefined : this.handleTriggerClick
+          });
+          return triggerNode;
         })
       }), h(VFollower, {
         placement: this.placement,
@@ -611,6 +628,6 @@ export default defineComponent({
           }]]) : null
         })
       })]
-    }));
+    });
   }
 });

package/es/color-picker/src/ColorPickerTrigger.mjs

@@ -36,10 +36,10 @@ export default defineComponent({
       } = props;
       const renderLabel = colorPickerSlots.label || renderLabelRef.value;
       return h("div", {
-        class: [`${clsPrefix}-color-picker-trigger`, disabled && `${clsPrefix}-color-picker-trigger--disabled`],
+        class: [`${clsPrefix}-color-picker`, disabled && `${clsPrefix}-color-picker--disabled`],
         onClick: disabled ? undefined : onClick
       }, h("div", {
-        class: `${clsPrefix}-color-picker-trigger__fill`
+        class: `${clsPrefix}-color-picker__fill`
       }, h("div", {
         class: `${clsPrefix}-color-picker-checkboard`
       }), h("div", {
@@ -52,7 +52,7 @@ export default defineComponent({
           backgroundColor: hsla ? toHslaString(hsla) : ''
         }
       }), value && hsla ? h("div", {
-        class: `${clsPrefix}-color-picker-trigger__value`,
+        class: `${clsPrefix}-color-picker__value`,
         style: {
           color: getWCAGContrast(hsla) ? 'white' : 'black'
         }

package/es/color-picker/src/styles/index.cssr.mjs

@@ -10,14 +10,7 @@ import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 // --n-height
 // --n-box-shadow
 // --n-divider-color
-export default c([cB('color-picker', `
- display: inline-block;
- box-sizing: border-box;
- height: var(--n-height);
- font-size: var(--n-font-size);
- width: 100%;
- position: relative;
- `), cB('color-picker-panel', `
+export default c([cB('color-picker-panel', `
  margin: 4px 0;
  width: 240px;
  font-size: var(--n-panel-font-size);
@@ -132,14 +125,18 @@ export default c([cB('color-picker', `
  border-top: 1px solid var(--n-divider-color);
  padding: 8px 12px;
  justify-content: flex-end;
- `, [cB('button', 'margin-left: 8px;')]), cB('color-picker-trigger', `
- border: var(--n-border);
- height: 100%;
+ `, [cB('button', 'margin-left: 8px;')]), cB('color-picker', `
+ display: inline-block;
  box-sizing: border-box;
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+ width: 100%;
+ position: relative;
+ cursor: pointer;
+ border: var(--n-border);
  border-radius: var(--n-border-radius);
  transition: border-color .3s var(--n-bezier);
- cursor: pointer;
- `, [cE('value', `
+ `, [cM('disabled', 'cursor: not-allowed'), cE('value', `
  white-space: nowrap;
  position: relative;
  `), cE('fill', `
@@ -152,7 +149,7 @@ export default c([cB('color-picker', `
  right: 4px;
  top: 4px;
  bottom: 4px;
- `), cM('disabled', 'cursor: not-allowed'), cB('color-picker-checkboard', `
+ `), cB('color-picker-checkboard', `
  border-radius: var(--n-border-radius);
  `, [c('&::after', `
  --n-block-size: calc((var(--n-height) - 8px) / 3);

package/es/config-provider/src/internal-interface.d.ts

@@ -13,27 +13,33 @@ import type { BackTopTheme } from '../../back-top/styles';
 import type { BadgeTheme } from '../../badge/styles';
 import type { BreadcrumbTheme } from '../../breadcrumb/styles';
 import type { ButtonGroupTheme } from '../../button-group/styles/light';
-import type { Size as ButtonSize } from '../../button/src/interface';
+import type { ButtonSize } from '../../button/src/public-types';
 import type { ButtonTheme } from '../../button/styles';
 import type { CalendarTheme } from '../../calendar/styles';
+import type { CardSize } from '../../card/src/public-types';
 import type { CardTheme } from '../../card/styles';
 import type { CarouselTheme } from '../../carousel/styles';
 import type { CascaderTheme } from '../../cascader/styles';
+import type { CheckboxSize } from '../../checkbox/src/public-types';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { CollapseTheme } from '../../collapse/styles';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
+import type { DataTableSize } from '../../data-table/src/public-types';
 import type { DataTableTheme } from '../../data-table/styles';
 import type { DatePickerTheme } from '../../date-picker/styles';
+import type { DescriptionsSize } from '../../descriptions/src/public-types';
 import type { DescriptionsTheme } from '../../descriptions/styles';
 import type { IconPlacement } from '../../dialog/src/interface';
 import type { DialogTheme } from '../../dialog/styles';
 import type { DividerTheme } from '../../divider/styles';
 import type { DrawerTheme } from '../../drawer/styles';
+import type { DropdownSize } from '../../dropdown/src/public-types';
 import type { DropdownTheme } from '../../dropdown/styles';
 import type { DynamicInputTheme } from '../../dynamic-input/styles';
+import type { DynamicTagsSize } from '../../dynamic-tags/src/public-types';
 import type { DynamicTagsTheme } from '../../dynamic-tags/styles';
 import type { ElementTheme } from '../../element/styles';
 import type { EllipsisTheme } from '../../ellipsis/styles';
@@ -43,6 +49,7 @@ import type { EquationTheme } from '../../equation/styles';
 import type { FlexTheme } from '../../flex/styles';
 import type { FloatButtonGroupTheme } from '../../float-button-group/styles';
 import type { FloatButtonTheme } from '../../float-button/styles';
+import type { FormSize } from '../../form/src/public-types';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
 import type { HeatmapTheme } from '../../heatmap/styles';
@@ -51,7 +58,7 @@ import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
 import type { InputNumberTheme } from '../../input-number/styles';
 import type { InputOtpTheme } from '../../input-otp/styles';
-import type { Size as InputSize } from '../../input/src/interface';
+import type { InputSize } from '../../input/src/public-types';
 import type { InputTheme } from '../../input/styles';
 import type { LayoutTheme } from '../../layout/styles';
 import type { RowTheme } from '../../legacy-grid/styles';
@@ -67,30 +74,41 @@ import type { MessageTheme } from '../../message/styles';
 import type { ModalTheme } from '../../modal/styles';
 import type { NotificationTheme } from '../../notification/styles';
 import type { PageHeaderTheme } from '../../page-header/styles';
+import type { PaginationSize } from '../../pagination/src/public-types';
 import type { PaginationTheme } from '../../pagination/styles';
 import type { PopconfirmTheme } from '../../popconfirm/styles';
 import type { PopoverTheme } from '../../popover/styles';
+import type { PopselectSize } from '../../popselect/src/public-types';
 import type { PopselectTheme } from '../../popselect/styles';
 import type { ProgressTheme } from '../../progress/styles';
 import type { QrCodeTheme } from '../../qr-code/styles';
+import type { RadioSize } from '../../radio/src/public-types';
 import type { RadioTheme } from '../../radio/styles';
+import type { RateSize } from '../../rate/src/public-types';
 import type { RateTheme } from '../../rate/styles';
+import type { ResultSize } from '../../result/src/public-types';
 import type { ResultTheme } from '../../result/styles';
-import type { Size as SelectSize } from '../../select/src/interface';
+import type { SelectSize } from '../../select/src/public-types';
 import type { SelectTheme } from '../../select/styles';
+import type { SkeletonSize } from '../../skeleton/src/public-types';
 import type { SkeletonTheme } from '../../skeleton/styles';
 import type { SliderTheme } from '../../slider/styles';
+import type { SpaceSize } from '../../space/src/public-types';
 import type { SpaceTheme } from '../../space/styles';
 import type { SpinTheme } from '../../spin/styles';
 import type { SplitTheme } from '../../split/styles';
 import type { StatisticTheme } from '../../statistic/styles';
 import type { StepsTheme } from '../../steps/styles';
+import type { SwitchSize } from '../../switch/src/public-types';
 import type { SwitchTheme } from '../../switch/styles';
+import type { TableSize } from '../../table/src/public-types';
 import type { TableTheme } from '../../table/styles';
+import type { TabsSize } from '../../tabs/src/public-types';
 import type { TabsTheme } from '../../tabs/styles';
+import type { TagSize } from '../../tag/src/public-types';
 import type { TagTheme } from '../../tag/styles';
 import type { ThingTheme } from '../../thing/styles';
-import type { Size as TimePickerSize } from '../../time-picker/src/interface';
+import type { TimePickerSize } from '../../time-picker/src/public-types';
 import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
@@ -145,6 +163,7 @@ export interface GlobalThemeWithoutCommon {
     Image?: ImageTheme;
     Input?: InputTheme;
     InputNumber?: InputNumberTheme;
+    InputOtp?: InputOtpTheme;
     Layout?: LayoutTheme;
     LegacyTransfer?: LegacyTransferTheme;
     List?: ListTheme;
@@ -193,10 +212,22 @@ export interface GlobalThemeWithoutCommon {
     Heatmap?: HeatmapTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
-    InputOtp?: InputOtpTheme;
 }
 export interface GlobalComponentConfig {
+    Cascader?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Button?: {
+        size?: ButtonSize;
+    };
+    Card?: {
+        size?: CardSize;
+    };
+    Checkbox?: {
+        size?: CheckboxSize;
+    };
     Pagination?: {
+        size?: PaginationSize;
         inputSize?: InputSize;
         selectSize?: SelectSize;
     };
@@ -207,13 +238,72 @@ export interface GlobalComponentConfig {
         iconPlacement?: IconPlacement;
     };
     DataTable?: {
+        size?: DataTableSize;
         renderFilter?: DataTableRenderFilter;
         renderSorter?: DataTableRenderSorter;
+        renderEmpty?: () => VNodeChild;
+    };
+    Descriptions?: {
+        size?: DescriptionsSize;
+    };
+    Dropdown?: {
+        size?: DropdownSize;
     };
     DynamicInput?: {
         buttonSize?: ButtonSize;
     };
+    DynamicTags?: {
+        size?: DynamicTagsSize;
+    };
     Empty?: Pick<EmptyProps, 'description' | 'renderIcon'>;
+    Form?: {
+        size?: FormSize;
+    };
+    Input?: {
+        size?: InputSize;
+    };
+    Select?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Popselect?: {
+        size?: PopselectSize;
+    };
+    Radio?: {
+        size?: RadioSize;
+    };
+    Rate?: {
+        size?: RateSize;
+    };
+    Result?: {
+        size?: ResultSize;
+    };
+    Skeleton?: {
+        size?: SkeletonSize;
+    };
+    Space?: {
+        size?: SpaceSize;
+    };
+    Switch?: {
+        size?: SwitchSize;
+    };
+    Table?: {
+        size?: TableSize;
+    };
+    Tabs?: {
+        size?: TabsSize;
+    };
+    Tag?: {
+        size?: TagSize;
+    };
+    Transfer?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Tree?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    TreeSelect?: {
+        renderEmpty?: () => VNodeChild;
+    };
 }
 export interface GlobalIconConfig {
     attach?: () => VNodeChild;

package/es/countdown/src/Countdown.d.ts

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     render: PropType<(props: CountdownTimeInfo) => VNodeChild>;
     onFinish: PropType<() => void>;
 }>> & Readonly<{}>, {
-    active: boolean;
     duration: number;
+    active: boolean;
     precision: 0 | 1 | 3 | 2;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/data-table/index.d.ts

@@ -1,4 +1,4 @@
 export { default as NDataTable } from './src/DataTable';
 export { dataTableProps } from './src/interface';
 export type { TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, ColumnKey as DataTableColumnKey, TableColumns as DataTableColumns, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, TableExpandColumn as DataTableExpandColumn, FilterState as DataTableFilterState, DataTableInst, DataTableProps, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, TableSelectionColumn as DataTableSelectionColumn, DataTableSlots, SortOrder as DataTableSortOrder, SortState as DataTableSortState } from './src/interface';
-export * from './src/publicTypes';
+export type * from './src/public-types';

package/es/data-table/index.mjs

@@ -1,3 +1,2 @@
 export { default as NDataTable } from "./src/DataTable.mjs";
-export { dataTableProps } from "./src/interface.mjs";
-export * from "./src/publicTypes.mjs";
+export { dataTableProps } from "./src/interface.mjs";

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

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly singleColumn: BooleanConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
         readonly default: "medium";
     };
     readonly remote: BooleanConstructor;
@@ -99,12 +99,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn) => import("vue").VNodeChild>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
-    readonly spinProps: {
-        readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
-        readonly default: {};
-    };
-    readonly getCsvCell: import("vue").PropType<import("./publicTypes").DataTableGetCsvCell>;
-    readonly getCsvHeader: import("vue").PropType<import("./publicTypes").DataTableGetCsvHeader>;
+    readonly spinProps: import("vue").PropType<import("./public-types").DataTableSpinProps>;
+    readonly getCsvCell: import("vue").PropType<import("./public-types").DataTableGetCsvCell>;
+    readonly getCsvHeader: import("vue").PropType<import("./public-types").DataTableGetCsvHeader>;
     readonly onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
     readonly 'onUpdate:page': import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
@@ -4315,7 +4312,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly singleColumn: BooleanConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
         readonly default: "medium";
     };
     readonly remote: BooleanConstructor;
@@ -4368,12 +4365,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn) => import("vue").VNodeChild>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
-    readonly spinProps: {
-        readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
-        readonly default: {};
-    };
-    readonly getCsvCell: import("vue").PropType<import("./publicTypes").DataTableGetCsvCell>;
-    readonly getCsvHeader: import("vue").PropType<import("./publicTypes").DataTableGetCsvHeader>;
+    readonly spinProps: import("vue").PropType<import("./public-types").DataTableSpinProps>;
+    readonly getCsvCell: import("vue").PropType<import("./public-types").DataTableGetCsvCell>;
+    readonly getCsvHeader: import("vue").PropType<import("./public-types").DataTableGetCsvHeader>;
     readonly onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
     readonly 'onUpdate:page': import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
@@ -7109,9 +7103,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly size: "small" | "medium" | "large";
+    readonly size: import("./public-types").DataTableSize;
     readonly data: import("./interface").RowData[];
-    readonly spinProps: import("../../_internal").BaseLoadingExposedProps;
     readonly bordered: boolean | undefined;
     readonly loading: boolean;
     readonly allowCheckingNotLoaded: boolean;