@vunk/plus 1.13.1 → 1.15.0

package/ant/upload/interface.d.ts

@@ -0,0 +1,355 @@
+import type { RcFile as OriRcFile, UploadRequestOption as RcCustomRequestOptions } from '../vc-upload/interface';
+import type { ProgressProps } from '../progress';
+import type { VueNode } from '../_util/type';
+import type { ExtractPropTypes, CSSProperties, ImgHTMLAttributes } from 'vue';
+export interface FileType extends OriRcFile {
+    readonly lastModifiedDate: Date;
+}
+export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
+export interface HttpRequestHeader {
+    [key: string]: string;
+}
+export interface UploadFile<T = any> {
+    uid: string;
+    size?: number;
+    name: string;
+    fileName?: string;
+    lastModified?: number;
+    lastModifiedDate?: Date;
+    url?: string;
+    status?: UploadFileStatus;
+    percent?: number;
+    thumbUrl?: string;
+    crossOrigin?: ImgHTMLAttributes['crossorigin'];
+    originFileObj?: FileType;
+    response?: T;
+    error?: any;
+    linkProps?: any;
+    type?: string;
+    xhr?: T;
+    preview?: string;
+}
+export interface InternalUploadFile<T = any> extends UploadFile<T> {
+    originFileObj: FileType;
+}
+export interface ShowUploadListInterface {
+    showRemoveIcon?: boolean;
+    showPreviewIcon?: boolean;
+    showDownloadIcon?: boolean;
+}
+export interface UploadChangeParam<T = UploadFile> {
+    file: T;
+    fileList: T[];
+    event?: {
+        percent: number;
+    };
+}
+export interface UploadLocale {
+    uploading?: string;
+    removeFile?: string;
+    downloadFile?: string;
+    uploadError?: string;
+    previewFile?: string;
+}
+export type UploadType = 'drag' | 'select';
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+export type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'> & {
+    class?: string;
+    style?: CSSProperties;
+};
+export type ItemRender<T = any> = (opt: {
+    originNode: VueNode;
+    file: UploadFile;
+    fileList: Array<UploadFile<T>>;
+    actions: {
+        download: () => void;
+        preview: () => void;
+        remove: () => void;
+    };
+}) => VueNode;
+type PreviewFileHandler = (file: FileType | Blob) => PromiseLike<string>;
+type TransformFileHandler = (file: FileType) => string | Blob | FileType | PromiseLike<string | Blob | FileType>;
+type BeforeUploadValueType = void | boolean | string | Blob | FileType;
+declare function uploadProps<T = any>(): {
+    capture: {
+        type: import("vue").PropType<boolean | "user" | "environment">;
+        default: boolean | "user" | "environment";
+    };
+    type: {
+        type: import("vue").PropType<UploadType>;
+        default: UploadType;
+    };
+    name: StringConstructor;
+    defaultFileList: {
+        type: import("vue").PropType<UploadFile<T>[]>;
+        default: UploadFile<T>[];
+    };
+    fileList: {
+        type: import("vue").PropType<UploadFile<T>[]>;
+        default: UploadFile<T>[];
+    };
+    action: {
+        type: import("vue").PropType<string | ((file: FileType) => string) | ((file: FileType) => PromiseLike<string>)>;
+        default: string | ((file: FileType) => string) | ((file: FileType) => PromiseLike<string>);
+    };
+    directory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: import("vue").PropType<Record<string, unknown> | ((file: UploadFile<T>) => Record<string, unknown> | Promise<Record<string, unknown>>)>;
+        default: Record<string, unknown> | ((file: UploadFile<T>) => Record<string, unknown> | Promise<Record<string, unknown>>);
+    };
+    method: {
+        type: import("vue").PropType<"post" | "POST" | "PUT" | "PATCH" | "put" | "patch">;
+        default: "post" | "POST" | "PUT" | "PATCH" | "put" | "patch";
+    };
+    headers: {
+        type: import("vue").PropType<HttpRequestHeader>;
+        default: HttpRequestHeader;
+    };
+    showUploadList: {
+        type: import("vue").PropType<boolean | ShowUploadListInterface>;
+        default: boolean | ShowUploadListInterface;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: StringConstructor;
+    beforeUpload: {
+        type: import("vue").PropType<(file: FileType, FileList: FileType[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>>;
+        default: (file: FileType, FileList: FileType[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>;
+    };
+    onChange: {
+        type: import("vue").PropType<(info: UploadChangeParam<UploadFile<T>>) => void>;
+        default: (info: UploadChangeParam<UploadFile<T>>) => void;
+    };
+    'onUpdate:fileList': {
+        type: import("vue").PropType<(fileList: UploadChangeParam<UploadFile<T>>["fileList"]) => void>;
+        default: (fileList: UploadChangeParam<UploadFile<T>>["fileList"]) => void;
+    };
+    onDrop: {
+        type: import("vue").PropType<(event: DragEvent) => void>;
+        default: (event: DragEvent) => void;
+    };
+    listType: {
+        type: import("vue").PropType<UploadListType>;
+        default: UploadListType;
+    };
+    onPreview: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void>;
+        default: (file: UploadFile<T>) => void;
+    };
+    onDownload: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void>;
+        default: (file: UploadFile<T>) => void;
+    };
+    onReject: {
+        type: import("vue").PropType<(fileList: FileType[]) => void>;
+        default: (fileList: FileType[]) => void;
+    };
+    onRemove: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void | boolean | Promise<void | boolean>>;
+        default: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
+    };
+    /** @deprecated Please use `onRemove` directly */
+    remove: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void | boolean | Promise<void | boolean>>;
+        default: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
+    };
+    supportServerRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixCls: StringConstructor;
+    customRequest: {
+        type: import("vue").PropType<(options: RcCustomRequestOptions) => void>;
+        default: (options: RcCustomRequestOptions) => void;
+    };
+    withCredentials: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openFileDialogOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: {
+        type: import("vue").PropType<UploadLocale>;
+        default: UploadLocale;
+    };
+    id: StringConstructor;
+    previewFile: {
+        type: import("vue").PropType<PreviewFileHandler>;
+        default: PreviewFileHandler;
+    };
+    /** @deprecated Please use `beforeUpload` directly */
+    transformFile: {
+        type: import("vue").PropType<TransformFileHandler>;
+        default: TransformFileHandler;
+    };
+    iconRender: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile<T>;
+            listType?: UploadListType;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile<T>;
+            listType?: UploadListType;
+        }) => VueNode;
+    };
+    isImageUrl: {
+        type: import("vue").PropType<(file: UploadFile) => boolean>;
+        default: (file: UploadFile) => boolean;
+    };
+    progress: {
+        type: import("vue").PropType<UploadListProgressProps>;
+        default: UploadListProgressProps;
+    };
+    itemRender: {
+        type: import("vue").PropType<ItemRender<T>>;
+        default: ItemRender<T>;
+    };
+    /** Config max count of `fileList`. Will replace current one when `maxCount` is 1 */
+    maxCount: NumberConstructor;
+    height: {
+        type: import("vue").PropType<unknown>;
+        default: unknown;
+    };
+    removeIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+    downloadIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+    previewIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+};
+export type UploadProps = Partial<ExtractPropTypes<ReturnType<typeof uploadProps>>>;
+export interface UploadState<T = any> {
+    fileList: UploadFile<T>[];
+    dragState: string;
+}
+declare function uploadListProps<T = any>(): {
+    listType: {
+        type: import("vue").PropType<UploadListType>;
+        default: UploadListType;
+    };
+    onPreview: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void>;
+        default: (file: UploadFile<T>) => void;
+    };
+    onDownload: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void>;
+        default: (file: UploadFile<T>) => void;
+    };
+    onRemove: {
+        type: import("vue").PropType<(file: UploadFile<T>) => void | boolean>;
+        default: (file: UploadFile<T>) => void | boolean;
+    };
+    items: {
+        type: import("vue").PropType<UploadFile<T>[]>;
+        default: UploadFile<T>[];
+    };
+    progress: {
+        type: import("vue").PropType<UploadListProgressProps>;
+        default: UploadListProgressProps;
+    };
+    prefixCls: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRemoveIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownloadIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPreviewIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    removeIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+    downloadIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+    previewIcon: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile;
+        }) => VueNode;
+    };
+    locale: {
+        type: import("vue").PropType<UploadLocale>;
+        default: UploadLocale;
+    };
+    previewFile: {
+        type: import("vue").PropType<PreviewFileHandler>;
+        default: PreviewFileHandler;
+    };
+    iconRender: {
+        type: import("vue").PropType<(opt: {
+            file: UploadFile<T>;
+            listType?: UploadListType;
+        }) => VueNode>;
+        default: (opt: {
+            file: UploadFile<T>;
+            listType?: UploadListType;
+        }) => VueNode;
+    };
+    isImageUrl: {
+        type: import("vue").PropType<(file: UploadFile) => boolean>;
+        default: (file: UploadFile) => boolean;
+    };
+    appendAction: {
+        type: import("vue").PropType<() => VueNode>;
+        default: () => VueNode;
+    };
+    appendActionVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemRender: {
+        type: import("vue").PropType<ItemRender<T>>;
+        default: ItemRender<T>;
+    };
+};
+export type UploadListProps = Partial<ExtractPropTypes<ReturnType<typeof uploadListProps>>>;
+export { uploadProps, uploadListProps };

package/ant/upload/style/dragger.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genDraggerStyle: GenerateStyle<UploadToken>;
+export default genDraggerStyle;

package/ant/upload/style/index.d.ts

@@ -0,0 +1,10 @@
+import type { FullToken } from '../../theme/internal';
+export interface ComponentToken {
+}
+export interface UploadToken extends FullToken<'Upload'> {
+    uploadThumbnailSize: number;
+    uploadProgressOffset: number;
+    uploadPicCardSize: number;
+}
+declare const _default: (_prefixCls?: import("vue").Ref<string>) => import("../../theme/internal").UseComponentStyleResult;
+export default _default;

package/ant/upload/style/list.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genListStyle: GenerateStyle<UploadToken>;
+export default genListStyle;

package/ant/upload/style/motion.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genMotionStyle: GenerateStyle<UploadToken>;
+export default genMotionStyle;

package/ant/upload/style/picture.d.ts

@@ -0,0 +1,5 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genPictureStyle: GenerateStyle<UploadToken>;
+declare const genPictureCardStyle: GenerateStyle<UploadToken>;
+export { genPictureStyle, genPictureCardStyle };

package/ant/upload/style/rtl.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genRtlStyle: GenerateStyle<UploadToken>;
+export default genRtlStyle;

package/ant/upload/utils.d.ts

@@ -0,0 +1,8 @@
+import type { FileType, UploadFile, InternalUploadFile } from './interface';
+export declare function file2Obj(file: FileType): InternalUploadFile;
+/** Upload fileList. Replace file if exist or just push into it. */
+export declare function updateFileList(file: UploadFile<any>, fileList: UploadFile<any>[]): UploadFile<any>[];
+export declare function getFileItem(file: FileType, fileList: UploadFile[]): UploadFile<any>;
+export declare function removeFileItem(file: UploadFile, fileList: UploadFile[]): UploadFile<any>[];
+export declare const isImageUrl: (file: UploadFile) => boolean;
+export declare function previewImage(file: File | Blob): Promise<string>;

package/ant/vc-align/Align.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+import type { AlignType, AlignResult, TargetType } from './interface';
+type OnAlign = (source: HTMLElement, result: AlignResult) => void;
+export interface AlignProps {
+    align: AlignType;
+    target: TargetType;
+    onAlign?: OnAlign;
+    monitorBufferTime?: number;
+    monitorWindowResize?: boolean;
+    disabled?: boolean;
+}
+export declare const alignProps: {
+    align: PropType<AlignType>;
+    target: PropType<TargetType>;
+    onAlign: PropType<OnAlign>;
+    monitorBufferTime: NumberConstructor;
+    monitorWindowResize: BooleanConstructor;
+    disabled: BooleanConstructor;
+};
+export interface RefAlign {
+    forceAlign: () => void;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    align: PropType<AlignType>;
+    target: PropType<TargetType>;
+    onAlign: PropType<OnAlign>;
+    monitorBufferTime: NumberConstructor;
+    monitorWindowResize: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "align"[], "align", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    align: PropType<AlignType>;
+    target: PropType<TargetType>;
+    onAlign: PropType<OnAlign>;
+    monitorBufferTime: NumberConstructor;
+    monitorWindowResize: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    onAlign?: (...args: any[]) => any;
+}>, {
+    disabled: boolean;
+    monitorWindowResize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/ant/vc-align/hooks/useBuffer.d.ts

@@ -0,0 +1,3 @@
+import type { ComputedRef } from 'vue';
+declare const _default: (callback: () => boolean, buffer: ComputedRef<number>) => ((force?: boolean) => void)[];
+export default _default;

package/ant/vc-align/interface.d.ts

@@ -0,0 +1,56 @@
+/** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
+export type AlignPoint = string;
+export interface AlignType {
+    /**
+     * move point of source node to align with point of target node.
+     * Such as ['tr','cc'], align top right point of source node with center point of target node.
+     * Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right) */
+    points?: AlignPoint[];
+    /**
+     * offset source node by offset[0] in x and offset[1] in y.
+     * If offset contains percentage string value, it is relative to sourceNode region.
+     */
+    offset?: number[];
+    /**
+     * offset target node by offset[0] in x and offset[1] in y.
+     * If targetOffset contains percentage string value, it is relative to targetNode region.
+     */
+    targetOffset?: number[];
+    /**
+     * If adjustX field is true, will adjust source node in x direction if source node is invisible.
+     * If adjustY field is true, will adjust source node in y direction if source node is invisible.
+     */
+    overflow?: {
+        adjustX?: boolean | number;
+        adjustY?: boolean | number;
+    };
+    /**
+     * Whether use css right instead of left to position
+     */
+    useCssRight?: boolean;
+    /**
+     * Whether use css bottom instead of top to position
+     */
+    useCssBottom?: boolean;
+    /**
+     * Whether use css transform instead of left/top/right/bottom to position if browser supports.
+     * Defaults to false.
+     */
+    useCssTransform?: boolean;
+}
+export interface AlignResult {
+    points: AlignPoint[];
+    offset: number[];
+    targetOffset: number[];
+    overflow: {
+        adjustX: boolean | number;
+        adjustY: boolean | number;
+    };
+}
+export interface TargetPoint {
+    clientX?: number;
+    clientY?: number;
+    pageX?: number;
+    pageY?: number;
+}
+export type TargetType = (() => HTMLElement) | TargetPoint;

package/ant/vc-align/util.d.ts

@@ -0,0 +1,4 @@
+import type { TargetPoint } from './interface';
+export declare function isSamePoint(prev: TargetPoint, next: TargetPoint): boolean;
+export declare function restoreFocus(activeElement: any, container: any): void;
+export declare function monitorResize(element: HTMLElement, callback: Function): () => void;