@sdata/web-vue 1.10.0 → 1.11.0

package/es/result/style/index.css

@@ -40,22 +40,6 @@
   color: inherit;
   font-size: 45px;
 }
-.sd-result-icon-success .sd-result-icon-tip {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-}
-.sd-result-icon-error .sd-result-icon-tip {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-}
-.sd-result-icon-info .sd-result-icon-tip {
-  color: rgb(var(--primary-6));
-  background-color: var(--color-primary-light-1);
-}
-.sd-result-icon-warning .sd-result-icon-tip {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-}
 .sd-result-icon-404, .sd-result-icon-403, .sd-result-icon-500 {
   padding-top: 24px;
 }

package/es/result/style/index.scss

@@ -1,50 +1,28 @@
 @use '@style/theme/index.scss' as theme;
+@use 'sass:meta';
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use '@components/result/style/token.scss' as token;
 @use '@components/result/style/token.scss' as *;
 
 $result-prefix-cls: string.unquote('#{theme.$prefix}-result');
 
-$__less-vars: (
-  'prefix': theme.$prefix,
-  'result-color-icon-bg_error': $result-color-icon-bg_error,
-  'result-color-icon-bg_info': $result-color-icon-bg_info,
-  'result-color-icon-bg_success': $result-color-icon-bg_success,
-  'result-color-icon-bg_warning': $result-color-icon-bg_warning,
-  'result-color-icon_default': $result-color-icon_default,
-  'result-color-icon_error': $result-color-icon_error,
-  'result-color-icon_info': $result-color-icon_info,
-  'result-color-icon_success': $result-color-icon_success,
-  'result-color-icon_warning': $result-color-icon_warning,
-  'result-color-subtitle-text': $result-color-subtitle-text,
-  'result-color-title-text': $result-color-title-text,
-  'result-font-subtitle-size': $result-font-subtitle-size,
-  'result-font-title-size': $result-font-title-size,
-  'result-font-title-weight': $result-font-title-weight,
-  'result-margin-content-top': $result-margin-content-top,
-  'result-margin-extra-top': $result-margin-extra-top,
-  'result-margin-icon-bottom': $result-margin-icon-bottom,
-  'result-padding-bottom': $result-padding-bottom,
-  'result-padding-horizontal': $result-padding-horizontal,
-  'result-padding-top': $result-padding-top,
-  'result-padding-top_icon': $result-padding-top_icon,
-  'result-size-icon': $result-size-icon,
-  'result-size-icon-wrapper': $result-size-icon-wrapper,
-  'result-size-icon_custom': $result-size-icon_custom,
-  'result-size-image-width': $result-size-image-width,
-);
-
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+@function token-var($name, $fallback: null) {
+  $value: map.get(meta.module-variables('token'), $name);
+
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 @mixin icon-status($status) {
   $color: string.unquote('result-color-icon_#{$status}');
   $bg: string.unquote('result-color-icon-bg_#{$status}');
 
-  color: less-var($color);
-  background-color: less-var($bg);
+  color: token-var($color);
+  background-color: token-var($bg);
 }
 
 .#{$result-prefix-cls} {

package/es/select/index.d.ts

@@ -192,17 +192,17 @@ declare const Select: {
         value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
         options: import("./interface").SelectOption[];
-        scrollbar: boolean | import("..").ScrollbarProps;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         showArrow: boolean;
         show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
-        multiple: boolean;
         defaultActiveFirstOption: boolean;
         bordered: boolean;
         showHeaderOnEmpty: boolean;
@@ -922,8 +922,8 @@ declare const Select: {
             disabled: boolean;
             loading: boolean;
             showArrow: boolean;
-            allowClear: boolean;
             multiple: boolean;
+            allowClear: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -1111,17 +1111,17 @@ declare const Select: {
         value: import("./interface").SelectModelValue;
         unmountOnClose: boolean;
         options: import("./interface").SelectOption[];
-        scrollbar: boolean | import("..").ScrollbarProps;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         showArrow: boolean;
         show: boolean;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
-        multiple: boolean;
         defaultActiveFirstOption: boolean;
         bordered: boolean;
         showHeaderOnEmpty: boolean;
@@ -1329,17 +1329,17 @@ declare const Select: {
     value: import("./interface").SelectModelValue;
     unmountOnClose: boolean;
     options: import("./interface").SelectOption[];
-    scrollbar: boolean | import("..").ScrollbarProps;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     showArrow: boolean;
     show: boolean;
+    scrollbar: boolean | import("..").ScrollbarProps;
+    multiple: boolean;
     modelValue: import("./interface").SelectModelValue;
     allowClear: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
     showExtraOptions: boolean;
-    multiple: boolean;
     defaultActiveFirstOption: boolean;
     bordered: boolean;
     showHeaderOnEmpty: boolean;
@@ -2059,8 +2059,8 @@ declare const Select: {
         disabled: boolean;
         loading: boolean;
         showArrow: boolean;
-        allowClear: boolean;
         multiple: boolean;
+        allowClear: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;
@@ -2381,6 +2381,6 @@ declare const Select: {
 export type SelectInstance = InstanceType<typeof _Select>;
 export type SelectOptionInstance = InstanceType<typeof _Option>;
 export type SelectOptGroupInstance = InstanceType<typeof _Optgroup>;
-export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, FilterOption, } from './interface';
+export type { SelectProps, SelectOption, SelectOptionData, SelectOptionGroup, SelectFieldNames, FilterOption, SelectFallbackOption, } from './interface';
 export { _Option as Option, _Optgroup as Optgroup };
 export default Select;

package/es/select/interface.d.ts

@@ -42,6 +42,7 @@ export interface SelectOptionGroupInfo extends SelectOptionGroup {
     options: (SelectOptionInfo | SelectOptionGroupInfo)[];
 }
 export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
+export type SelectFallbackOption = (value: SelectOptionValue) => SelectOptionData;
 export interface SelectProps {
     options?: SelectOption[];
     multiple?: boolean;
@@ -73,7 +74,7 @@ export interface SelectProps {
     filterOption?: FilterOption;
     virtualListProps?: VirtualListProps;
     triggerProps?: TriggerProps;
-    fallbackOption?: boolean | ((value: SelectOptionValue) => SelectOptionData);
+    fallbackOption?: boolean | SelectFallbackOption;
     showExtraOptions?: boolean;
     valueKey?: string;
     searchDelay?: number;

package/es/select/select.d.ts

@@ -341,17 +341,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     value: SelectModelValue;
     unmountOnClose: boolean;
     options: SelectOption[];
-    scrollbar: boolean | ScrollbarProps;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     showArrow: boolean;
     show: boolean;
+    scrollbar: boolean | ScrollbarProps;
+    multiple: boolean;
     modelValue: SelectModelValue;
     allowClear: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
     showExtraOptions: boolean;
-    multiple: boolean;
     defaultActiveFirstOption: boolean;
     bordered: boolean;
     showHeaderOnEmpty: boolean;
@@ -1071,8 +1071,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabled: boolean;
         loading: boolean;
         showArrow: boolean;
-        allowClear: boolean;
         multiple: boolean;
+        allowClear: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;

package/es/slider/index.d.ts

@@ -1,6 +1,9 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Slider from './slider.vue';
+export type SliderValue = number | [number, number];
+export type SliderFormatTooltip = (value: number) => string;
+export type SliderChangeHandler = (value: SliderValue) => void;
 declare const Slider: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -88,8 +91,8 @@ declare const Slider: {
         disabled: boolean;
         defaultValue: number | [number, number];
         direction: "horizontal" | "vertical";
-        modelValue: number | [number, number];
         range: boolean;
+        modelValue: number | [number, number];
         max: number;
         step: number;
         min: number;
@@ -2049,8 +2052,8 @@ declare const Slider: {
         disabled: boolean;
         defaultValue: number | [number, number];
         direction: "horizontal" | "vertical";
-        modelValue: number | [number, number];
         range: boolean;
+        modelValue: number | [number, number];
         max: number;
         step: number;
         min: number;
@@ -2147,8 +2150,8 @@ declare const Slider: {
     disabled: boolean;
     defaultValue: number | [number, number];
     direction: "horizontal" | "vertical";
-    modelValue: number | [number, number];
     range: boolean;
+    modelValue: number | [number, number];
     max: number;
     step: number;
     min: number;

package/es/slider/slider.vue.d.ts

@@ -139,8 +139,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: boolean;
     defaultValue: number | [number, number];
     direction: "horizontal" | "vertical";
-    modelValue: number | [number, number];
     range: boolean;
+    modelValue: number | [number, number];
     max: number;
     step: number;
     min: number;

package/es/steps/index.d.ts

@@ -2,6 +2,8 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _StepsStep from './step.vue';
 import _Steps from './steps.vue';
+export type { StepData, StepStatus, StepsType } from './interface';
+export type StepsChangeHandler = (step: number, event: Event) => void;
 declare const Steps: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {

package/es/switch/index.d.ts

@@ -1,6 +1,9 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Switch from './switch.vue';
+export type SwitchValue = boolean | string | number;
+export type SwitchBeforeChange = (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;
+export type SwitchChangeHandler = (value: SwitchValue, event: Event) => void;
 declare const Switch: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {

package/es/table/context.d.ts

@@ -19,7 +19,7 @@ export interface TableContext {
     onSelectAllLeafs: (record: TableDataWithRaw, checked: boolean) => void;
     onSorterChange: (dataIndex: string, direction: 'ascend' | 'descend' | '', ev: Event) => void;
     onFilterChange: (dataIndex: string, filteredValues: string[], ev: Event) => void;
-    onThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
+    onThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
 }
 export interface TableColumnContext {
     addChild: (id: number, column: TableColumnData) => void;

package/es/table/hooks/use-column-resize.d.ts

@@ -2,9 +2,8 @@ import { Ref } from 'vue';
 import { EmitFn2 } from '../../_utils/types';
 export declare const useColumnResize: (thRefs: Ref<Record<string, HTMLElement>>, emit: EmitFn2<{
     columnResize: (dataIndex: string, width: number) => true;
-}>) => {
+}>, getColExplicitWidth?: (dataIndex: string) => number | undefined) => {
     resizingColumn: Ref<string, string>;
     columnWidth: Record<string, number>;
-    handleThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
-    handleThMouseUp: () => void;
+    handleThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
 };

package/es/table/hooks/use-column-resize.js

@@ -1,38 +1,65 @@
-import { off, on } from "../../_utils/dom.js";
 import { reactive, ref } from "vue";
+import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-column-resize.ts
-var useColumnResize = (thRefs, emit) => {
+var useColumnResize = (thRefs, emit, getColExplicitWidth) => {
 	const resizingColumn = ref("");
 	const columnWidth = reactive({});
+	let stopResizeListeners = [];
+	const clearResizeListeners = () => {
+		stopResizeListeners.forEach((stop) => stop());
+		stopResizeListeners = [];
+	};
+	const resetBodyResizeStyle = () => {
+		if (typeof document === "undefined") return;
+		document.body.style.cursor = "";
+		document.body.style.userSelect = "";
+	};
+	tryOnScopeDispose(() => {
+		clearResizeListeners();
+		resetBodyResizeStyle();
+	});
 	const handleThMouseDown = (dataIndex, ev) => {
+		var _columnWidth$dataInde, _ref, _rect$width;
+		if (typeof document === "undefined") return;
 		ev.preventDefault();
+		ev.stopPropagation();
 		resizingColumn.value = dataIndex;
-		on(window, "mousemove", handleThMouseMoving);
-		on(window, "mouseup", handleThMouseUp);
-		on(window, "contextmenu", handleThMouseUp);
-	};
-	const handleThMouseUp = () => {
-		resizingColumn.value = "";
-		off(window, "mousemove", handleThMouseMoving);
-		off(window, "mouseup", handleThMouseUp);
-		off(window, "contextmenu", handleThMouseUp);
-	};
-	const handleThMouseMoving = (ev) => {
-		const element = thRefs.value[resizingColumn.value];
-		if (element) {
-			const { clientX } = ev;
-			const { x } = element.getBoundingClientRect();
-			let width = Math.ceil(clientX - x);
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+		const element = thRefs.value[dataIndex];
+		const rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+		const startX = ev.clientX;
+		const explicitWidth = (_columnWidth$dataInde = columnWidth[dataIndex]) !== null && _columnWidth$dataInde !== void 0 ? _columnWidth$dataInde : getColExplicitWidth === null || getColExplicitWidth === void 0 ? void 0 : getColExplicitWidth(dataIndex);
+		const startWidth = (_ref = explicitWidth !== null && explicitWidth !== void 0 ? explicitWidth : rect === null || rect === void 0 ? void 0 : rect.width) !== null && _ref !== void 0 ? _ref : 0;
+		const renderWidth = (_rect$width = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _rect$width !== void 0 ? _rect$width : startWidth;
+		const scale = renderWidth > 0 && startWidth > 0 ? renderWidth / startWidth : 1;
+		const target = ev.target;
+		if (target && "setPointerCapture" in target) target.setPointerCapture(ev.pointerId);
+		const onPointerMove = (e) => {
+			if (!thRefs.value[resizingColumn.value]) return;
+			const { clientX } = e;
+			const rawWidth = startWidth + (clientX - startX) / (scale || 1);
+			let width = Math.ceil(rawWidth);
 			if (width < 40) width = 40;
 			columnWidth[resizingColumn.value] = width;
 			emit("columnResize", resizingColumn.value, width);
-		}
+		};
+		const onPointerUp = () => {
+			resizingColumn.value = "";
+			resetBodyResizeStyle();
+			clearResizeListeners();
+		};
+		clearResizeListeners();
+		stopResizeListeners = [
+			useEventListener(document, "pointermove", onPointerMove),
+			useEventListener(document, "pointerup", onPointerUp),
+			useEventListener(document, "contextmenu", onPointerUp)
+		];
 	};
 	return {
 		resizingColumn,
 		columnWidth,
-		handleThMouseDown,
-		handleThMouseUp
+		handleThMouseDown
 	};
 };
 //#endregion

package/es/table/hooks/use-drag.d.ts

@@ -1,15 +1,17 @@
 import { Ref } from 'vue';
+import type { BaseType } from '../../_utils/types';
 import { TableDraggable } from '../interface';
 export declare const useDrag: (draggable: Ref<TableDraggable | undefined>) => {
     dragType: import("vue").ComputedRef<"row" | "handle" | undefined>;
     dragState: {
         dragging: boolean;
-        sourceKey: string;
+        sourceKey: BaseType | "";
         sourcePath: number[];
         targetPath: number[];
         data: Record<string, unknown>;
+        dropIndicatorPath: number[];
     };
-    handleDragStart: (ev: DragEvent, sourceKey: string, sourcePath: number[], data: Record<string, unknown>) => void;
+    handleDragStart: (ev: DragEvent, sourceKey: BaseType, sourcePath: number[], data: Record<string, unknown>) => void;
     handleDragEnter: (ev: DragEvent, targetPath: number[]) => void;
     handleDragLeave: (_ev: DragEvent) => void;
     handleDragover: (ev: DragEvent) => void;

package/es/table/hooks/use-drag.js

@@ -1,4 +1,5 @@
 import { computed, reactive } from "vue";
+import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-drag.ts
 var useDrag = (draggable) => {
 	const dragType = computed(() => {
@@ -12,7 +13,8 @@ var useDrag = (draggable) => {
 		sourceKey: "",
 		sourcePath: [],
 		targetPath: [],
-		data: {}
+		data: {},
+		dropIndicatorPath: []
 	});
 	const clearDragState = () => {
 		dragState.dragging = false;
@@ -20,7 +22,16 @@ var useDrag = (draggable) => {
 		dragState.sourcePath = [];
 		dragState.targetPath = [];
 		dragState.data = {};
+		dragState.dropIndicatorPath = [];
 	};
+	const stopGlobalDragListeners = [useEventListener(typeof window !== "undefined" ? window : void 0, "dragend", () => {
+		clearDragState();
+	}), useEventListener(typeof window !== "undefined" ? window : void 0, "drop", () => {
+		clearDragState();
+	})];
+	tryOnScopeDispose(() => {
+		stopGlobalDragListeners.forEach((stop) => stop());
+	});
 	const handleDragStart = (ev, sourceKey, sourcePath, data) => {
 		if (ev.dataTransfer) {
 			ev.dataTransfer.effectAllowed = "move";
@@ -37,7 +48,10 @@ var useDrag = (draggable) => {
 	};
 	const handleDragEnter = (ev, targetPath) => {
 		if (ev.dataTransfer) ev.dataTransfer.dropEffect = "move";
-		if (dragState.targetPath.toString() !== targetPath.toString()) dragState.targetPath = targetPath;
+		if (dragState.targetPath.toString() !== targetPath.toString()) {
+			dragState.targetPath = targetPath;
+			dragState.dropIndicatorPath = targetPath;
+		}
 		ev.preventDefault();
 	};
 	const handleDragLeave = (_ev) => {};

package/es/table/index.d.ts

@@ -33,10 +33,6 @@ declare const Table: {
             type: import("vue").PropType<import("..").Size>;
             default: () => "mini" | "small" | "medium" | "large";
         };
-        tableLayoutFixed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         loading: {
             type: (BooleanConstructor | ObjectConstructor)[];
             default: boolean;
@@ -68,7 +64,7 @@ declare const Table: {
             default: number;
         };
         rowKey: {
-            type: StringConstructor;
+            type: import("vue").PropType<string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType)>;
             default: string;
         };
         showHeader: {
@@ -81,10 +77,6 @@ declare const Table: {
                 fixedSize?: boolean;
                 estimatedSize?: number;
                 itemKey?: string | ((item: unknown, index: number) => string | number);
-                component?: keyof HTMLElementTagNameMap | Record<string, unknown>;
-                listAttrs?: Record<string, unknown>;
-                contentAttrs?: Record<string, unknown>;
-                paddingPosition?: "content" | "list";
             }>;
         };
         spanMethod: {
@@ -173,6 +165,10 @@ declare const Table: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
             default: boolean;
         };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showEmptyTree: {
             type: BooleanConstructor;
             default: boolean;
@@ -254,16 +250,16 @@ declare const Table: {
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
-        tableLayoutFixed: boolean;
         pagination: boolean | import("..").PaginationProps;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-        rowKey: string;
+        rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
         hideExpandButtonOnEmpty: boolean;
         columnResizable: boolean;
         summaryText: string;
         stickyHeader: number | boolean;
+        debug: boolean;
         showEmptyTree: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -297,10 +293,6 @@ declare const Table: {
             type: import("vue").PropType<import("..").Size>;
             default: () => "mini" | "small" | "medium" | "large";
         };
-        tableLayoutFixed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         loading: {
             type: (BooleanConstructor | ObjectConstructor)[];
             default: boolean;
@@ -332,7 +324,7 @@ declare const Table: {
             default: number;
         };
         rowKey: {
-            type: StringConstructor;
+            type: import("vue").PropType<string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType)>;
             default: string;
         };
         showHeader: {
@@ -345,10 +337,6 @@ declare const Table: {
                 fixedSize?: boolean;
                 estimatedSize?: number;
                 itemKey?: string | ((item: unknown, index: number) => string | number);
-                component?: keyof HTMLElementTagNameMap | Record<string, unknown>;
-                listAttrs?: Record<string, unknown>;
-                contentAttrs?: Record<string, unknown>;
-                paddingPosition?: "content" | "list";
             }>;
         };
         spanMethod: {
@@ -437,6 +425,10 @@ declare const Table: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
             default: boolean;
         };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showEmptyTree: {
             type: BooleanConstructor;
             default: boolean;
@@ -495,16 +487,16 @@ declare const Table: {
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
-        tableLayoutFixed: boolean;
         pagination: boolean | import("..").PaginationProps;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-        rowKey: string;
+        rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
         hideExpandButtonOnEmpty: boolean;
         columnResizable: boolean;
         summaryText: string;
         stickyHeader: number | boolean;
+        debug: boolean;
         showEmptyTree: boolean;
     }>;
     __isFragment?: never;
@@ -535,10 +527,6 @@ declare const Table: {
         type: import("vue").PropType<import("..").Size>;
         default: () => "mini" | "small" | "medium" | "large";
     };
-    tableLayoutFixed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     loading: {
         type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
@@ -570,7 +558,7 @@ declare const Table: {
         default: number;
     };
     rowKey: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType)>;
         default: string;
     };
     showHeader: {
@@ -583,10 +571,6 @@ declare const Table: {
             fixedSize?: boolean;
             estimatedSize?: number;
             itemKey?: string | ((item: unknown, index: number) => string | number);
-            component?: keyof HTMLElementTagNameMap | Record<string, unknown>;
-            listAttrs?: Record<string, unknown>;
-            contentAttrs?: Record<string, unknown>;
-            paddingPosition?: "content" | "list";
         }>;
     };
     spanMethod: {
@@ -675,6 +659,10 @@ declare const Table: {
         type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
         default: boolean;
     };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -756,16 +744,16 @@ declare const Table: {
     indentSize: number;
     filterIconAlignLeft: boolean;
     stripe: boolean;
-    tableLayoutFixed: boolean;
     pagination: boolean | import("..").PaginationProps;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    rowKey: string;
+    rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
     showHeader: boolean;
     spanAll: boolean;
     hideExpandButtonOnEmpty: boolean;
     columnResizable: boolean;
     summaryText: string;
     stickyHeader: number | boolean;
+    debug: boolean;
     showEmptyTree: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Thead: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1092,6 +1080,6 @@ export type TrInstance = InstanceType<typeof _Tr>;
 export type ThInstance = InstanceType<typeof _Th>;
 export type TdInstance = InstanceType<typeof _Td>;
 export type TableColumnInstance = InstanceType<typeof _Column>;
-export type { TableData, TableSortable, TableFilterData, TableFilterable, TableColumnData, TableBorder, TableRowSelection, TableExpandable, TableDraggable, TableChangeExtra, } from './interface';
+export type { TableData, TableSortable, TableFilterData, TableFilterable, TableColumnData, TableBorder, TableRowSelection, TableExpandable, TableDraggable, TableChangeExtra, TableLoadMore, TableProps, TableRowKey, TableSpanMethod, TableSpanMethodContext, TableSummary, TableSummaryContext, TableSummarySpanMethod, } from './interface';
 export { _Thead as Thead, _Tbody as Tbody, _Tr as Tr, _Th as Th, _Td as Td, _Column as TableColumn, };
 export default Table;