bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/upload/props.d.ts

@@ -1,6 +1,11 @@
+import { APIResponse, EThemes, ETypes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
 import type { PropType } from 'vue';
-import { APIResponse, EThemes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
 declare const _default: {
+    type: {
+        type: PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: ETypes) => boolean;
+    };
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -89,7 +94,7 @@ declare const _default: {
         type: PropType<(event: Event) => boolean | void>;
     };
     beforeUpload: {
-        type: PropType<(file: UploadRawFile) => Promise<boolean> | boolean>;
+        type: PropType<(file: UploadRawFile, uploadFiles: File[]) => Promise<boolean> | boolean>;
     };
     beforeRemove: {
         type: PropType<(file: UploadFile, uploadFiles: UploadFile[]) => Promise<boolean> | boolean>;
@@ -110,5 +115,9 @@ declare const _default: {
         type: NumberConstructor;
         default: number;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export default _default;

package/lib/upload/upload-list.d.ts

@@ -17,7 +17,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "retry")[], "remove" | "retry", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "preview" | "retry")[], "remove" | "preview" | "retry", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -35,13 +39,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onRemove?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
     onRetry?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     theme: "button" | "picture" | "draggable";
     multiple: boolean;
     files: UploadFile[];
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/lib/upload/upload-trigger.d.ts

@@ -23,7 +23,11 @@ declare const _default: import("vue").DefineComponent<{
     selectChange: {
         type: PropType<(event: Event) => boolean | void>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove")[], "change" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove" | "preview")[], "change" | "remove" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -46,12 +50,18 @@ declare const _default: import("vue").DefineComponent<{
     selectChange: {
         type: PropType<(event: Event) => boolean | void>;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     theme: "button" | "picture" | "draggable";
     multiple: boolean;
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/lib/upload/upload.d.ts

@@ -1,5 +1,10 @@
 import { APIResponse, EThemes, UploadFile, UploadRawFile } from './upload.type';
 declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: import("./upload.type").ETypes) => boolean;
+    };
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -88,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(event: Event) => boolean | void>;
     };
     beforeUpload: {
-        type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
+        type: import("vue").PropType<(file: UploadRawFile, uploadFiles: File[]) => boolean | Promise<boolean>>;
     };
     beforeRemove: {
         type: import("vue").PropType<(file: UploadFile, uploadFiles: UploadFile[]) => boolean | Promise<boolean>>;
@@ -109,7 +114,16 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "exceed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "success" | "delete" | "preview" | "exceed")[], "done" | "error" | "progress" | "success" | "delete" | "preview" | "exceed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: import("./upload.type").ETypes) => boolean;
+    };
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -198,7 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<(event: Event) => boolean | void>;
     };
     beforeUpload: {
-        type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
+        type: import("vue").PropType<(file: UploadRawFile, uploadFiles: File[]) => boolean | Promise<boolean>>;
     };
     beforeRemove: {
         type: import("vue").PropType<(file: UploadFile, uploadFiles: UploadFile[]) => boolean | Promise<boolean>>;
@@ -219,21 +233,27 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onError?: (...args: any[]) => any;
     onProgress?: (...args: any[]) => any;
     onDelete?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
     onDone?: (...args: any[]) => any;
     onSuccess?: (...args: any[]) => any;
     onExceed?: (...args: any[]) => any;
 }, {
     name: string;
+    type: "formdata" | "binary";
     data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
     header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
     extCls: string;
-    size: number | import("./upload.type").MaxSize;
     disabled: boolean;
     theme: "button" | "picture" | "draggable";
+    size: number | import("./upload.type").MaxSize;
     multiple: boolean;
     tip: string;
     files: UploadFile[];
@@ -248,5 +268,6 @@ declare const _default: import("vue").DefineComponent<{
     sliceUrl: string;
     mergeUrl: string;
     chunkSize: number;
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/lib/upload/upload.type.d.ts

@@ -7,22 +7,27 @@ export declare const enum EThemes {
     PICTURE = "picture"
 }
 export type Theme = Lowercase<keyof typeof EThemes>;
+export declare const enum ETypes {
+    BINARY = "binary",
+    FORMDATA = "formdata"
+}
+export type Type = Lowercase<keyof typeof ETypes>;
 export declare const enum EUploadStatus {
+    FAIL = "fail",
     NEW = "new",
-    UPLOADING = "uploading",
     SUCCESS = "success",
-    FAIL = "fail"
+    UPLOADING = "uploading"
 }
 export type UploadStatus = Lowercase<keyof typeof EUploadStatus>;
 export type FormDataAttr = {
     name: string;
-    value: string | Blob | [string | Blob, string];
+    value: [Blob | string, string] | Blob | string;
 };
 export type HeaderDataAttr = {
     name: string;
     value: string;
 };
-export type ExtraFormData = Record<string, string | Blob | [string | Blob, string]>;
+export type ExtraFormData = Record<string, [Blob | string, string] | Blob | string>;
 export type UploadFiles = UploadFile[];
 export type UploadFile = {
     name: string;
@@ -56,11 +61,12 @@ export type UploadProps = ExtractPropTypes<typeof uploadProps>;
 export interface UploadRequestOptions {
     action: string;
     method: string;
+    type: Type;
     data?: ExtraFormData | ExtraFormData[];
     formDataAttributes?: FormDataAttr | FormDataAttr[];
     filename: string;
     file: File;
-    headers?: Headers | Record<string, string | number | null | undefined>;
+    headers?: Headers | Record<string, null | number | string | undefined>;
     header?: HeaderDataAttr | HeaderDataAttr[];
     withCredentials: boolean;
     sliceUrl: string;
@@ -71,7 +77,7 @@ export interface UploadRequestOptions {
     onSuccess: (res: SuccessResponse) => void;
     onComplete: () => void;
 }
-export type UploadRequestHandler = (options: UploadRequestOptions) => XMLHttpRequest | Promise<unknown>;
+export type UploadRequestHandler = (options: UploadRequestOptions) => Promise<unknown> | XMLHttpRequest;
 export type HookHandler = (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
 export interface UploadHanderHooks {
     onRemove: HookHandler;

package/lib/upload/upload.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;

package/lib/upload/use-file-handler.d.ts

@@ -2,7 +2,7 @@ import { SuccessResponse, UploadFile, UploadHanderHooks, UploadProgressEvent, Up
 declare const _default: (props: UploadProps, hooks: UploadHanderHooks) => {
     fileList: import("vue").Ref<{
         name: string;
-        status: "success" | "new" | "uploading" | "fail";
+        status: "success" | "fail" | "new" | "uploading";
         statusText?: string;
         percentage?: number;
         response?: unknown;