@uzum-tech/ui 2.0.8 → 2.1.0

package/lib/kanban/src/Kanban.d.ts

@@ -0,0 +1,570 @@
+import type { KanbanColumn, KanbanDragContext, KanbanItem, KanbanMoveContext, KanbanOrientation, KanbanScrollContext } from './interface';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    columns: {
+        readonly type: import("vue").PropType<KanbanColumn[]>;
+        readonly default: () => never[];
+    };
+    data: {
+        readonly type: import("vue").PropType<KanbanItem[]>;
+        readonly default: () => never[];
+    };
+    itemKey: {
+        readonly type: import("vue").PropType<import("./interface").KanbanItemKeyField>;
+        readonly default: "key";
+    };
+    columnField: {
+        readonly type: StringConstructor;
+        readonly default: "column";
+    };
+    orientation: {
+        readonly type: import("vue").PropType<KanbanOrientation>;
+        readonly default: "horizontal";
+    };
+    draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    columnsDraggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    disabled: BooleanConstructor;
+    allowDrop: import("vue").PropType<(ctx: KanbanMoveContext) => boolean>;
+    scrollMode: {
+        readonly type: import("vue").PropType<import("./interface").KanbanScrollMode>;
+        readonly default: "board";
+    };
+    scrollThreshold: {
+        readonly type: NumberConstructor;
+        readonly default: 48;
+    };
+    loading: BooleanConstructor;
+    emptyProps: import("vue").PropType<Partial<import("../../empty").EmptyProps>>;
+    columnEmptyText: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    columnProps: import("vue").PropType<Record<string, unknown>>;
+    cardProps: import("vue").PropType<Record<string, unknown>>;
+    'onUpdate:data': import("vue").PropType<((data: KanbanItem[]) => void) | Array<(data: KanbanItem[]) => void>>;
+    onMove: import("vue").PropType<(ctx: KanbanMoveContext) => void>;
+    onColumnsReorder: import("vue").PropType<(columns: KanbanColumn[]) => void>;
+    onDragStart: import("vue").PropType<(ctx: KanbanDragContext) => void>;
+    onDragEnd: import("vue").PropType<(ctx: KanbanDragContext) => void>;
+    onItemClick: import("vue").PropType<(item: KanbanItem, column: KanbanColumn) => void>;
+    onColumnScrollTop: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onColumnScrollBottom: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onScrollTop: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onScrollBottom: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>>;
+}>, {
+    selfElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    mergedClsPrefix: import("vue").Ref<string, string>;
+    mergedColumns: import("vue").ComputedRef<KanbanColumn[]>;
+    mergedData: import("vue").ComputedRef<KanbanItem[]>;
+    columnFieldValue: import("vue").ComputedRef<string>;
+    handleBoardScroll: (event: Event) => void;
+    cssVars: import("vue").ComputedRef<Record<string, string>> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
+    onRender: (() => void) | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("move" | "update:data" | "columns-reorder" | "drag-start" | "drag-end" | "item-click" | "column-scroll-top" | "column-scroll-bottom" | "scroll-top" | "scroll-bottom")[], "move" | "update:data" | "columns-reorder" | "drag-start" | "drag-end" | "item-click" | "column-scroll-top" | "column-scroll-bottom" | "scroll-top" | "scroll-bottom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        readonly type: import("vue").PropType<KanbanColumn[]>;
+        readonly default: () => never[];
+    };
+    data: {
+        readonly type: import("vue").PropType<KanbanItem[]>;
+        readonly default: () => never[];
+    };
+    itemKey: {
+        readonly type: import("vue").PropType<import("./interface").KanbanItemKeyField>;
+        readonly default: "key";
+    };
+    columnField: {
+        readonly type: StringConstructor;
+        readonly default: "column";
+    };
+    orientation: {
+        readonly type: import("vue").PropType<KanbanOrientation>;
+        readonly default: "horizontal";
+    };
+    draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    columnsDraggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    disabled: BooleanConstructor;
+    allowDrop: import("vue").PropType<(ctx: KanbanMoveContext) => boolean>;
+    scrollMode: {
+        readonly type: import("vue").PropType<import("./interface").KanbanScrollMode>;
+        readonly default: "board";
+    };
+    scrollThreshold: {
+        readonly type: NumberConstructor;
+        readonly default: 48;
+    };
+    loading: BooleanConstructor;
+    emptyProps: import("vue").PropType<Partial<import("../../empty").EmptyProps>>;
+    columnEmptyText: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    columnProps: import("vue").PropType<Record<string, unknown>>;
+    cardProps: import("vue").PropType<Record<string, unknown>>;
+    'onUpdate:data': import("vue").PropType<((data: KanbanItem[]) => void) | Array<(data: KanbanItem[]) => void>>;
+    onMove: import("vue").PropType<(ctx: KanbanMoveContext) => void>;
+    onColumnsReorder: import("vue").PropType<(columns: KanbanColumn[]) => void>;
+    onDragStart: import("vue").PropType<(ctx: KanbanDragContext) => void>;
+    onDragEnd: import("vue").PropType<(ctx: KanbanDragContext) => void>;
+    onItemClick: import("vue").PropType<(item: KanbanItem, column: KanbanColumn) => void>;
+    onColumnScrollTop: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onColumnScrollBottom: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onScrollTop: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    onScrollBottom: import("vue").PropType<(ctx: KanbanScrollContext) => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Kanban", {
+        columnWidth: string;
+        columnGap: string;
+        cardGap: string;
+        boardPadding: string;
+        columnHeaderPadding: string;
+        columnBodyPadding: string;
+        columnBackgroundColor: string;
+        columnBorderRadius: string;
+        columnHeaderColor: string;
+        countBackgroundColor: string;
+        countTextColor: string;
+        statusSuccessHeaderColor: string;
+        statusSuccessCountColor: string;
+        statusProgressHeaderColor: string;
+        statusProgressCountColor: string;
+        statusPendingHeaderColor: string;
+        statusPendingCountColor: string;
+        statusErrorHeaderColor: string;
+        statusErrorCountColor: string;
+        columnDraggingOpacity: string;
+        cardBackgroundColor: string;
+        cardBackgroundColorDragging: string;
+        cardBorderColorDragging: string;
+        cardBorderRadius: string;
+        cardPadding: string;
+        cardColor: string;
+        cardSubColor: string;
+        cardBoxShadow: string;
+        cardBoxShadowHover: string;
+        cardBoxShadowDragging: string;
+        dropIndicatorColor: string;
+        maxReachedColor: string;
+    }, {
+        Empty: import("../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Badge: import("../../_mixins").Theme<"Badge", {
+            color: string;
+            colorPrime: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            fontSize: string;
+            textColor: string;
+            textColorPrime: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            borderColor: string;
+            dotSize: string;
+        }, any>;
+    }>>>;
+}>> & Readonly<{
+    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
+    "onColumns-reorder"?: ((...args: any[]) => any) | undefined;
+    "onDrag-start"?: ((...args: any[]) => any) | undefined;
+    "onDrag-end"?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
+    "onColumn-scroll-top"?: ((...args: any[]) => any) | undefined;
+    "onColumn-scroll-bottom"?: ((...args: any[]) => any) | undefined;
+    "onScroll-top"?: ((...args: any[]) => any) | undefined;
+    "onScroll-bottom"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    data: KanbanItem[];
+    loading: boolean;
+    columns: KanbanColumn[];
+    itemKey: import("./interface").KanbanItemKeyField;
+    columnField: string;
+    orientation: KanbanOrientation;
+    draggable: boolean;
+    columnsDraggable: boolean;
+    scrollMode: import("./interface").KanbanScrollMode;
+    scrollThreshold: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;