cosey 0.5.0 → 0.5.2

package/components/upload/index.d.ts

@@ -1,54 +1,199 @@
-export * from './upload';
+export * from './upload.api';
 export * from '../upload-context';
 declare const _Upload: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./upload").UploadProps> & Readonly<{
-        onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        accept: {
+            type: StringConstructor;
+            default: string;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        multiple: {
+            type: BooleanConstructor;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | File | (string | File)[]>;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        single: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        selectOnly: {
+            type: BooleanConstructor;
+        };
+        size: {
+            type: import("vue").PropType<import("..").MediaCardBaseProps["size"]>;
+            default: "large";
+        };
+        request: {
+            type: import("vue").PropType<import(".").UploadContext["request"]>;
+        };
+        requestConfig: {
+            type: import("vue").PropType<import("axios").AxiosRequestConfig>;
+        };
+        requestExtra: {
+            type: import("vue").PropType<Record<PropertyKey, any>>;
+        };
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | File | (string | File)[]) => any) | undefined;
+        onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
         onExceed?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        change: (value: string | File | (string | File)[]) => any;
-        "update:modelValue": (value: string | File | (string | File)[]) => any;
-        exceed: () => any;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        exceed: () => boolean;
+        'update:modelValue': (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
+        change: (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
     }, import("vue").PublicProps, {
         size: "large" | "small" | "middle" | "mini";
+        multiple: boolean;
+        single: boolean;
+        disabled: boolean;
+        readonly: boolean;
         validateEvent: boolean;
         accept: string;
         limit: number;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        selectOnly: boolean;
+    }, true, {}, import("vue").SlotsType<import("./upload.api").UploadSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./upload").UploadProps> & Readonly<{
-        onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        accept: {
+            type: StringConstructor;
+            default: string;
+        };
+        limit: {
+            type: NumberConstructor;
+            default: number;
+        };
+        multiple: {
+            type: BooleanConstructor;
+        };
+        modelValue: {
+            type: import("vue").PropType<string | File | (string | File)[]>;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        single: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        selectOnly: {
+            type: BooleanConstructor;
+        };
+        size: {
+            type: import("vue").PropType<import("..").MediaCardBaseProps["size"]>;
+            default: "large";
+        };
+        request: {
+            type: import("vue").PropType<import(".").UploadContext["request"]>;
+        };
+        requestConfig: {
+            type: import("vue").PropType<import("axios").AxiosRequestConfig>;
+        };
+        requestExtra: {
+            type: import("vue").PropType<Record<PropertyKey, any>>;
+        };
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | File | (string | File)[]) => any) | undefined;
+        onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
         onExceed?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         size: "large" | "small" | "middle" | "mini";
+        multiple: boolean;
+        single: boolean;
+        disabled: boolean;
+        readonly: boolean;
         validateEvent: boolean;
         accept: string;
         limit: number;
+        selectOnly: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./upload").UploadProps> & Readonly<{
-    onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    multiple: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | File | (string | File)[]>;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    single: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    selectOnly: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBaseProps["size"]>;
+        default: "large";
+    };
+    request: {
+        type: import("vue").PropType<import(".").UploadContext["request"]>;
+    };
+    requestConfig: {
+        type: import("vue").PropType<import("axios").AxiosRequestConfig>;
+    };
+    requestExtra: {
+        type: import("vue").PropType<Record<PropertyKey, any>>;
+    };
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | File | (string | File)[]) => any) | undefined;
+    onChange?: ((value: string | File | (string | File)[]) => any) | undefined;
     onExceed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | File | (string | File)[]) => any;
-    "update:modelValue": (value: string | File | (string | File)[]) => any;
-    exceed: () => any;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    exceed: () => boolean;
+    'update:modelValue': (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
+    change: (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
 }, string, {
     size: "large" | "small" | "middle" | "mini";
+    multiple: boolean;
+    single: boolean;
+    disabled: boolean;
+    readonly: boolean;
     validateEvent: boolean;
     accept: string;
     limit: number;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./upload").UploadSlots;
-}) & import("vue").Plugin;
+    selectOnly: boolean;
+}, {}, string, import("vue").SlotsType<import("./upload.api").UploadSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _Upload as Upload };
 export default _Upload;

package/components/upload/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './upload.vue.js';
-export { defaultUploadProps } from './upload.js';
+import stdin_default$1 from './upload.js';
+export { uploadEmits, uploadItemEmits, uploadItemProps, uploadProps, uploadSlots } from './upload.api.js';
 export { useUpload, useUploadProvide } from '../upload-context.js';
 
 const _Upload = withInstall(stdin_default$1);

package/components/upload/upload-item.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    file: {
+        type: import("vue").PropType<import("./upload.api").UploadFile>;
+        required: boolean;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBaseProps["size"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => boolean;
+    're-upload': () => boolean;
+    remove: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    file: {
+        type: import("vue").PropType<import("./upload.api").UploadFile>;
+        required: boolean;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBaseProps["size"]>;
+    };
+}>> & Readonly<{
+    onRemove?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    "onRe-upload"?: (() => any) | undefined;
+}>, {
+    readonly: boolean;
+    file: import("./upload.api").UploadFile;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/upload/upload-item.js

@@ -0,0 +1,110 @@
+import { defineComponent, computed, createVNode, Transition, isVNode } from 'vue';
+import { ElProgress, ElButton } from 'element-plus';
+import { uploadItemEmits, uploadItemProps } from './upload.api.js';
+import { MediaCard as _MediaCard } from '../media-card/index.js';
+import stdin_default$1 from '../icon/icon.vue.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+import { useLocale } from '../../hooks/useLocale.js';
+import { isString } from '../../utils/is.js';
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var stdin_default = defineComponent({
+  name: "CoUploadItem",
+  props: uploadItemProps,
+  emits: uploadItemEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("upload");
+    const {
+      t
+    } = useLocale();
+    const progressStatus = {
+      success: "success",
+      error: "exception"
+    };
+    const getProgressStatus = status => {
+      return progressStatus[status];
+    };
+    const progressFormat = percentage => {
+      return Math.floor(percentage) + "%";
+    };
+    const showRemove = computed(() => !props.readonly && (props.file.status === "unready" || props.file.status === "success"));
+    const mergedTitle = computed(() => isString(props.file.url) ? props.file.url : "");
+    return () => {
+      let _slot, _slot2, _slot3;
+      return createVNode("div", {
+        "class": `${prefixCls.value}-item`
+      }, [createVNode(_MediaCard, {
+        "ref": "media",
+        "src": props.file.previewUrl,
+        "name": props.file.name,
+        "type": props.file.type,
+        "size": props.size,
+        "title": mergedTitle.value
+      }, null), createVNode(Transition, {
+        "name": "co-fade"
+      }, {
+        default: () => [(props.file.status === "loading" || props.file.status === "error") && createVNode("div", {
+          "class": `${prefixCls.value}-status`
+        }, [createVNode(ElProgress, {
+          "percentage": props.file.percent,
+          "type": "circle",
+          "width": 64,
+          "status": getProgressStatus(props.file.status)
+        }, {
+          default: ({
+            percentage
+          }) => {
+            return props.file.status === "error" ? createVNode(stdin_default$1, {
+              "name": "co:close-filled",
+              "size": "lg"
+            }, null) : createVNode("span", {
+              "class": `${prefixCls.value}-progress-text`
+            }, [progressFormat(percentage)]);
+          }
+        }), createVNode("div", {
+          "class": `${prefixCls.value}-actions`
+        }, [props.file.status === "loading" && createVNode(ElButton, {
+          "link": true,
+          "size": "small",
+          "type": "primary",
+          "onClick": () => emit("cancel")
+        }, _isSlot(_slot = t("co.upload.cancelUpload")) ? _slot : {
+          default: () => [_slot]
+        }), props.file.status === "error" && createVNode(ElButton, {
+          "link": true,
+          "size": "small",
+          "type": "primary",
+          "style": {
+            marginInlineStart: 0
+          },
+          "onClick": () => emit("re-upload")
+        }, _isSlot(_slot2 = t("co.upload.reUpload")) ? _slot2 : {
+          default: () => [_slot2]
+        }), createVNode(ElButton, {
+          "link": true,
+          "size": "small",
+          "type": "primary",
+          "style": {
+            marginInlineStart: 0
+          },
+          "onClick": () => emit("remove")
+        }, _isSlot(_slot3 = t("co.common.delete")) ? _slot3 : {
+          default: () => [_slot3]
+        })])])]
+      }), showRemove.value && createVNode("div", {
+        "class": `${prefixCls.value}-remove`,
+        "onClick": () => emit("remove")
+      }, [createVNode(stdin_default$1, {
+        "name": "co:close-large"
+      }, null)])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/upload/upload.api.d.ts

@@ -0,0 +1,93 @@
+import { type AxiosRequestConfig } from 'axios';
+import { type MediaCardBaseProps } from '../media-card';
+import { type UploadContext } from '../upload-context';
+import { ExtractPropTypes, PropType, SlotsType } from 'vue';
+export type UploadFileStatus = 'unready' | 'ready' | 'loading' | 'success' | 'error';
+export interface UploadFile {
+    status: UploadFileStatus;
+    name: string;
+    size: number;
+    type: string;
+    raw: File | null;
+    url: string | File;
+    previewUrl: string;
+    key: string;
+    percent: number;
+    controller: AbortController | null;
+}
+export declare const uploadProps: {
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    multiple: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: PropType<string | File | (string | File)[]>;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    single: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    selectOnly: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: PropType<MediaCardBaseProps["size"]>;
+        default: "large";
+    };
+    request: {
+        type: PropType<UploadContext["request"]>;
+    };
+    requestConfig: {
+        type: PropType<AxiosRequestConfig>;
+    };
+    requestExtra: {
+        type: PropType<Record<PropertyKey, any>>;
+    };
+};
+export type UploadProps = ExtractPropTypes<typeof uploadProps>;
+export interface UploadSlots {
+    default: {};
+}
+export declare const uploadSlots: SlotsType<UploadSlots>;
+export declare const uploadEmits: {
+    exceed: () => boolean;
+    'update:modelValue': (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
+    change: (value: string | File | (string | File)[]) => string | true | File | (string | File)[];
+};
+export type UploadEmits = typeof uploadEmits;
+export declare const uploadItemProps: {
+    file: {
+        type: PropType<UploadFile>;
+        required: boolean;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: PropType<MediaCardBaseProps["size"]>;
+    };
+};
+export type UploadItemProps = ExtractPropTypes<typeof uploadItemProps>;
+export declare const uploadItemEmits: {
+    cancel: () => boolean;
+    're-upload': () => boolean;
+    remove: () => boolean;
+};
+export type UploadItemEmits = typeof uploadItemEmits;

package/components/upload/upload.api.js

@@ -0,0 +1,71 @@
+const uploadProps = {
+  accept: {
+    type: String,
+    default: ""
+  },
+  limit: {
+    type: Number,
+    default: 0
+  },
+  multiple: {
+    type: Boolean
+  },
+  modelValue: {
+    type: [String, Object, Array]
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  single: {
+    type: Boolean
+  },
+  readonly: {
+    type: Boolean
+  },
+  disabled: {
+    type: Boolean
+  },
+  selectOnly: {
+    type: Boolean
+  },
+  size: {
+    type: String,
+    default: "large"
+  },
+  request: {
+    type: Function
+  },
+  requestConfig: {
+    type: Object
+  },
+  requestExtra: {
+    type: Object
+  }
+};
+const uploadSlots = Object;
+const uploadEmits = {
+  exceed: () => true,
+  "update:modelValue": (value) => value || true,
+  change: (value) => value || true
+};
+const uploadItemProps = {
+  file: {
+    type: Object,
+    required: true,
+    default: () => ({})
+  },
+  readonly: {
+    type: Boolean
+  },
+  size: {
+    type: String
+  }
+};
+const uploadItemEmits = {
+  cancel: () => true,
+  "re-upload": () => true,
+  remove: () => true
+};
+
+export { uploadEmits, uploadItemEmits, uploadItemProps, uploadProps, uploadSlots };