@uzum-tech/ui 2.0.5 → 2.0.7

package/lib/components.d.ts

@@ -34658,6 +34658,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -35613,6 +35616,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -36568,6 +36574,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -37550,6 +37559,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -38939,6 +38951,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         '--u-th-button-color-hover': string;
         '--u-th-icon-color': string;
         '--u-th-icon-color-active': string;
+        '--u-drop-mark-color': string;
+        '--u-drag-ghost-opacity': string;
+        '--u-drag-ghost-filter': string;
         '--u-filter-size': string;
         '--u-pagination-margin': string;
         '--u-empty-padding': string;
@@ -39123,6 +39138,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -40078,6 +40096,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -41033,6 +41054,9 @@ export declare const UDataTable: import("vue").DefineComponent<import("vue").Ext
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -77057,6 +77081,10 @@ export { mappingCardDark, mappingCardLight, renderConfig } from './mapping-card'
 export declare const UMappingCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["title"]>;
     description: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["description"]>;
+    subTitle: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["subTitle"]>;
+    subDescription: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["subDescription"]>;
+    headerInfo: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["headerInfo"]>;
+    headerSubInfo: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["headerSubInfo"]>;
     rows: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["rows"]>;
     cols: {
         readonly type: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["cols"]>;
@@ -78111,6 +78139,10 @@ export declare const UMappingCard: import("vue").DefineComponent<import("vue").E
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["title"]>;
     description: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["description"]>;
+    subTitle: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["subTitle"]>;
+    subDescription: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["subDescription"]>;
+    headerInfo: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["headerInfo"]>;
+    headerSubInfo: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["headerSubInfo"]>;
     rows: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["rows"]>;
     cols: {
         readonly type: import("vue").PropType<import("./mapping-card/src/interface").MappingCardInterface["cols"]>;
@@ -106195,7 +106227,7 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
     readonly scrollbarProps: import("vue").PropType<import("./scrollbar").ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: import("vue").PropType<import("./tree/src/interface").AllowDrop>;
@@ -106221,16 +106253,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     readonly getChildren: import("vue").PropType<import("./tree/src/interface").GetChildren>;
-    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDropInfo) => void>>;
     readonly onUpdateCheckedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly 'onUpdate:checkedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly onUpdateSelectedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
     readonly 'onUpdate:selectedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -106241,6 +106274,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106340,6 +106375,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106439,6 +106476,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106542,6 +106581,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -106931,15 +106972,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
-    handleFocusout: (e: FocusEvent) => void;
-    handleDragLeaveTree: (e: DragEvent) => void;
-    handleScroll: () => void;
+    handleFocusout: (event: FocusEvent) => void;
+    handleDragLeaveTree: (event: DragEvent) => void;
+    handleScroll: (event: Event) => void;
     getScrollContainer: () => HTMLElement | null | undefined;
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
     cssVars: import("vue").ComputedRef<{
         '--u-arrow-color': string;
+        '--u-switcher-color': string;
+        '--u-switcher-size': string;
         '--u-loading-color': string;
         '--u-bezier': string;
         '--u-font-size': string;
@@ -107076,7 +107119,7 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
     readonly scrollbarProps: import("vue").PropType<import("./scrollbar").ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: import("vue").PropType<import("./tree/src/interface").AllowDrop>;
@@ -107102,16 +107145,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     readonly getChildren: import("vue").PropType<import("./tree/src/interface").GetChildren>;
-    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDropInfo) => void>>;
     readonly onUpdateCheckedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly 'onUpdate:checkedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly onUpdateSelectedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
     readonly 'onUpdate:selectedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -107122,6 +107166,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107221,6 +107267,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107320,6 +107368,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107458,8 +107508,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import("./tree-select").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import("./tree-select").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import("./tree-select").TreeSelectNodeProps>;
-    readonly onBlur: import("vue").PropType<(e: FocusEvent) => void>;
-    readonly onFocus: import("vue").PropType<(e: FocusEvent) => void>;
+    readonly onBlur: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -107580,6 +107632,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -107832,6 +107886,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -108084,6 +108140,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -108382,22 +108440,23 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     }) => void;
     handleMenuLeave: () => void;
     handleTriggerClick: () => void;
-    handleMenuClickoutside: (e: MouseEvent) => void;
+    handleMenuClickoutside: (event: MouseEvent) => void;
     handleUpdateCheckedKeys: (keys: import("./tree/src/interface").Key[], _: unknown, meta: {
         node: import("./tree").TreeOption | null;
         action: "check" | "uncheck";
     }) => void;
     handleUpdateIndeterminateKeys: (keys: import("./tree/src/interface").Key[]) => void;
-    handleTriggerFocus: (e: FocusEvent) => void;
-    handleTriggerBlur: (e: FocusEvent) => void;
-    handleMenuFocusin: (e: FocusEvent) => void;
-    handleMenuFocusout: (e: FocusEvent) => void;
-    handleClear: (e: MouseEvent) => void;
+    handleTriggerFocus: (event: FocusEvent) => void;
+    handleTriggerBlur: (event: FocusEvent) => void;
+    handleMenuFocusin: (event: FocusEvent) => void;
+    handleMenuFocusout: (event: FocusEvent) => void;
+    handleClear: (event: MouseEvent) => void;
     handleDeleteOption: (option: import("./select/src/interface").SelectBaseOption) => void;
-    handlePatternInput: (e: InputEvent) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
+    handlePatternInput: (event: InputEvent) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
     handleTabOut: () => void;
-    handleMenuMousedown: (e: MouseEvent) => void;
+    handleMenuMousedown: (event: MouseEvent) => void;
+    handleTreeScroll: (event: Event) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: import("./config-provider").ThemeCommonVars;
         self: {
@@ -108421,6 +108480,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
                 nodeColorPressed: string;
                 nodeColorActive: string;
                 arrowColor: string;
+                switcherColor: string;
+                switcherSize: string;
                 nodeTextColor: string;
                 nodeTextColorDisabled: string;
                 loadingColor: string;
@@ -108795,8 +108856,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import("./tree-select").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import("./tree-select").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import("./tree-select").TreeSelectNodeProps>;
-    readonly onBlur: import("vue").PropType<(e: FocusEvent) => void>;
-    readonly onFocus: import("vue").PropType<(e: FocusEvent) => void>;
+    readonly onBlur: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -108917,6 +108980,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -109169,6 +109234,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -109421,6 +109488,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;

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

@@ -166,6 +166,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -1121,6 +1124,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -2076,6 +2082,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -3058,6 +3067,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -4447,6 +4459,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         '--u-th-button-color-hover': string;
         '--u-th-icon-color': string;
         '--u-th-icon-color-active': string;
+        '--u-drop-mark-color': string;
+        '--u-drag-ghost-opacity': string;
+        '--u-drag-ghost-filter': string;
         '--u-filter-size': string;
         '--u-pagination-margin': string;
         '--u-empty-padding': string;
@@ -4631,6 +4646,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -5586,6 +5604,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;
@@ -6541,6 +6562,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
+        dropMarkColor: string;
+        dragGhostOpacity: string;
+        dragGhostFilter: string;
         borderColorModal: string;
         tdColorHoverModal: string;
         tdColorStripedModal: string;

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

@@ -16,6 +16,7 @@ const use_check_1 = require("./use-check");
 const use_expand_1 = require("./use-expand");
 const use_group_header_1 = require("./use-group-header");
 const use_resizable_1 = require("./use-resizable");
+const use_row_drag_1 = require("./use-row-drag");
 const use_scroll_1 = require("./use-scroll");
 const use_table_data_1 = require("./use-table-data");
 const use_table_storage_1 = require("./use-table-storage");
@@ -78,6 +79,11 @@ exports.default = (0, vue_1.defineComponent)({
             paginatedDataRef
         });
         const { stickyExpandedRowsRef, mergedExpandedRowKeysRef, renderExpandRef, expandableRef, doUpdateExpandedRowKeys } = (0, use_expand_1.useExpand)(props, treeMateRef);
+        const { draggableColumnRef, draggingRowKeySetRef, droppingRowKeyRef, droppingPositionRef, handleRowDragStart, handleRowDragOver, handleRowDragLeave, handleRowDragEnd, handleRowDrop } = (0, use_row_drag_1.useRowDrag)(props, {
+            paginatedDataRef,
+            mergedCheckedRowKeySetRef,
+            mergedClsPrefixRef
+        });
         const { handleTableBodyScroll, handleTableHeaderScroll, syncScrollState, setHeaderScrollLeft, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, leftFixedColumnsRef, rightFixedColumnsRef, fixedColumnLeftMapRef, fixedColumnRightMapRef } = (0, use_scroll_1.useScroll)(props, {
             bodyWidthRef,
             mainTableInstRef,
@@ -482,6 +488,15 @@ exports.default = (0, vue_1.defineComponent)({
                     '--u-action-divider-color': actionDividerColor
                 };
             }),
+            draggableColumnRef,
+            draggingRowKeySetRef,
+            droppingRowKeyRef,
+            droppingPositionRef,
+            handleRowDragStart,
+            handleRowDragOver,
+            handleRowDragLeave,
+            handleRowDragEnd,
+            handleRowDrop,
             onLoadRef: (0, vue_1.toRef)(props, 'onLoad'),
             mergedTableLayoutRef,
             resizableEnabledRef,
@@ -546,7 +561,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { size } = props;
-            const { common: { cubicBezierEaseInOut }, self: { borderColor, tdColorHover, thColor, thColorHover, tdColor, tdTextColor, thTextColor, thFontWeight, thButtonColorHover, thIconColor, thIconColorActive, filterSize, borderRadius, lineHeight, tdColorModal, thColorModal, borderColorModal, thColorHoverModal, tdColorHoverModal, borderColorPopover, thColorPopover, tdColorPopover, tdColorHoverPopover, thColorHoverPopover, paginationMargin, emptyPadding, fixedBoxShadow, sorterSize, resizableContainerSize, resizableSize, loadingColor, loadingSize, opacityLoading, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, thSubFontSize, thSubColor, thSubFontWeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('thPadding', size)]: thPadding, [(0, _utils_1.createKey)('tdPadding', size)]: tdPadding, [(0, _utils_1.createKey)('thHeight', size)]: thHeight, [(0, _utils_1.createKey)('tdHeight', size)]: tdHeight } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { borderColor, tdColorHover, thColor, thColorHover, tdColor, tdTextColor, thTextColor, thFontWeight, thButtonColorHover, thIconColor, thIconColorActive, dropMarkColor, dragGhostOpacity, dragGhostFilter, filterSize, borderRadius, lineHeight, tdColorModal, thColorModal, borderColorModal, thColorHoverModal, tdColorHoverModal, borderColorPopover, thColorPopover, tdColorPopover, tdColorHoverPopover, thColorHoverPopover, paginationMargin, emptyPadding, fixedBoxShadow, sorterSize, resizableContainerSize, resizableSize, loadingColor, loadingSize, opacityLoading, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, thSubFontSize, thSubColor, thSubFontWeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('thPadding', size)]: thPadding, [(0, _utils_1.createKey)('tdPadding', size)]: tdPadding, [(0, _utils_1.createKey)('thHeight', size)]: thHeight, [(0, _utils_1.createKey)('tdHeight', size)]: tdHeight } } = themeRef.value;
             return {
                 '--u-th-height': thHeight,
                 '--u-td-height': tdHeight,
@@ -580,6 +595,9 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-th-button-color-hover': thButtonColorHover,
                 '--u-th-icon-color': thIconColor,
                 '--u-th-icon-color-active': thIconColorActive,
+                '--u-drop-mark-color': dropMarkColor,
+                '--u-drag-ghost-opacity': dragGhostOpacity,
+                '--u-drag-ghost-filter': dragGhostFilter,
                 '--u-filter-size': filterSize,
                 '--u-pagination-margin': paginationMargin,
                 '--u-empty-padding': emptyPadding,

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

@@ -54,6 +54,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -1448,6 +1451,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;

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

@@ -79,6 +79,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -1473,6 +1476,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;

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

@@ -1,14 +1,7 @@
 import type { CSSProperties, PropType } from 'vue';
 import type { VirtualListInst } from 'vueuc';
 import type { ScrollbarInst } from '../../../_internal';
-import type { ColumnKey, RowKey, TmNode } from '../interface';
-import type { ColItem } from '../use-group-header';
-interface NormalRowRenderInfo {
-    striped: boolean;
-    tmNode: TmNode;
-    key: RowKey;
-    index: number;
-}
+import type { ColumnKey, NormalRowRenderInfo, RowKey, TmNode } from '../interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onEdit: PropType<(value: string, row: string, key: string) => void>;
     onResize: PropType<(e: ResizeObserverEntry) => void>;
@@ -103,6 +96,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -1497,6 +1493,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
+            dropMarkColor: string;
+            dragGhostOpacity: string;
+            dragGhostFilter: string;
             borderColorModal: string;
             tdColorHoverModal: string;
             tdColorStripedModal: string;
@@ -2849,7 +2848,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     scrollX: import("vue").Ref<string | number | undefined, string | number | undefined>;
-    cols: import("vue").Ref<ColItem[], ColItem[]>;
+    cols: import("vue").Ref<import("../use-group-header").ColItem[], import("../use-group-header").ColItem[]>;
     loading: import("vue").Ref<boolean, boolean>;
     loadingSkeleton: import("vue").Ref<boolean, boolean>;
     bodyShowHeaderOnly: import("vue").ComputedRef<boolean>;
@@ -2909,7 +2908,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleUpdateExpanded: (key: RowKey, tmNode: TmNode | null) => void;
     renderCell: import("vue").Ref<((value: any, rowData: object, column: import("../interface").TableBaseColumn) => import("vue").VNodeChild) | undefined, ((value: any, rowData: object, column: import("../interface").TableBaseColumn) => import("vue").VNodeChild) | undefined>;
     defaultEmptyValueRef: import("vue").Ref<string | (() => import("vue").VNodeChild) | undefined, string | (() => import("vue").VNodeChild) | undefined>;
-    emptyPropsRef: import("vue").Ref<Partial<import("../../../empty").EmptyProps> | undefined, Partial<import("../../../empty").EmptyProps> | undefined>;
+    emptyPropsRef: import("vue").Ref<Partial<import("../../..").EmptyProps> | undefined, Partial<import("../../..").EmptyProps> | undefined>;
+    draggableColumn: import("vue").Ref<import("../interface").TableDraggableColumn<import("../interface").InternalRowData> | null, import("../interface").TableDraggableColumn<import("../interface").InternalRowData> | null>;
+    draggingRowKeySet: import("vue").Ref<Set<RowKey>, Set<RowKey>>;
+    droppingRowKey: import("vue").Ref<RowKey | null, RowKey | null>;
+    droppingPosition: import("vue").Ref<import("../interface").RowDropPosition | null, import("../interface").RowDropPosition | null>;
+    handleRowDragStart: (event: DragEvent, rowKey: RowKey) => void;
+    handleRowDragOver: (event: DragEvent, rowKey: RowKey) => void;
+    handleRowDragLeave: (event: DragEvent, rowKey: RowKey) => void;
+    handleRowDragEnd: () => void;
+    handleRowDrop: (event: DragEvent, rowKey: RowKey) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "edit"[], "edit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onEdit: PropType<(value: string, row: string, key: string) => void>;
     onResize: PropType<(e: ResizeObserverEntry) => void>;