@polyv/vue-components 1.3.0 → 1.5.0

package/vue3/src/components/form/image-upload/index.d.ts

@@ -0,0 +1,102 @@
+import { ImageUploadController } from './src/hooks/props-define';
+declare module '../../../vue-utils/install-utils' {
+    interface InstallOptionsMap {
+        PwcImageUpload: ImageUploadController;
+    }
+}
+export declare const PwcImageUpload: import('../../../vue-utils/install-utils').SFCInstall<import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<ImageUploadController, import('vue-types/dist/types').ValidatorFunction<ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {
+    triggerUpload: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (arg: string | string[]) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<ImageUploadController, import('vue-types/dist/types').ValidatorFunction<ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    data: {
+        [key: string]: any;
+    };
+    "v-model-key": string | string[];
+    width: number;
+    height: number;
+    draggable: boolean;
+    multiple: boolean;
+    acceptType: string;
+    defaultUploadPlaceholder: boolean;
+    showDelete: boolean;
+}>, ImageUploadController>;
+export * from './src/hooks/props-define';

package/vue3/src/components/form/image-upload/src/hooks/props-define.d.ts

@@ -0,0 +1,126 @@
+export interface ImageUploadController {
+    /**
+     * 执行上传
+     */
+    uploadAction?: (data: ImageUploadActionData) => Promise<ImageUploadActionResult>;
+}
+export interface ImageUploadActionData {
+    /**
+     * 文件
+     */
+    file: File;
+    /**
+     * 附带数据
+     */
+    data?: Record<string, unknown>;
+    /**
+     * 更新上传进度，范围：0～100
+     */
+    updateUploadProgress: (progress: number) => void;
+}
+export interface ImageUploadActionResult {
+    /**
+     * 上传后的在线地址
+     */
+    url: string;
+}
+declare module '../../../../../hooks/business/use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 图片上传控制器
+         */
+        imageUploadController?: ImageUploadController;
+    }
+}
+export declare const imageUploadProps: () => {
+    /**
+     * 绑定值，支持 v-model
+     */
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    /**
+     * 附带数据
+     */
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    /**
+     * 文件类型
+     */
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 是否支持多选文件
+     * @default false
+     */
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否支持拖拽，仅多选时生效
+     * @default true
+     */
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 文件大小限制，单位：kb
+     */
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 数量限制
+     */
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 控制器
+     */
+    controller: import('vue-types').VueTypeValidableDef<ImageUploadController, import('vue-types/dist/types').ValidatorFunction<ImageUploadController>>;
+    /**
+     * 宽度
+     * @default 80
+     */
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 高度
+     * @default 80
+     */
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 上传标题
+     * @default '点击上传图片'
+     */
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 上传描述
+     */
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 使用默认的上传描述
+     * @default false
+     */
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否显示删除
+     * @default true
+     */
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const imageUploadEmits: () => {
+    change: import('../../../../../vue-utils').EmitFuncType<string | string[]>;
+};

package/vue3/src/components/form/image-upload/src/hooks/types.d.ts

@@ -0,0 +1,40 @@
+export declare enum ImageUploadStatus {
+    /**
+     * 待上传
+     */
+    Pending = "pending",
+    /**
+     * 上传中
+     */
+    Uploading = "uploading",
+    /**
+     * 上传成功
+     */
+    Success = "success",
+    /**
+     * 上传失败
+     */
+    Failed = "failed"
+}
+export interface ImageUploadItem {
+    /**
+     * 唯一标识
+     */
+    id: string;
+    /**
+     * 文件对象
+     */
+    file?: File;
+    /**
+     * 在线地址
+     */
+    url?: string;
+    /**
+     * 状态
+     */
+    status: ImageUploadStatus;
+    /**
+     * 上传进度，范围：0～100
+     */
+    uploadProgress?: number;
+}

package/vue3/src/components/form/image-upload/src/hooks/use-file-input.d.ts

@@ -0,0 +1,7 @@
+export declare const useFileInput: (options?: {
+    choiceCallback?: (files: File[]) => unknown;
+}) => {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    resetInput: () => void;
+    triggerInputClick: () => void;
+};

package/vue3/src/components/form/image-upload/src/hooks/use-image-upload.d.ts

@@ -0,0 +1,76 @@
+import { UseTaskQueueReturn } from '../../../../../hooks/tools/use-task-queue';
+import { VueEmit, VueProps } from '../../../../../vue-utils';
+import { ComputedRef, InjectionKey } from 'vue';
+import { ImageUploadController, imageUploadEmits, imageUploadProps } from './props-define';
+import { ImageUploadStatus, ImageUploadItem } from './types';
+interface ImageUploadInjectData {
+    imageUploadProps: VueProps<typeof imageUploadProps>;
+    /**
+     * 是否小尺寸样式
+     */
+    isSmallStyle: ComputedRef<boolean>;
+    /**
+     * 是否迷你尺寸样式
+     */
+    isMiniStyle: ComputedRef<boolean>;
+    /**
+     * 更新绑定值
+     */
+    updateValue: () => void;
+    /**
+     * 获取上传控制器
+     */
+    getController: () => ImageUploadController;
+    /**
+     * 上传任务队列
+     */
+    uploadTaskQueue: UseTaskQueueReturn;
+    /**
+     * 检查文件是否符合要求
+     * @param file 文件对象
+     * @returns 是否符合要求
+     */
+    checkFile: (file: File) => Promise<{
+        success: boolean;
+    }>;
+    /**
+     * 更新 item
+     */
+    updateItem: (item: ImageUploadItem) => void;
+    /**
+     * 删除 item
+     */
+    deleteItem: (id: string) => void;
+}
+export declare const IMAGE_UPLOAD_INJECT_KEY: InjectionKey<ImageUploadInjectData>;
+export declare const useImageUpload: (options: {
+    props: VueProps<typeof imageUploadProps>;
+    emit: VueEmit<typeof imageUploadEmits>;
+}) => {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    itemList: import('vue').Ref<{
+        id: string;
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+        url?: string | undefined;
+        status: ImageUploadStatus;
+        uploadProgress?: number | undefined;
+    }[]>;
+    realCountLimit: ComputedRef<number>;
+    uploadPlaceholderText: ComputedRef<string | undefined>;
+    triggerUpload: () => void;
+    updateValue: () => void;
+    isSmallStyle: ComputedRef<boolean>;
+    isMiniStyle: ComputedRef<boolean>;
+};
+export {};

package/vue3/src/components/form/image-upload/src/hooks/use-upload-controller.d.ts

@@ -0,0 +1,7 @@
+import { VueProps } from '../../../../../vue-utils';
+import { ImageUploadController, imageUploadProps } from './props-define';
+export declare const useUploadController: (options: {
+    props: VueProps<typeof imageUploadProps>;
+}) => {
+    getController: () => ImageUploadController;
+};

package/vue3/src/components/form/image-upload/src/image-upload.vue.d.ts

@@ -0,0 +1,96 @@
+declare const _default: import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('./hooks/props-define').ImageUploadController, import('vue-types/dist/types').ValidatorFunction<import('./hooks/props-define').ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {
+    triggerUpload: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (arg: string | string[]) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('./hooks/props-define').ImageUploadController, import('vue-types/dist/types').ValidatorFunction<import('./hooks/props-define').ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showDelete: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    data: {
+        [key: string]: any;
+    };
+    "v-model-key": string | string[];
+    width: number;
+    height: number;
+    draggable: boolean;
+    multiple: boolean;
+    acceptType: string;
+    defaultUploadPlaceholder: boolean;
+    showDelete: boolean;
+}>;
+export default _default;

package/vue3/src/components/form/image-upload/src/upload-item.vue.d.ts

@@ -0,0 +1,19 @@
+import { ImageUploadItem } from './hooks/types';
+declare const _default: import('vue').DefineComponent<{
+    item: import('vue-types').VueTypeValidableDef<ImageUploadItem, import('vue-types/dist/types').ValidatorFunction<ImageUploadItem>> & {
+        required: true;
+    };
+    isDragging: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    item: import('vue-types').VueTypeValidableDef<ImageUploadItem, import('vue-types/dist/types').ValidatorFunction<ImageUploadItem>> & {
+        required: true;
+    };
+    isDragging: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    isDragging: boolean;
+}>;
+export default _default;

package/vue3/src/components/form/index.d.ts

@@ -1,10 +1,17 @@
 export * from './area-picker';
 export * from './checkbox';
+export * from './date-picker';
+export * from './form-group';
 export * from './form-item';
 export * from './form-submit-button';
 export * from './form-wrap';
+export * from './image-upload';
 export * from './input';
+export * from './input-number';
 export * from './protocol';
 export * from './radio';
+export * from './select';
 export * from './switch';
 export * from './types';
+export * from './transfer';
+export * from './video-upload';