@cyberpunk-vue/components 1.4.0 → 1.5.0

package/dist/upload/index.d.ts

@@ -0,0 +1,484 @@
+/**
+ * CpUpload 赛博朋克风格上传组件
+ *
+ * 支持拖拽上传、图片预览、多种变体和形状。
+ * 复用 CpImage、CpProgress、CpButton 等组件。
+ *
+ * @example
+ * ```vue
+ * <CpUpload v-model="fileList" action="/api/upload" />
+ * <CpUpload v-model="fileList" action="/api/upload" drag list-type="picture-card" />
+ * ```
+ */
+export declare const CpUpload: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: import('vue').PropType<import('.').UploadFile[]>;
+            readonly default: () => never[];
+        };
+        readonly action: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly headers: {
+            readonly type: import('vue').PropType<Record<string, string>>;
+            readonly default: () => {};
+        };
+        readonly data: {
+            readonly type: import('vue').PropType<Record<string, string>>;
+            readonly default: () => {};
+        };
+        readonly name: {
+            readonly type: StringConstructor;
+            readonly default: "file";
+        };
+        readonly accept: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly multiple: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly limit: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly maxSize: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly drag: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly autoUpload: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly listType: {
+            readonly type: import('vue').PropType<import('.').UploadListType>;
+            readonly default: "text";
+        };
+        readonly showFileList: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').UploadVariant>;
+            readonly default: "dashed";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').UploadShape>;
+            readonly default: "clip";
+        };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').UploadType>;
+            readonly default: "default";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+            readonly default: "md";
+        };
+        readonly httpRequest: {
+            readonly type: import('vue').PropType<(options: import('.').UploadRequestOptions) => Promise<unknown> | void>;
+            readonly default: undefined;
+        };
+        readonly beforeUpload: {
+            readonly type: import('vue').PropType<(file: File) => boolean | Promise<boolean>>;
+            readonly default: undefined;
+        };
+        readonly onExceed: {
+            readonly type: import('vue').PropType<(files: File[], fileList: import('.').UploadFile[]) => void>;
+            readonly default: undefined;
+        };
+        readonly inlinePreview: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly showInnerStripe: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly placeholder: {
+            readonly type: StringConstructor;
+            readonly default: undefined;
+        };
+        readonly placeholderIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onSuccess?: ((_response: unknown, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onError?: ((_error: Error, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onProgress?: ((_percentage: number, file: import('.').UploadFile) => any) | undefined;
+        "onUpdate:modelValue"?: ((fileList: import('.').UploadFile[]) => any) | undefined;
+        onChange?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onRemove?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+    }>, {
+        submit: () => void;
+        clearFiles: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        success: (_response: unknown, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+        error: (_error: Error, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+        progress: (_percentage: number, file: import('.').UploadFile) => void;
+        "update:modelValue": (fileList: import('.').UploadFile[]) => void;
+        change: (file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+        remove: (file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+    }, import('vue').PublicProps, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly data: Record<string, string>;
+        readonly name: string;
+        readonly type: import('.').UploadType;
+        readonly variant: import('.').UploadVariant;
+        readonly disabled: boolean;
+        readonly color: string;
+        readonly shape: import('.').UploadShape;
+        readonly placeholder: string;
+        readonly modelValue: import('.').UploadFile[];
+        readonly drag: boolean;
+        readonly showInnerStripe: boolean;
+        readonly multiple: boolean;
+        readonly action: string;
+        readonly headers: Record<string, string>;
+        readonly accept: string;
+        readonly limit: number;
+        readonly maxSize: number;
+        readonly autoUpload: boolean;
+        readonly listType: import('.').UploadListType;
+        readonly showFileList: boolean;
+        readonly httpRequest: (options: import('.').UploadRequestOptions) => Promise<unknown> | void;
+        readonly beforeUpload: (file: File) => boolean | Promise<boolean>;
+        readonly onExceed: (files: File[], fileList: import('.').UploadFile[]) => void;
+        readonly inlinePreview: boolean;
+        readonly placeholderIcon: object;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: import('vue').PropType<import('.').UploadFile[]>;
+            readonly default: () => never[];
+        };
+        readonly action: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly headers: {
+            readonly type: import('vue').PropType<Record<string, string>>;
+            readonly default: () => {};
+        };
+        readonly data: {
+            readonly type: import('vue').PropType<Record<string, string>>;
+            readonly default: () => {};
+        };
+        readonly name: {
+            readonly type: StringConstructor;
+            readonly default: "file";
+        };
+        readonly accept: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly multiple: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly limit: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly maxSize: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly drag: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly autoUpload: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly listType: {
+            readonly type: import('vue').PropType<import('.').UploadListType>;
+            readonly default: "text";
+        };
+        readonly showFileList: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').UploadVariant>;
+            readonly default: "dashed";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').UploadShape>;
+            readonly default: "clip";
+        };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').UploadType>;
+            readonly default: "default";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+            readonly default: "md";
+        };
+        readonly httpRequest: {
+            readonly type: import('vue').PropType<(options: import('.').UploadRequestOptions) => Promise<unknown> | void>;
+            readonly default: undefined;
+        };
+        readonly beforeUpload: {
+            readonly type: import('vue').PropType<(file: File) => boolean | Promise<boolean>>;
+            readonly default: undefined;
+        };
+        readonly onExceed: {
+            readonly type: import('vue').PropType<(files: File[], fileList: import('.').UploadFile[]) => void>;
+            readonly default: undefined;
+        };
+        readonly inlinePreview: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly showInnerStripe: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly placeholder: {
+            readonly type: StringConstructor;
+            readonly default: undefined;
+        };
+        readonly placeholderIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onSuccess?: ((_response: unknown, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onError?: ((_error: Error, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onProgress?: ((_percentage: number, file: import('.').UploadFile) => any) | undefined;
+        "onUpdate:modelValue"?: ((fileList: import('.').UploadFile[]) => any) | undefined;
+        onChange?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+        onRemove?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+    }>, {
+        submit: () => void;
+        clearFiles: () => void;
+    }, {}, {}, {}, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly data: Record<string, string>;
+        readonly name: string;
+        readonly type: import('.').UploadType;
+        readonly variant: import('.').UploadVariant;
+        readonly disabled: boolean;
+        readonly color: string;
+        readonly shape: import('.').UploadShape;
+        readonly placeholder: string;
+        readonly modelValue: import('.').UploadFile[];
+        readonly drag: boolean;
+        readonly showInnerStripe: boolean;
+        readonly multiple: boolean;
+        readonly action: string;
+        readonly headers: Record<string, string>;
+        readonly accept: string;
+        readonly limit: number;
+        readonly maxSize: number;
+        readonly autoUpload: boolean;
+        readonly listType: import('.').UploadListType;
+        readonly showFileList: boolean;
+        readonly httpRequest: (options: import('.').UploadRequestOptions) => Promise<unknown> | void;
+        readonly beforeUpload: (file: File) => boolean | Promise<boolean>;
+        readonly onExceed: (files: File[], fileList: import('.').UploadFile[]) => void;
+        readonly inlinePreview: boolean;
+        readonly placeholderIcon: object;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('.').UploadFile[]>;
+        readonly default: () => never[];
+    };
+    readonly action: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly headers: {
+        readonly type: import('vue').PropType<Record<string, string>>;
+        readonly default: () => {};
+    };
+    readonly data: {
+        readonly type: import('vue').PropType<Record<string, string>>;
+        readonly default: () => {};
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "file";
+    };
+    readonly accept: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly limit: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly maxSize: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly drag: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoUpload: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly listType: {
+        readonly type: import('vue').PropType<import('.').UploadListType>;
+        readonly default: "text";
+    };
+    readonly showFileList: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('.').UploadVariant>;
+        readonly default: "dashed";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('.').UploadShape>;
+        readonly default: "clip";
+    };
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').UploadType>;
+        readonly default: "default";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+        readonly default: "md";
+    };
+    readonly httpRequest: {
+        readonly type: import('vue').PropType<(options: import('.').UploadRequestOptions) => Promise<unknown> | void>;
+        readonly default: undefined;
+    };
+    readonly beforeUpload: {
+        readonly type: import('vue').PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly default: undefined;
+    };
+    readonly onExceed: {
+        readonly type: import('vue').PropType<(files: File[], fileList: import('.').UploadFile[]) => void>;
+        readonly default: undefined;
+    };
+    readonly inlinePreview: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly showInnerStripe: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly placeholderIcon: {
+        readonly type: import('vue').PropType<object>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onSuccess?: ((_response: unknown, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+    onError?: ((_error: Error, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+    onProgress?: ((_percentage: number, file: import('.').UploadFile) => any) | undefined;
+    "onUpdate:modelValue"?: ((fileList: import('.').UploadFile[]) => any) | undefined;
+    onChange?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+    onRemove?: ((file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => any) | undefined;
+}>, {
+    submit: () => void;
+    clearFiles: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    success: (_response: unknown, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+    error: (_error: Error, file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+    progress: (_percentage: number, file: import('.').UploadFile) => void;
+    "update:modelValue": (fileList: import('.').UploadFile[]) => void;
+    change: (file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+    remove: (file: import('.').UploadFile, _fileList: import('.').UploadFile[]) => void;
+}, string, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly data: Record<string, string>;
+    readonly name: string;
+    readonly type: import('.').UploadType;
+    readonly variant: import('.').UploadVariant;
+    readonly disabled: boolean;
+    readonly color: string;
+    readonly shape: import('.').UploadShape;
+    readonly placeholder: string;
+    readonly modelValue: import('.').UploadFile[];
+    readonly drag: boolean;
+    readonly showInnerStripe: boolean;
+    readonly multiple: boolean;
+    readonly action: string;
+    readonly headers: Record<string, string>;
+    readonly accept: string;
+    readonly limit: number;
+    readonly maxSize: number;
+    readonly autoUpload: boolean;
+    readonly listType: import('.').UploadListType;
+    readonly showFileList: boolean;
+    readonly httpRequest: (options: import('.').UploadRequestOptions) => Promise<unknown> | void;
+    readonly beforeUpload: (file: File) => boolean | Promise<boolean>;
+    readonly onExceed: (files: File[], fileList: import('.').UploadFile[]) => void;
+    readonly inlinePreview: boolean;
+    readonly placeholderIcon: object;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        placeholder?(_: {
+            mode: string;
+        }): any;
+        placeholder?(_: {
+            mode: string;
+        }): any;
+        placeholder?(_: {
+            mode: string;
+        }): any;
+    };
+})>;
+export default CpUpload;
+export * from './src/upload';
+export type { UploadInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

package/dist/upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../upload/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAsB,CAAA;AAC3C,eAAe,QAAQ,CAAA;AAEvB,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/upload/src/instance.d.ts

@@ -0,0 +1,3 @@
+import { default as Upload } from './upload.vue';
+export type UploadInstance = InstanceType<typeof Upload>;
+//# sourceMappingURL=instance.d.ts.map

package/dist/upload/src/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../upload/src/instance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAA;AACtC,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA"}