x-next 1.5.0 → 1.7.0

package/dist/components/upload/Upload.d.ts

@@ -0,0 +1,372 @@
+import { SlotsType } from 'vue';
+import { UploadChangeInfo, UploadExceedInfo, UploadFile, UploadProgressInfo, UploadRejectInfo } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fileList: {
+        type: import('vue').PropType<UploadFile[]>;
+        default: undefined;
+    };
+    defaultFileList: {
+        type: import('vue').PropType<UploadFile[]>;
+        default: () => never[];
+    };
+    action: {
+        type: import('vue').PropType<import('./interface').UploadAction>;
+        default: undefined;
+    };
+    method: {
+        type: import('vue').PropType<import('./interface').UploadRequestMethod>;
+        default: string;
+    };
+    headers: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    data: {
+        type: import('vue').PropType<import('./interface').UploadData>;
+        default: undefined;
+    };
+    name: {
+        type: import('vue').PropType<import('./interface').UploadName>;
+        default: string;
+    };
+    withCredentials: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customRequest: {
+        type: import('vue').PropType<import('./interface').UploadCustomRequest>;
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    capture: {
+        type: import('vue').PropType<boolean | "user" | "environment">;
+        default: undefined;
+    };
+    paste: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeUpload: {
+        type: import('vue').PropType<import('./interface').UploadBeforeUpload>;
+        default: undefined;
+    };
+    beforeRemove: {
+        type: import('vue').PropType<import('./interface').UploadBeforeRemove>;
+        default: undefined;
+    };
+    listType: {
+        type: import('vue').PropType<import('./interface').UploadListType>;
+        default: string;
+    };
+    tip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showFileList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showUploadButton: {
+        type: import('vue').PropType<boolean | import('./interface').UploadShowUploadButton>;
+        default: boolean;
+    };
+    showRemoveButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRetryButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCancelButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPreviewButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownloadButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    download: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageLoading: {
+        type: import('vue').PropType<"eager" | "lazy">;
+        default: undefined;
+    };
+    responseUrlKey: {
+        type: import('vue').PropType<import('./interface').UploadResponseUrlKey>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:fileList': (_files: UploadFile[]) => true;
+    change: (_info: UploadChangeInfo) => true;
+    progress: (_info: UploadProgressInfo) => true;
+    success: (_file: UploadFile) => true;
+    error: (_file: UploadFile) => true;
+    remove: (_file: UploadFile) => true;
+    exceed: (_info: UploadExceedInfo) => true;
+    reject: (_info: UploadRejectInfo) => true;
+    preview: (_file: UploadFile) => true;
+    download: (_file: UploadFile) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fileList: {
+        type: import('vue').PropType<UploadFile[]>;
+        default: undefined;
+    };
+    defaultFileList: {
+        type: import('vue').PropType<UploadFile[]>;
+        default: () => never[];
+    };
+    action: {
+        type: import('vue').PropType<import('./interface').UploadAction>;
+        default: undefined;
+    };
+    method: {
+        type: import('vue').PropType<import('./interface').UploadRequestMethod>;
+        default: string;
+    };
+    headers: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    data: {
+        type: import('vue').PropType<import('./interface').UploadData>;
+        default: undefined;
+    };
+    name: {
+        type: import('vue').PropType<import('./interface').UploadName>;
+        default: string;
+    };
+    withCredentials: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customRequest: {
+        type: import('vue').PropType<import('./interface').UploadCustomRequest>;
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    directory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    capture: {
+        type: import('vue').PropType<boolean | "user" | "environment">;
+        default: undefined;
+    };
+    paste: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeUpload: {
+        type: import('vue').PropType<import('./interface').UploadBeforeUpload>;
+        default: undefined;
+    };
+    beforeRemove: {
+        type: import('vue').PropType<import('./interface').UploadBeforeRemove>;
+        default: undefined;
+    };
+    listType: {
+        type: import('vue').PropType<import('./interface').UploadListType>;
+        default: string;
+    };
+    tip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showFileList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showUploadButton: {
+        type: import('vue').PropType<boolean | import('./interface').UploadShowUploadButton>;
+        default: boolean;
+    };
+    showRemoveButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRetryButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCancelButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPreviewButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownloadButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    download: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageLoading: {
+        type: import('vue').PropType<"eager" | "lazy">;
+        default: undefined;
+    };
+    responseUrlKey: {
+        type: import('vue').PropType<import('./interface').UploadResponseUrlKey>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSuccess?: ((_file: UploadFile<unknown>) => any) | undefined;
+    onError?: ((_file: UploadFile<unknown>) => any) | undefined;
+    onDownload?: ((_file: UploadFile<unknown>) => any) | undefined;
+    onProgress?: ((_info: UploadProgressInfo) => any) | undefined;
+    onRemove?: ((_file: UploadFile<unknown>) => any) | undefined;
+    onChange?: ((_info: UploadChangeInfo) => any) | undefined;
+    onPreview?: ((_file: UploadFile<unknown>) => any) | undefined;
+    onExceed?: ((_info: UploadExceedInfo) => any) | undefined;
+    "onUpdate:fileList"?: ((_files: UploadFile<unknown>[]) => any) | undefined;
+    onReject?: ((_info: UploadRejectInfo) => any) | undefined;
+}>, {
+    name: import('./interface').UploadName;
+    disabled: boolean;
+    download: boolean;
+    ariaLabel: string;
+    data: import('./interface').UploadData;
+    action: import('./interface').UploadAction;
+    paste: boolean;
+    imagePreview: boolean;
+    multiple: boolean;
+    tip: string;
+    draggable: boolean;
+    limit: number;
+    method: import('./interface').UploadRequestMethod;
+    timeout: number;
+    accept: string;
+    beforeUpload: import('./interface').UploadBeforeUpload;
+    fileList: UploadFile<unknown>[];
+    defaultFileList: UploadFile<unknown>[];
+    headers: Record<string, string>;
+    withCredentials: boolean;
+    customRequest: import('./interface').UploadCustomRequest;
+    directory: boolean;
+    capture: boolean | "user" | "environment";
+    autoUpload: boolean;
+    beforeRemove: import('./interface').UploadBeforeRemove;
+    listType: import('./interface').UploadListType;
+    showFileList: boolean;
+    showUploadButton: boolean | import('./interface').UploadShowUploadButton;
+    showRemoveButton: boolean;
+    showRetryButton: boolean;
+    showCancelButton: boolean;
+    showPreviewButton: boolean;
+    showDownloadButton: boolean;
+    showLink: boolean;
+    imageLoading: "eager" | "lazy";
+    responseUrlKey: import('./interface').UploadResponseUrlKey;
+}, SlotsType<{
+    default?: () => any;
+    'upload-button'?: () => any;
+    'upload-item'?: (scope: {
+        file: UploadFile;
+        index: number;
+    }) => any;
+    'file-icon'?: (scope: {
+        file: UploadFile;
+    }) => any;
+    'file-name'?: (scope: {
+        file: UploadFile;
+    }) => any;
+    'extra-button'?: (scope: {
+        file: UploadFile;
+    }) => any;
+    image?: (scope: {
+        file: UploadFile;
+    }) => any;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/upload/context.d.ts

@@ -0,0 +1,28 @@
+import { ComputedRef, InjectionKey, Ref, Slots } from 'vue';
+import { UploadFile, UploadListType } from './interface';
+import { UploadProps } from './props';
+export interface UploadContext {
+    props: UploadProps;
+    slots: Slots;
+    disabled: ComputedRef<boolean>;
+    listType: ComputedRef<UploadListType>;
+    fileList: ComputedRef<UploadFile[]>;
+    /** 已达 limit 上限 */
+    isMax: ComputedRef<boolean>;
+    /** 是否渲染上传入口 */
+    showTrigger: ComputedRef<boolean>;
+    dragging: Ref<boolean>;
+    inputRef: Ref<HTMLInputElement | undefined>;
+    openFileDialog: () => void;
+    onFileChange: (event: Event) => void;
+    onDropFiles: (event: DragEvent) => void;
+    handleRemove: (file: UploadFile) => void;
+    /** 重试失败文件 / 开始上传 init 文件 */
+    handleRetry: (file: UploadFile) => void;
+    handleCancel: (file: UploadFile) => void;
+    handlePreview: (file: UploadFile) => void;
+    handleDownload: (file: UploadFile) => void;
+    getErrorText: (file: UploadFile) => string | undefined;
+    getTriggerAttrs: () => Record<string, unknown>;
+}
+export declare const uploadInjectionKey: InjectionKey<UploadContext>;