3h1-ui 3.0.0-next.24 → 3.0.0-next.240

package/es/ui/src/Tree/index.d.ts

@@ -0,0 +1,12 @@
+import BasicTree from './src/BasicTree';
+export { BasicTree };
+export interface ContextMenuItem {
+    label: string;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    handler?: Fn;
+    divider?: boolean;
+    children?: ContextMenuItem[];
+}
+export * from './src/types/tree';

package/es/ui/src/Tree/src/BasicTree.d.ts

@@ -0,0 +1,97 @@
+import type { FieldNames, TreeItem, KeyType, CheckKeys } from './types/tree';
+declare const _default: import("vue").DefineComponent<{
+    value: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[] | CheckKeys>, (() => KeyType[]) | (() => KeyType[]) | (() => {
+        checked: string[] | number[];
+        halfChecked: string[] | number[];
+    }), unknown, unknown, unknown>;
+    renderIcon: import("@shy-plugins/utils").BuildPropReturn<PropType<(params: Recordable<any>) => string>, ((params: Recordable<any>) => string) | (() => (params: Recordable<any>) => string), unknown, unknown, unknown>;
+    helpMessage: import("@shy-plugins/utils").BuildPropReturn<PropType<string | string[]>, string | (() => string), unknown, unknown, unknown>;
+    title: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    toolbar: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    search: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    searchValue: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    checkStrictly: BooleanConstructor;
+    clickRowToExpand: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    checkable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    addable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    defaultExpandLevel: import("@shy-plugins/utils").BuildPropReturn<PropType<string | number>, string | (() => string), unknown, unknown, unknown>;
+    defaultExpandAll: BooleanConstructor;
+    fieldNames: import("@shy-plugins/utils").BuildPropReturn<PropType<FieldNames>, unknown, unknown, unknown, unknown>;
+    treeData: import("@shy-plugins/utils").BuildPropReturn<PropType<import("ant-design-vue/es/tree").DataNode[]>, () => import("ant-design-vue/es/tree").DataNode[], unknown, unknown, unknown>;
+    actionList: import("@shy-plugins/utils").BuildPropReturn<PropType<import("./types/tree").TreeActionItem[]>, () => any[], unknown, unknown, unknown>;
+    expandedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    selectedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    checkedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<CheckKeys>, () => any[], unknown, unknown, unknown>;
+    beforeRightClick: import("@shy-plugins/utils").BuildPropReturn<PropType<(...arg: any) => import("./types/tree").ContextMenuOptions | import("./types/tree").ContextMenuItem[]>, any, unknown, unknown, unknown>;
+    rightMenuList: import("@shy-plugins/utils").BuildPropReturn<PropType<import("./types/tree").ContextMenuItem[]>, () => import("./types/tree").ContextMenuItem[], unknown, unknown, unknown>;
+    filterFn: import("@shy-plugins/utils").BuildPropReturn<PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>, any, unknown, unknown, unknown>;
+    highlight: import("@shy-plugins/utils").BuildPropReturn<PropType<String | Boolean>, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    expandOnSearch: BooleanConstructor;
+    checkOnSearch: BooleanConstructor;
+    selectedOnSearch: BooleanConstructor;
+    loading: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    treeWrapperClassName: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[] | CheckKeys>, (() => KeyType[]) | (() => KeyType[]) | (() => {
+        checked: string[] | number[];
+        halfChecked: string[] | number[];
+    }), unknown, unknown, unknown>;
+    renderIcon: import("@shy-plugins/utils").BuildPropReturn<PropType<(params: Recordable<any>) => string>, ((params: Recordable<any>) => string) | (() => (params: Recordable<any>) => string), unknown, unknown, unknown>;
+    helpMessage: import("@shy-plugins/utils").BuildPropReturn<PropType<string | string[]>, string | (() => string), unknown, unknown, unknown>;
+    title: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    toolbar: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    search: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    searchValue: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    checkStrictly: BooleanConstructor;
+    clickRowToExpand: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    checkable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    addable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    defaultExpandLevel: import("@shy-plugins/utils").BuildPropReturn<PropType<string | number>, string | (() => string), unknown, unknown, unknown>;
+    defaultExpandAll: BooleanConstructor;
+    fieldNames: import("@shy-plugins/utils").BuildPropReturn<PropType<FieldNames>, unknown, unknown, unknown, unknown>;
+    treeData: import("@shy-plugins/utils").BuildPropReturn<PropType<import("ant-design-vue/es/tree").DataNode[]>, () => import("ant-design-vue/es/tree").DataNode[], unknown, unknown, unknown>;
+    actionList: import("@shy-plugins/utils").BuildPropReturn<PropType<import("./types/tree").TreeActionItem[]>, () => any[], unknown, unknown, unknown>;
+    expandedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    selectedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    checkedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<CheckKeys>, () => any[], unknown, unknown, unknown>;
+    beforeRightClick: import("@shy-plugins/utils").BuildPropReturn<PropType<(...arg: any) => import("./types/tree").ContextMenuOptions | import("./types/tree").ContextMenuItem[]>, any, unknown, unknown, unknown>;
+    rightMenuList: import("@shy-plugins/utils").BuildPropReturn<PropType<import("./types/tree").ContextMenuItem[]>, () => import("./types/tree").ContextMenuItem[], unknown, unknown, unknown>;
+    filterFn: import("@shy-plugins/utils").BuildPropReturn<PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>, any, unknown, unknown, unknown>;
+    highlight: import("@shy-plugins/utils").BuildPropReturn<PropType<String | Boolean>, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    expandOnSearch: BooleanConstructor;
+    checkOnSearch: BooleanConstructor;
+    selectedOnSearch: BooleanConstructor;
+    loading: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    treeWrapperClassName: StringConstructor;
+}>> & {
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+}, {
+    value: import("@shy-plugins/utils").BuildPropType<PropType<KeyType[] | CheckKeys>, unknown, unknown>;
+    title: string;
+    loading: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fieldNames: undefined;
+    searchValue: string;
+    search: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    helpMessage: import("@shy-plugins/utils").BuildPropType<PropType<string | string[]>, unknown, unknown>;
+    selectedKeys: KeyType[];
+    filterFn: (searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean;
+    treeData: import("ant-design-vue/es/tree").DataNode[];
+    renderIcon: (params: Recordable<any>) => string;
+    toolbar: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    checkStrictly: boolean;
+    clickRowToExpand: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    checkable: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    addable: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    defaultExpandLevel: import("@shy-plugins/utils").BuildPropType<PropType<string | number>, unknown, unknown>;
+    defaultExpandAll: boolean;
+    actionList: import("./types/tree").TreeActionItem[];
+    expandedKeys: KeyType[];
+    checkedKeys: CheckKeys;
+    beforeRightClick: (...arg: any) => import("./types/tree").ContextMenuOptions | import("./types/tree").ContextMenuItem[];
+    rightMenuList: import("./types/tree").ContextMenuItem[];
+    highlight: import("@shy-plugins/utils").BuildPropType<PropType<String | Boolean>, unknown, unknown>;
+    expandOnSearch: boolean;
+    checkOnSearch: boolean;
+    selectedOnSearch: boolean;
+}, {}>;
+export default _default;

package/es/ui/src/Tree/src/TreeIcon.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionalComponent } from 'vue';
+export declare const TreeIcon: FunctionalComponent;

package/es/ui/src/Tree/src/hooks/useTree.d.ts

@@ -0,0 +1,14 @@
+import type { InsertNodeParams, KeyType, FieldNames, TreeItem } from '../types/tree';
+import type { Ref, ComputedRef } from 'vue';
+import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
+export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>): {
+    deleteNodeByKey: (key: string, list?: TreeDataItem[]) => void;
+    insertNodeByKey: ({ parentKey, node, push }: InsertNodeParams) => void;
+    insertNodesByKey: ({ parentKey, list, push }: InsertNodeParams) => void;
+    filterByLevel: (level?: number, list?: TreeDataItem[], currentLevel?: number) => string[] | number[];
+    updateNodeByKey: (key: string, node: TreeDataItem, list?: TreeDataItem[]) => void;
+    getAllKeys: (list?: TreeDataItem[]) => KeyType[];
+    getChildrenKeys: (nodeKey: string | number, list?: TreeDataItem[]) => KeyType[];
+    getEnabledKeys: (list?: TreeDataItem[]) => KeyType[];
+    getSelectedNode: (key: KeyType, list?: TreeItem[], selectedNode?: TreeItem | null) => TreeItem;
+};

package/es/ui/src/Tree/src/types/tree.d.ts

@@ -0,0 +1,123 @@
+import type { ExtractPropTypes } from 'vue';
+import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
+import { ButtonProps, TooltipProps } from 'ant-design-vue';
+export declare enum ToolbarEnum {
+    SELECT_ALL = 0,
+    UN_SELECT_ALL = 1,
+    EXPAND_ALL = 2,
+    UN_EXPAND_ALL = 3,
+    CHECK_STRICTLY = 4,
+    CHECK_UN_STRICTLY = 5
+}
+export declare const treeEmits: string[];
+export interface TreeState {
+    expandedKeys: KeyType[];
+    selectedKeys: KeyType[];
+    checkedKeys: CheckKeys;
+    checkStrictly: boolean;
+}
+export interface FieldNames {
+    children?: string;
+    title?: string;
+    key?: string;
+}
+export type KeyType = string | number;
+export type CheckKeys = KeyType[] | {
+    checked: string[] | number[];
+    halfChecked: string[] | number[];
+};
+export declare const treeProps: {
+    value: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[] | CheckKeys>, (() => KeyType[]) | (() => KeyType[]) | (() => {
+        checked: string[] | number[];
+        halfChecked: string[] | number[];
+    }), unknown, unknown, unknown>;
+    renderIcon: import("@shy-plugins/utils").BuildPropReturn<PropType<(params: Recordable) => string>, ((params: Recordable) => string) | (() => (params: Recordable) => string), unknown, unknown, unknown>;
+    helpMessage: import("@shy-plugins/utils").BuildPropReturn<PropType<string | string[]>, string | (() => string), unknown, unknown, unknown>;
+    title: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    toolbar: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    search: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    searchValue: import("@shy-plugins/utils").BuildPropReturn<StringConstructor, string | (() => string), unknown, unknown, unknown>;
+    checkStrictly: BooleanConstructor;
+    clickRowToExpand: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    checkable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    addable: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    defaultExpandLevel: import("@shy-plugins/utils").BuildPropReturn<PropType<string | number>, string | (() => string), unknown, unknown, unknown>;
+    defaultExpandAll: BooleanConstructor;
+    fieldNames: import("@shy-plugins/utils").BuildPropReturn<PropType<FieldNames>, unknown, unknown, unknown, unknown>;
+    treeData: import("@shy-plugins/utils").BuildPropReturn<PropType<import("ant-design-vue/es/tree").DataNode[]>, () => import("ant-design-vue/es/tree").DataNode[], unknown, unknown, unknown>;
+    actionList: import("@shy-plugins/utils").BuildPropReturn<PropType<TreeActionItem[]>, () => any[], unknown, unknown, unknown>;
+    expandedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    selectedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<KeyType[]>, () => any[], unknown, unknown, unknown>;
+    checkedKeys: import("@shy-plugins/utils").BuildPropReturn<PropType<CheckKeys>, () => any[], unknown, unknown, unknown>;
+    beforeRightClick: import("@shy-plugins/utils").BuildPropReturn<PropType<(...arg: any) => ContextMenuItem[] | ContextMenuOptions>, any, unknown, unknown, unknown>;
+    rightMenuList: import("@shy-plugins/utils").BuildPropReturn<PropType<ContextMenuItem[]>, () => ContextMenuItem[], unknown, unknown, unknown>;
+    filterFn: import("@shy-plugins/utils").BuildPropReturn<PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>, any, unknown, unknown, unknown>;
+    highlight: import("@shy-plugins/utils").BuildPropReturn<PropType<String | Boolean>, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    expandOnSearch: BooleanConstructor;
+    checkOnSearch: BooleanConstructor;
+    selectedOnSearch: BooleanConstructor;
+    loading: import("@shy-plugins/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true), unknown, unknown, unknown>;
+    treeWrapperClassName: StringConstructor;
+};
+export type TreeProps = ExtractPropTypes<typeof treeProps>;
+export interface ContextMenuItem {
+    label: string;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    handler?: Fn;
+    divider?: boolean;
+    children?: ContextMenuItem[];
+}
+export interface ContextMenuOptions {
+    icon?: string;
+    styles?: any;
+    items?: ContextMenuItem[];
+}
+export interface TreeItem extends TreeDataItem {
+    icon?: any;
+}
+export interface TreeActionItem extends ButtonProps {
+    onClick?: Fn;
+    label?: string;
+    color?: 'success' | 'error' | 'warning';
+    icon?: string;
+    popConfirm?: PopConfirm;
+    disabled?: boolean;
+    divider?: boolean;
+    ifShow?: boolean | ((action: TreeActionItem) => boolean);
+    tooltip?: string | TooltipProps;
+}
+export interface PopConfirm {
+    title: string;
+    okText?: string;
+    cancelText?: string;
+    confirm: Fn;
+    cancel?: Fn;
+    icon?: string;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'bottomLeft' | 'bottomRight';
+}
+export interface InsertNodeParams {
+    parentKey: string | null;
+    node: TreeDataItem;
+    list?: TreeDataItem[];
+    push?: 'push' | 'unshift';
+}
+export interface TreeActionType {
+    checkAll: (checkAll: boolean) => void;
+    expandAll: (expandAll: boolean) => void;
+    setExpandedKeys: (keys: KeyType[]) => void;
+    getExpandedKeys: () => KeyType[];
+    setSelectedKeys: (keys: KeyType[]) => void;
+    getSelectedKeys: () => KeyType[];
+    setCheckedKeys: (keys: CheckKeys) => void;
+    getCheckedKeys: () => CheckKeys;
+    filterByLevel: (level: number) => void;
+    insertNodeByKey: (opt: InsertNodeParams) => void;
+    insertNodesByKey: (opt: InsertNodeParams) => void;
+    deleteNodeByKey: (key: string) => void;
+    updateNodeByKey: (key: string, node: Omit<TreeDataItem, 'key'>) => void;
+    setSearchValue: (value: string) => void;
+    getSearchValue: () => string;
+    getSelectedNode: (key: KeyType, treeList?: TreeItem[], selectNode?: TreeItem | null) => TreeItem | null;
+}

package/es/ui/src/Upload/src/components/FileList.d.ts

@@ -0,0 +1,254 @@
+declare const _default: import("vue").DefineComponent<{
+    columns: {
+        type: import("vue").PropType<import("../types/typing").FileBasicColumn[]>;
+        default: any;
+    };
+    actionColumn: {
+        type: import("vue").PropType<import("../types/typing").FileBasicColumn>;
+        default: any;
+    };
+    dataSource: {
+        type: import("vue").PropType<any[]>;
+        default: any;
+    };
+    openDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragOptions: {
+        type: import("vue").PropType<{
+            scroll: boolean | HTMLElement;
+            filter: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean);
+            sort: boolean;
+            onChange: (evt: import("sortablejs").SortableEvent) => void;
+            onSelect: (event: import("sortablejs").SortableEvent) => void;
+            animation: number;
+            direction: ((evt: import("sortablejs").SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import("sortablejs").Direction) | import("sortablejs").Direction;
+            disabled: boolean;
+            onDeselect: (event: import("sortablejs").SortableEvent) => void;
+            draggable: string;
+            onRemove: (event: import("sortablejs").SortableEvent) => void;
+            handle: string;
+            delay: number;
+            group: string | import("sortablejs").GroupOptions;
+            chosenClass: string;
+            dataIdAttr: string;
+            delayOnTouchOnly: boolean;
+            dragClass: string;
+            dragoverBubble: boolean;
+            dropBubble: boolean;
+            emptyInsertThreshold: number;
+            easing: string;
+            fallbackClass: string;
+            fallbackOnBody: boolean;
+            fallbackTolerance: number;
+            fallbackOffset: {
+                x: number;
+                y: number;
+            };
+            forceFallback: boolean;
+            ghostClass: string;
+            ignore: string;
+            invertSwap: boolean;
+            invertedSwapThreshold: number;
+            preventOnFilter: boolean;
+            removeCloneOnHide: boolean;
+            store: {
+                get: (sortable: import("sortablejs")) => string[];
+                set: (sortable: import("sortablejs")) => void;
+            };
+            swapThreshold: number;
+            touchStartThreshold: number;
+            setData: (dataTransfer: DataTransfer, draggedElement: HTMLElement) => void;
+            onStart: (event: import("sortablejs").SortableEvent) => void;
+            onAdd: (event: import("sortablejs").SortableEvent) => void;
+            onClone: (event: import("sortablejs").SortableEvent) => void;
+            onChoose: (event: import("sortablejs").SortableEvent) => void;
+            onUnchoose: (event: import("sortablejs").SortableEvent) => void;
+            onUpdate: (event: import("sortablejs").SortableEvent) => void;
+            onSort: (event: import("sortablejs").SortableEvent) => void;
+            onFilter: (event: import("sortablejs").SortableEvent) => void;
+            onMove: (evt: import("sortablejs").MoveEvent, originalEvent: Event) => boolean | void | 1 | -1;
+            forceAutoScrollFallback: boolean;
+            scrollFn: (this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => void | "continue";
+            scrollSensitivity: number;
+            scrollSpeed: number;
+            bubbleScroll: boolean;
+            multiDrag: boolean;
+            selectedClass: string;
+            multiDragKey: string;
+            avoidImplicitDeselect: boolean;
+            revertOnSpill: boolean;
+            removeOnSpill: boolean;
+            onSpill: (evt: import("sortablejs").SortableEvent) => void;
+            swap: boolean;
+            swapClass: string;
+            onAfterEnd: <T = any, R = any>(params: T) => R;
+        }>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: import("vue").PropType<import("../types/typing").FileBasicColumn[]>;
+        default: any;
+    };
+    actionColumn: {
+        type: import("vue").PropType<import("../types/typing").FileBasicColumn>;
+        default: any;
+    };
+    dataSource: {
+        type: import("vue").PropType<any[]>;
+        default: any;
+    };
+    openDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragOptions: {
+        type: import("vue").PropType<{
+            scroll: boolean | HTMLElement;
+            filter: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean);
+            sort: boolean;
+            onChange: (evt: import("sortablejs").SortableEvent) => void;
+            onSelect: (event: import("sortablejs").SortableEvent) => void;
+            animation: number;
+            direction: ((evt: import("sortablejs").SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import("sortablejs").Direction) | import("sortablejs").Direction;
+            disabled: boolean;
+            onDeselect: (event: import("sortablejs").SortableEvent) => void;
+            draggable: string;
+            onRemove: (event: import("sortablejs").SortableEvent) => void;
+            handle: string;
+            delay: number;
+            group: string | import("sortablejs").GroupOptions;
+            chosenClass: string;
+            dataIdAttr: string;
+            delayOnTouchOnly: boolean;
+            dragClass: string;
+            dragoverBubble: boolean;
+            dropBubble: boolean;
+            emptyInsertThreshold: number;
+            easing: string;
+            fallbackClass: string;
+            fallbackOnBody: boolean;
+            fallbackTolerance: number;
+            fallbackOffset: {
+                x: number;
+                y: number;
+            };
+            forceFallback: boolean;
+            ghostClass: string;
+            ignore: string;
+            invertSwap: boolean;
+            invertedSwapThreshold: number;
+            preventOnFilter: boolean;
+            removeCloneOnHide: boolean;
+            store: {
+                get: (sortable: import("sortablejs")) => string[];
+                set: (sortable: import("sortablejs")) => void;
+            };
+            swapThreshold: number;
+            touchStartThreshold: number;
+            setData: (dataTransfer: DataTransfer, draggedElement: HTMLElement) => void;
+            onStart: (event: import("sortablejs").SortableEvent) => void;
+            onAdd: (event: import("sortablejs").SortableEvent) => void;
+            onClone: (event: import("sortablejs").SortableEvent) => void;
+            onChoose: (event: import("sortablejs").SortableEvent) => void;
+            onUnchoose: (event: import("sortablejs").SortableEvent) => void;
+            onUpdate: (event: import("sortablejs").SortableEvent) => void;
+            onSort: (event: import("sortablejs").SortableEvent) => void;
+            onFilter: (event: import("sortablejs").SortableEvent) => void;
+            onMove: (evt: import("sortablejs").MoveEvent, originalEvent: Event) => boolean | void | 1 | -1;
+            forceAutoScrollFallback: boolean;
+            scrollFn: (this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => void | "continue";
+            scrollSensitivity: number;
+            scrollSpeed: number;
+            bubbleScroll: boolean;
+            multiDrag: boolean;
+            selectedClass: string;
+            multiDragKey: string;
+            avoidImplicitDeselect: boolean;
+            revertOnSpill: boolean;
+            removeOnSpill: boolean;
+            onSpill: (evt: import("sortablejs").SortableEvent) => void;
+            swap: boolean;
+            swapClass: string;
+            onAfterEnd: <T = any, R = any>(params: T) => R;
+        }>;
+        default: () => {};
+    };
+}>>, {
+    columns: import("../types/typing").FileBasicColumn[];
+    dataSource: any[];
+    actionColumn: import("../types/typing").FileBasicColumn;
+    openDrag: boolean;
+    dragOptions: {
+        scroll: boolean | HTMLElement;
+        filter: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean);
+        sort: boolean;
+        onChange: (evt: import("sortablejs").SortableEvent) => void;
+        onSelect: (event: import("sortablejs").SortableEvent) => void;
+        animation: number;
+        direction: ((evt: import("sortablejs").SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import("sortablejs").Direction) | import("sortablejs").Direction;
+        disabled: boolean;
+        onDeselect: (event: import("sortablejs").SortableEvent) => void;
+        draggable: string;
+        onRemove: (event: import("sortablejs").SortableEvent) => void;
+        handle: string;
+        delay: number;
+        group: string | import("sortablejs").GroupOptions;
+        chosenClass: string;
+        dataIdAttr: string;
+        delayOnTouchOnly: boolean;
+        dragClass: string;
+        dragoverBubble: boolean;
+        dropBubble: boolean;
+        emptyInsertThreshold: number;
+        easing: string;
+        fallbackClass: string;
+        fallbackOnBody: boolean;
+        fallbackTolerance: number;
+        fallbackOffset: {
+            x: number;
+            y: number;
+        };
+        forceFallback: boolean;
+        ghostClass: string;
+        ignore: string;
+        invertSwap: boolean;
+        invertedSwapThreshold: number;
+        preventOnFilter: boolean;
+        removeCloneOnHide: boolean;
+        store: {
+            get: (sortable: import("sortablejs")) => string[];
+            set: (sortable: import("sortablejs")) => void;
+        };
+        swapThreshold: number;
+        touchStartThreshold: number;
+        setData: (dataTransfer: DataTransfer, draggedElement: HTMLElement) => void;
+        onStart: (event: import("sortablejs").SortableEvent) => void;
+        onAdd: (event: import("sortablejs").SortableEvent) => void;
+        onClone: (event: import("sortablejs").SortableEvent) => void;
+        onChoose: (event: import("sortablejs").SortableEvent) => void;
+        onUnchoose: (event: import("sortablejs").SortableEvent) => void;
+        onUpdate: (event: import("sortablejs").SortableEvent) => void;
+        onSort: (event: import("sortablejs").SortableEvent) => void;
+        onFilter: (event: import("sortablejs").SortableEvent) => void;
+        onMove: (evt: import("sortablejs").MoveEvent, originalEvent: Event) => boolean | void | 1 | -1;
+        forceAutoScrollFallback: boolean;
+        scrollFn: (this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => void | "continue";
+        scrollSensitivity: number;
+        scrollSpeed: number;
+        bubbleScroll: boolean;
+        multiDrag: boolean;
+        selectedClass: string;
+        multiDragKey: string;
+        avoidImplicitDeselect: boolean;
+        revertOnSpill: boolean;
+        removeOnSpill: boolean;
+        onSpill: (evt: import("sortablejs").SortableEvent) => void;
+        swap: boolean;
+        swapClass: string;
+        onAfterEnd: <T = any, R = any>(params: T) => R;
+    };
+}, {}>;
+export default _default;