fast-element-plus 1.0.0 → 1.0.1

package/lib/components/upload/src/useUpload.d.ts

@@ -0,0 +1,65 @@
+import { Decimal } from 'decimal.js';
+import { UploadFile, UploadFiles, UploadProps, UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus';
+export declare const useUpload: <T extends string | string[]>(componentName: string, fileTypeName: string, props: UploadProps & {
+    modelValue: T;
+}, emit: ((event: "update:fileList", value: UploadUserFile[]) => void) & ((event: "update:modelValue", value: T) => void) & ((event: "change", value: T) => void), data?: {
+    maxSize?: string | number;
+    uploadApi?: (formData: FormData) => Promise<string>;
+    uploadUrl?: string;
+}) => {
+    fileList: import('vue').Ref<{
+        raw?: {
+            uid: number;
+            isDirectory?: boolean;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        };
+        size?: number;
+        name: string;
+        url?: string;
+        percentage?: number;
+        response?: unknown;
+        status?: import('element-plus').UploadStatus;
+        uid?: number;
+    }[], {
+        raw?: {
+            uid: number;
+            isDirectory?: boolean;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        };
+        size?: number;
+        name: string;
+        url?: string;
+        percentage?: number;
+        response?: unknown;
+        status?: import('element-plus').UploadStatus;
+        uid?: number;
+    }[]>;
+    loading: import('vue').Ref<boolean, boolean>;
+    formContext: import('element-plus').FormContext;
+    formItemContext: import('element-plus').FormItemContext;
+    maxSizeMB: Decimal;
+    handleValue: () => void;
+    handleHttpRequest: (options: UploadRequestOptions) => Promise<void>;
+    handleOnSuccess: (fileUrl: string, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+    handleOnError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+    handleOnExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
+    handleOnUpload: (file: UploadFile | UploadRawFile) => boolean;
+};

package/lib/components/upload/src/useUpload.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("element-plus"),a=require("@fast-china/utils"),i=require("@vueuse/core"),u=require("decimal.js"),r=require("lodash-unified"),t=require("../utils/upload.js");exports.useUpload=(o,n,s,d,p)=>{const c=i.useVModel(s,"fileList",d,{passive:!0}),m=e.ref(!1),f=e.inject(l.formContextKey,void 0),g=e.inject(l.formItemContextKey,void 0),v=new u.Decimal(1024),h=new u.Decimal(r.isNumber(p?.maxSize)?p?.maxSize:Number(p?.maxSize)),$=h.div(v);e.onMounted(()=>{!s.autoUpload||p.uploadApi||p.uploadUrl||a.consoleWarn(o,"['uploadApi', 'uploadUrl'] 属性必须二选一。")});const y=()=>{if(c.value.length>0)if(r.isString(s.modelValue))d("update:modelValue",c.value[0].url),d("change",c.value[0].url);else if(s.multiple){const e=c.value.map(e=>e.url);d("update:modelValue",e),d("change",e)}else d("update:modelValue",c.value[0].url),d("change",c.value[0].url);else d("update:modelValue",null),d("change",null)};return e.watch(()=>s.modelValue,e=>{if(e)if(r.isArray(e))c.value=e.map(e=>{const a=c.value.find(l=>l.url===e);return{name:"",status:"success",uid:a?.uid??l.genFileId(),url:e}});else{const a=c.value.find(l=>l.url===e);c.value=[{name:"",status:"success",uid:a?.uid??l.genFileId(),url:e}]}},{immediate:!0}),{fileList:c,loading:m,formContext:f,formItemContext:g,maxSizeMB:$,handleValue:y,handleHttpRequest:async e=>{let i;if(s.data&&(i=t.uploadUtil.getPropsData(e.file,s.data)),!p?.uploadApi&&!p?.uploadUrl)return l.ElMessage.error(`上传${n}Api或地址不能为空`),void a.consoleError(o,`上传${n}接口 “uploadApi” 或地址 “uploadUrl” 不能为空`);m.value=!0;try{let l;l=p.uploadApi?await t.uploadUtil.uploadFileByApi(p.uploadApi,e.file,e.filename,i):await t.uploadUtil.uploadFile(p.uploadUrl,e.file,e.filename,i),e.onSuccess(l)}finally{m.value=!1}},handleOnSuccess:(e,a,i)=>{e&&(!s.multiple&&i.length>1&&i.shift(),a.url=e,y(),g?.prop&&f?.validateField([g.prop]),l.ElMessage.success("上传成功"),s.onSuccess&&s.onSuccess(e,a,i))},handleOnError:(e,a,i)=>{l.ElNotification({message:`【${a.name}】${n}上传失败，请您重新上传`,type:"error"}),s.onError&&s.onError(e,a,i)},handleOnExceed:(e,a)=>{l.ElMessage.warning(`最多只能上传 ${s.limit} 个${n}，请移除后再进行上传`),s.onExceed&&s.onExceed(e,a)},handleOnUpload:e=>{if(new u.Decimal(e.size).div(v).greaterThan(h))return a.consoleWarn(o,`【${e.name}】${n}上传大小不能超过 ${$.toString()}MB`),l.ElMessage.warning(`【${e.name}】${n}上传大小不能超过 ${$.toString()}MB`),!1;const i="type"in e?e.type:e.raw.type;if(s.accept&&s.accept.split(",").every(e=>e!==i)){const e=t.uploadUtil.detectFileType(s.accept);return a.consoleError(o,`只允许上传【${e}】格式的${n}`),l.ElMessage.error(`只允许上传【${e}】格式的${n}`),!1}return!0}}};
+//# sourceMappingURL=useUpload.js.map

package/lib/components/upload/src/useUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.js","sources":["../../../../../packages/components/upload/src/useUpload.ts"],"sourcesContent":["import { inject, onMounted, ref, watch } from \"vue\";\nimport { ElMessage, ElNotification, formContextKey, formItemContextKey, genFileId } from \"element-plus\";\nimport { consoleError, consoleWarn } from \"@fast-china/utils\";\nimport { useVModel } from \"@vueuse/core\";\nimport { Decimal } from \"decimal.js\";\nimport { isArray, isNumber, isString } from \"lodash-unified\";\nimport { uploadUtil } from \"../utils/upload\";\nimport type { UploadFile, UploadFiles, UploadProps, UploadRawFile, UploadRequestOptions, UploadUserFile } from \"element-plus\";\n\nexport const useUpload = <T extends string | string[]>(\n\tcomponentName: string,\n\tfileTypeName: string,\n\tprops: UploadProps & {\n\t\tmodelValue: T;\n\t},\n\temit: ((event: \"update:fileList\", value: UploadUserFile[]) => void) &\n\t\t((event: \"update:modelValue\", value: T) => void) &\n\t\t((event: \"change\", value: T) => void),\n\tdata?: {\n\t\tmaxSize?: string | number;\n\t\tuploadApi?: (formData: FormData) => Promise<string>;\n\t\tuploadUrl?: string;\n\t}\n\t// eslint-disable-next-line @typescript-eslint/explicit-function-return-type, @typescript-eslint/explicit-module-boundary-types\n) => {\n\tconst fileList = useVModel(props, \"fileList\", emit, { passive: true });\n\n\tconst loading = ref(false);\n\n\t// 获取 el-form 组件上下文\n\tconst formContext = inject(formContextKey, undefined);\n\t// 获取 el-form-item 组件上下文\n\tconst formItemContext = inject(formItemContextKey, undefined);\n\n\tconst mbNum = new Decimal(1024);\n\tconst maxSizeKB = new Decimal(isNumber(data?.maxSize) ? data?.maxSize : Number(data?.maxSize));\n\tconst maxSizeMB = maxSizeKB.div(mbNum);\n\n\tonMounted(() => {\n\t\tif (props.autoUpload && !data.uploadApi && !data.uploadUrl) {\n\t\t\tconsoleWarn(componentName, \"['uploadApi', 'uploadUrl'] 属性必须二选一。\");\n\t\t}\n\t});\n\n\tconst handleValue = (): void => {\n\t\tif (fileList.value.length > 0) {\n\t\t\tif (isString(props.modelValue)) {\n\t\t\t\temit(\"update:modelValue\", fileList.value[0].url as T);\n\t\t\t\temit(\"change\", fileList.value[0].url as T);\n\t\t\t} else {\n\t\t\t\tif (props.multiple) {\n\t\t\t\t\tconst value = fileList.value.map((m) => m.url);\n\t\t\t\t\temit(\"update:modelValue\", value as T);\n\t\t\t\t\temit(\"change\", value as T);\n\t\t\t\t} else {\n\t\t\t\t\temit(\"update:modelValue\", fileList.value[0].url as T);\n\t\t\t\t\temit(\"change\", fileList.value[0].url as T);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"change\", null);\n\t\t}\n\t};\n\n\tconst handleHttpRequest = async (options: UploadRequestOptions): Promise<void> => {\n\t\tlet propsData;\n\t\tif (props.data) {\n\t\t\tpropsData = uploadUtil.getPropsData(options.file, props.data);\n\t\t}\n\t\tif (!data?.uploadApi && !data?.uploadUrl) {\n\t\t\tElMessage.error(`上传${fileTypeName}Api或地址不能为空`);\n\t\t\tconsoleError(componentName, `上传${fileTypeName}接口 “uploadApi” 或地址 “uploadUrl” 不能为空`);\n\t\t\treturn;\n\t\t}\n\t\tloading.value = true;\n\t\ttry {\n\t\t\tlet fileUrl: string;\n\t\t\tif (data.uploadApi) {\n\t\t\t\tfileUrl = await uploadUtil.uploadFileByApi(data.uploadApi, options.file, options.filename, propsData);\n\t\t\t} else {\n\t\t\t\tfileUrl = await uploadUtil.uploadFile(data.uploadUrl, options.file, options.filename, propsData);\n\t\t\t}\n\t\t\toptions.onSuccess(fileUrl);\n\t\t} finally {\n\t\t\tloading.value = false;\n\t\t}\n\t};\n\n\tconst handleOnSuccess = (fileUrl: string, uploadFile: UploadFile, uploadFiles: UploadFiles): void => {\n\t\tif (!fileUrl) return;\n\t\tif (!props.multiple && uploadFiles.length > 1) {\n\t\t\tuploadFiles.shift();\n\t\t}\n\t\tuploadFile.url = fileUrl;\n\t\thandleValue();\n\t\t// 调用 el-form 内部的校验方法（可自动校验）\n\t\tformItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);\n\t\tElMessage.success(\"上传成功\");\n\t\tprops.onSuccess && props.onSuccess(fileUrl, uploadFile, uploadFiles);\n\t};\n\n\tconst handleOnError = (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles): void => {\n\t\tElNotification({\n\t\t\tmessage: `【${uploadFile.name}】${fileTypeName}上传失败，请您重新上传`,\n\t\t\ttype: \"error\",\n\t\t});\n\t\tprops.onError && props.onError(error, uploadFile, uploadFiles);\n\t};\n\n\tconst handleOnExceed = (files: File[], uploadFiles: UploadUserFile[]): void => {\n\t\tElMessage.warning(`最多只能上传 ${props.limit} 个${fileTypeName}，请移除后再进行上传`);\n\t\tprops.onExceed && props.onExceed(files, uploadFiles);\n\t};\n\n\tconst handleOnUpload = (file: UploadFile | UploadRawFile): boolean => {\n\t\tconst fileSizeKB = new Decimal(file.size).div(mbNum);\n\n\t\tif (fileSizeKB.greaterThan(maxSizeKB)) {\n\t\t\tconsoleWarn(componentName, `【${file.name}】${fileTypeName}上传大小不能超过 ${maxSizeMB.toString()}MB`);\n\t\t\tElMessage.warning(`【${file.name}】${fileTypeName}上传大小不能超过 ${maxSizeMB.toString()}MB`);\n\t\t\treturn false;\n\t\t}\n\n\t\tconst fileType = \"type\" in file ? file.type : file.raw.type;\n\n\t\tif (props.accept && props.accept.split(\",\").every((e) => e !== fileType)) {\n\t\t\tconst uploadFileNames = uploadUtil.detectFileType(props.accept);\n\t\t\tconsoleError(componentName, `只允许上传【${uploadFileNames}】格式的${fileTypeName}`);\n\t\t\tElMessage.error(`只允许上传【${uploadFileNames}】格式的${fileTypeName}`);\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * 监听 v-model 绑定数据\n\t */\n\twatch(\n\t\t() => props.modelValue,\n\t\t(newValue) => {\n\t\t\tif (newValue) {\n\t\t\t\tif (isArray(newValue)) {\n\t\t\t\t\tfileList.value = newValue.map((m) => {\n\t\t\t\t\t\tconst find = fileList.value.find((f) => f.url === m);\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tname: \"\",\n\t\t\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\t\t\tuid: find?.uid ?? genFileId(),\n\t\t\t\t\t\t\turl: m,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tconst find = fileList.value.find((f) => f.url === newValue);\n\t\t\t\t\tfileList.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: \"\",\n\t\t\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\t\t\tuid: find?.uid ?? genFileId(),\n\t\t\t\t\t\t\turl: newValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\timmediate: true,\n\t\t}\n\t);\n\n\treturn {\n\t\tfileList,\n\t\tloading,\n\t\tformContext,\n\t\tformItemContext,\n\t\tmaxSizeMB,\n\t\thandleValue,\n\t\thandleHttpRequest,\n\t\thandleOnSuccess,\n\t\thandleOnError,\n\t\thandleOnExceed,\n\t\thandleOnUpload,\n\t};\n};\n"],"names":["componentName","fileTypeName","props","emit","data","fileList","useVModel","passive","loading","ref","formContext","inject","formContextKey","formItemContext","formItemContextKey","mbNum","Decimal","maxSizeKB","isNumber","maxSize","Number","maxSizeMB","div","onMounted","autoUpload","uploadApi","uploadUrl","consoleWarn","handleValue","value","length","isString","modelValue","url","multiple","map","m","watch","newValue","isArray","find","f","name","status","uid","genFileId","immediate","handleHttpRequest","async","options","propsData","uploadUtil","getPropsData","file","ElMessage","error","consoleError","fileUrl","uploadFileByApi","filename","uploadFile","onSuccess","handleOnSuccess","uploadFiles","shift","prop","validateField","success","handleOnError","ElNotification","message","type","onError","handleOnExceed","files","warning","limit","onExceed","handleOnUpload","size","greaterThan","toString","fileType","raw","accept","split","every","e","uploadFileNames","detectFileType"],"mappings":"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"}

package/lib/components/upload/utils/upload.d.ts

@@ -0,0 +1,30 @@
+import { UploadRawFile } from 'element-plus';
+/**
+ * 上传工具类
+ */
+export declare const uploadUtil: {
+    /**
+     * 识别文件类型
+     */
+    detectFileType(accept: string): string;
+    /**
+     * 获取props data属性值
+     */
+    getPropsData(rawFile: UploadRawFile, data: any | any[] | ((rawFile: UploadRawFile) => any[])): any;
+    /**
+     * 文件上传
+     * @param url 地址
+     * @param file 文件
+     * @param fileName 文件名称
+     * @param params 参数
+     */
+    uploadFile(url: string, file: File, fileName: string, params?: unknown): Promise<string>;
+    /**
+     * 文件上传
+     * @param url 地址
+     * @param file 文件
+     * @param fileName 文件名称
+     * @param params 参数
+     */
+    uploadFileByApi(api: (formData: FormData) => Promise<string>, file: File, fileName: string, params?: unknown): Promise<string>;
+};

package/lib/components/upload/utils/upload.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("element-plus");require("../../../constants/index.js");const r=require("@fast-china/utils"),t=require("lodash-unified"),o=require("../../../constants/mime.js"),a={};for(const[n,i]of Object.entries(o.FaMimeType))i.split(",").forEach(e=>{a[e.trim()]=n});const s={detectFileType(e){const r=new Set;return e.split(",").forEach(e=>{r.add(a[e]??e)}),Array.from(r).join(",")},getPropsData(e,r){let o;o=t.isFunction(r)?r(e):r;const a={};return t.isArray(r)?r.forEach(e=>{Object.assign(a,e)}):Object.assign(a,o),a},async uploadFile(t,o,a,s){if(!t)return r.consoleError("uploadUtil","文件上传地址为空！"),e.ElMessage.error("文件上传地址为空！"),Promise.reject();const n=new FormData;n.append("file",o),n.append("fileName",a),s&&Object.keys(s).forEach(e=>{n.append(e,s[e])});try{const o=await fetch(t,{headers:{"Content-Type":"multipart/form-data"},method:"POST",body:n});return o.ok?await o.text():(r.consoleWarn("uploadUtil","文件上传失败！"),e.ElMessage.error("文件上传失败！"),Promise.reject())}catch(i){return r.consoleWarn("uploadUtil","文件上传失败！"),r.consoleError("uploadUtil",i),e.ElMessage.error("文件上传失败！"),Promise.reject()}},async uploadFileByApi(t,o,a,s){if(!t)return r.consoleError("uploadUtil","文件上传接口为空！"),e.ElMessage.error("文件上传接口为空！"),Promise.reject();const n=new FormData;n.append("file",o),n.append("fileName",a),s&&Object.keys(s).forEach(e=>{n.append(e,s[e])});try{return Promise.resolve(await t(n))}catch(i){return r.consoleWarn("uploadUtil","文件上传失败！"),r.consoleError("uploadUtil",i),e.ElMessage.error("文件上传失败！"),Promise.reject()}}};exports.uploadUtil=s;
+//# sourceMappingURL=upload.js.map

package/lib/components/upload/utils/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sources":["../../../../../packages/components/upload/utils/upload.ts"],"sourcesContent":["import { ElMessage } from \"element-plus\";\nimport { FaMimeType } from \"@fast-element-plus/constants\";\nimport { consoleError, consoleWarn } from \"@fast-china/utils\";\nimport { isArray, isFunction } from \"lodash-unified\";\nimport type { UploadRawFile } from \"element-plus\";\n\nconst FaMimeTypeNames: Record<string, keyof typeof FaMimeType> = {};\n\nfor (const [kName, vAccept] of Object.entries(FaMimeType)) {\n\tvAccept.split(\",\").forEach((tItem) => {\n\t\tFaMimeTypeNames[tItem.trim()] = kName as keyof typeof FaMimeType;\n\t});\n}\n\n/**\n * 上传工具类\n */\nexport const uploadUtil = {\n\t/**\n\t * 识别文件类型\n\t */\n\tdetectFileType(accept: string): string {\n\t\tconst detectTypes = new Set<string>();\n\t\taccept.split(\",\").forEach((mimeType) => {\n\t\t\tdetectTypes.add(FaMimeTypeNames[mimeType] ?? mimeType);\n\t\t});\n\t\treturn Array.from(detectTypes).join(\",\");\n\t},\n\t/**\n\t * 获取props data属性值\n\t */\n\tgetPropsData(rawFile: UploadRawFile, data: any | any[] | ((rawFile: UploadRawFile) => any[])): any {\n\t\tlet propsData;\n\t\tif (isFunction(data)) {\n\t\t\tpropsData = data(rawFile);\n\t\t} else {\n\t\t\tpropsData = data;\n\t\t}\n\n\t\tconst result = {};\n\t\tif (isArray(data)) {\n\t\t\tdata.forEach((item) => {\n\t\t\t\tObject.assign(result, item);\n\t\t\t});\n\t\t} else {\n\t\t\tObject.assign(result, propsData);\n\t\t}\n\n\t\treturn result;\n\t},\n\t/**\n\t * 文件上传\n\t * @param url 地址\n\t * @param file 文件\n\t * @param fileName 文件名称\n\t * @param params 参数\n\t */\n\tasync uploadFile(url: string, file: File, fileName: string, params?: unknown): Promise<string> {\n\t\tif (!url) {\n\t\t\tconsoleError(\"uploadUtil\", \"文件上传地址为空！\");\n\t\t\tElMessage.error(\"文件上传地址为空！\");\n\t\t\treturn Promise.reject();\n\t\t}\n\t\tconst formData = new FormData();\n\t\tformData.append(\"file\", file);\n\t\tformData.append(\"fileName\", fileName);\n\t\tif (params) {\n\t\t\tObject.keys(params).forEach((key) => {\n\t\t\t\tformData.append(key, params[key]);\n\t\t\t});\n\t\t}\n\t\ttry {\n\t\t\tconst response = await fetch(url, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": \"multipart/form-data\",\n\t\t\t\t},\n\t\t\t\tmethod: \"POST\",\n\t\t\t\tbody: formData,\n\t\t\t});\n\t\t\tif (!response.ok) {\n\t\t\t\tconsoleWarn(\"uploadUtil\", \"文件上传失败！\");\n\t\t\t\tElMessage.error(\"文件上传失败！\");\n\t\t\t\treturn Promise.reject();\n\t\t\t}\n\t\t\treturn await response.text();\n\t\t} catch (error) {\n\t\t\tconsoleWarn(\"uploadUtil\", \"文件上传失败！\");\n\t\t\tconsoleError(\"uploadUtil\", error);\n\t\t\tElMessage.error(\"文件上传失败！\");\n\t\t\treturn Promise.reject();\n\t\t}\n\t},\n\t/**\n\t * 文件上传\n\t * @param url 地址\n\t * @param file 文件\n\t * @param fileName 文件名称\n\t * @param params 参数\n\t */\n\tasync uploadFileByApi(api: (formData: FormData) => Promise<string>, file: File, fileName: string, params?: unknown): Promise<string> {\n\t\tif (!api) {\n\t\t\tconsoleError(\"uploadUtil\", \"文件上传接口为空！\");\n\t\t\tElMessage.error(\"文件上传接口为空！\");\n\t\t\treturn Promise.reject();\n\t\t}\n\t\tconst formData = new FormData();\n\t\tformData.append(\"file\", file);\n\t\tformData.append(\"fileName\", fileName);\n\t\tif (params) {\n\t\t\tObject.keys(params).forEach((key) => {\n\t\t\t\tformData.append(key, params[key]);\n\t\t\t});\n\t\t}\n\t\ttry {\n\t\t\treturn Promise.resolve<string>(await api(formData));\n\t\t} catch (error) {\n\t\t\tconsoleWarn(\"uploadUtil\", \"文件上传失败！\");\n\t\t\tconsoleError(\"uploadUtil\", error);\n\t\t\tElMessage.error(\"文件上传失败！\");\n\t\t\treturn Promise.reject();\n\t\t}\n\t},\n};\n"],"names":["FaMimeTypeNames","kName","vAccept","Object","entries","FaMimeType","split","forEach","tItem","trim","uploadUtil","detectFileType","accept","detectTypes","Set","mimeType","add","Array","from","join","getPropsData","rawFile","data","propsData","isFunction","result","isArray","item","assign","uploadFile","url","file","fileName","params","consoleError","ElMessage","error","Promise","reject","formData","FormData","append","keys","key","response","fetch","headers","method","body","ok","text","consoleWarn","uploadFileByApi","api","resolve"],"mappings":"gQAMMA,EAA2D,CAAA,EAEjE,IAAA,MAAYC,EAAOC,KAAYC,OAAOC,QAAQC,EAAAA,YAC7CH,EAAQI,MAAM,KAAKC,QAASC,IAC3BR,EAAgBQ,EAAMC,QAAUR,IAO3B,MAAMS,EAAa,CAIzB,cAAAC,CAAeC,GACd,MAAMC,MAAkBC,IAIxB,OAHAF,EAAON,MAAM,KAAKC,QAASQ,IAC1BF,EAAYG,IAAIhB,EAAgBe,IAAaA,KAEvCE,MAAMC,KAAKL,GAAaM,KAAK,IACrC,EAIA,YAAAC,CAAaC,EAAwBC,GACpC,IAAIC,EAEHA,EADGC,EAAAA,WAAWF,GACFA,EAAKD,GAELC,EAGb,MAAMG,EAAS,CAAA,EASf,OARIC,EAAAA,QAAQJ,GACXA,EAAKf,QAASoB,IACbxB,OAAOyB,OAAOH,EAAQE,KAGvBxB,OAAOyB,OAAOH,EAAQF,GAGhBE,CACR,EAQA,gBAAMI,CAAWC,EAAaC,EAAYC,EAAkBC,GAC3D,IAAKH,EAGJ,OAFAI,EAAAA,aAAa,aAAc,aAC3BC,EAAAA,UAAUC,MAAM,aACTC,QAAQC,SAEhB,MAAMC,EAAW,IAAIC,SACrBD,EAASE,OAAO,OAAQV,GACxBQ,EAASE,OAAO,WAAYT,GACxBC,GACH9B,OAAOuC,KAAKT,GAAQ1B,QAASoC,IAC5BJ,EAASE,OAAOE,EAAKV,EAAOU,MAG9B,IACC,MAAMC,QAAiBC,MAAMf,EAAK,CACjCgB,QAAS,CACR,eAAgB,uBAEjBC,OAAQ,OACRC,KAAMT,IAEP,OAAKK,EAASK,SAKDL,EAASM,QAJrBC,EAAAA,YAAY,aAAc,WAC1BhB,EAAAA,UAAUC,MAAM,WACTC,QAAQC,SAGjB,OAASF,GAIR,OAHAe,EAAAA,YAAY,aAAc,WAC1BjB,EAAAA,aAAa,aAAcE,GAC3BD,EAAAA,UAAUC,MAAM,WACTC,QAAQC,QAChB,CACD,EAQA,qBAAMc,CAAgBC,EAA8CtB,EAAYC,EAAkBC,GACjG,IAAKoB,EAGJ,OAFAnB,EAAAA,aAAa,aAAc,aAC3BC,EAAAA,UAAUC,MAAM,aACTC,QAAQC,SAEhB,MAAMC,EAAW,IAAIC,SACrBD,EAASE,OAAO,OAAQV,GACxBQ,EAASE,OAAO,WAAYT,GACxBC,GACH9B,OAAOuC,KAAKT,GAAQ1B,QAASoC,IAC5BJ,EAASE,OAAOE,EAAKV,EAAOU,MAG9B,IACC,OAAON,QAAQiB,cAAsBD,EAAId,GAC1C,OAASH,GAIR,OAHAe,EAAAA,YAAY,aAAc,WAC1BjB,EAAAA,aAAa,aAAcE,GAC3BD,EAAAA,UAAUC,MAAM,WACTC,QAAQC,QAChB,CACD"}

package/lib/components/uploadImage/index.d.ts

@@ -0,0 +1,14 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as UploadImage, faUploadImageEmits, faUploadImageProps } from "./src/uploadImage";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaUploadImage: TSXWithInstall<typeof UploadImage>;
+export default FaUploadImage;
+
+export { faUploadImageProps, faUploadImageEmits };
+
+export type FaUploadImageInstance = InstanceType<typeof UploadImage>;
+
+export type FaUploadImageProps = ExtractPropTypes<typeof faUploadImageProps>;
+
+export type FaUploadImageEmits = typeof faUploadImageEmits;

package/lib/components/uploadImage/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@fast-china/utils"),a=require("./src/uploadImage.js"),t=e.withInstall(a.default);exports.faUploadImageEmits=a.faUploadImageEmits,exports.faUploadImageProps=a.faUploadImageProps,exports.FaUploadImage=t,exports.default=t;
+//# sourceMappingURL=index.js.map

package/lib/components/uploadImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/uploadImage/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport UploadImage, { faUploadImageEmits, faUploadImageProps } from \"./src/uploadImage\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaUploadImage = withInstall(UploadImage);\nexport default FaUploadImage;\n\nexport { faUploadImageProps, faUploadImageEmits };\n\nexport type FaUploadImageInstance = InstanceType<typeof UploadImage>;\n\nexport type FaUploadImageProps = ExtractPropTypes<typeof faUploadImageProps>;\n\nexport type FaUploadImageEmits = typeof faUploadImageEmits;\n"],"names":["FaUploadImage","withInstall","UploadImage"],"mappings":"mLAIaA,EAAgBC,EAAAA,YAAYC,EAAAA"}