fast-element-plus 1.0.0 → 1.0.1

package/es/components/upload/src/upload.mjs

@@ -0,0 +1,140 @@
+import { defineComponent, computed, ref, withDirectives, createVNode, mergeProps, Fragment, createTextVNode, resolveDirective } from "vue";
+import { uploadProps, ElUpload, ElIcon } from "element-plus";
+import { UploadFilled } from "@element-plus/icons-vue";
+import { definePropType, useProps, useRender, useExpose, makeSlots } from "@fast-china/utils";
+import { isString, isArray, isNull } from "lodash-unified";
+import { useUpload } from "./useUpload.mjs";
+const faUploadProps = {
+  ...uploadProps,
+  /** @description whether to activate drag and drop mode */
+  drag: {
+    type: Boolean,
+    default: true
+  },
+  /** @description maximum number of uploads allowed */
+  limit: {
+    type: Number,
+    default: 1
+  },
+  /** @description v-model绑定值 */
+  modelValue: definePropType([String, Array]),
+  /** @description 大小限制，单位kb */
+  maxSize: {
+    type: definePropType([String, Number]),
+    default: 5120
+  },
+  /** @description 图片上传接口，优先级最高 */
+  uploadApi: {
+    type: definePropType(Function)
+  },
+  /** @description 图片上传地址 */
+  uploadUrl: String
+};
+const faUploadEmits = {
+  /** @description v-model 回调 */
+  "update:modelValue": (value) => isString(value) || isArray(value) || isNull(value),
+  /** @description v-model:fileList 回调 */
+  "update:fileList": (value) => isArray(value),
+  /** @description 改变 */
+  change: (value) => isString(value) || isArray(value) || isNull(value)
+};
+const Upload = /* @__PURE__ */ defineComponent({
+  name: "FaUpload",
+  props: faUploadProps,
+  emits: faUploadEmits,
+  slots: makeSlots(),
+  setup(props, {
+    attrs,
+    slots,
+    emit,
+    expose
+  }) {
+    const {
+      fileList,
+      loading,
+      formContext,
+      maxSizeMB,
+      handleHttpRequest,
+      handleOnSuccess,
+      handleOnError,
+      handleOnExceed,
+      handleOnUpload
+    } = useUpload("FaUpload", "文件", props, emit, {
+      maxSize: props.maxSize,
+      uploadApi: props.uploadApi,
+      uploadUrl: props.uploadUrl
+    });
+    const disabled = computed(() => {
+      return props.disabled || formContext?.disabled;
+    });
+    const uploadRef = ref();
+    const handleOnChange = (uploadFile, uploadFiles) => {
+      if (uploadFile.status !== "ready") return;
+      if (!handleOnUpload(uploadFile)) {
+        fileList.value = fileList.value.slice(0, -1);
+      } else {
+        props.onChange && props.onChange(uploadFile, uploadFiles);
+      }
+    };
+    const elUploadProps = useProps(props, uploadProps, ["fileList", "disabled", "httpRequest", "onExceed", "onSuccess", "onError", "onChange"]);
+    useRender(() => withDirectives(createVNode(ElUpload, mergeProps(elUploadProps.value, {
+      "ref": uploadRef,
+      "class": "fa-upload",
+      "fileList": fileList.value,
+      "onUpdate:fileList": ($event) => fileList.value = $event,
+      "disabled": disabled.value,
+      "httpRequest": handleHttpRequest,
+      "onExceed": handleOnExceed,
+      "onSuccess": handleOnSuccess,
+      "onError": handleOnError,
+      "onChange": handleOnChange
+    }), {
+      default: () => slots.default ? slots.default() : createVNode(Fragment, null, [createVNode(ElIcon, {
+        "class": "el-icon--upload"
+      }, {
+        default: () => [createVNode(UploadFilled, null, null)]
+      }), createVNode("div", {
+        "class": "el-upload__text"
+      }, [createTextVNode("Drop file here or "), createVNode("em", null, [createTextVNode("click to upload")])])]),
+      ...slots.trigger && {
+        trigger: () => slots.trigger()
+      },
+      tip: () => slots.tip ? slots.tip() : createVNode(Fragment, null, [createVNode("div", {
+        "class": "el-upload__tip"
+      }, [createTextVNode("files with a size less than "), maxSizeMB.toString(), createTextVNode("MB")]), !props.showFileList && fileList.value.length > 0 && createVNode("div", {
+        "class": "el-upload__tip"
+      }, [fileList.value.map((item, index) => createVNode(Fragment, null, [item.name, fileList.value.length <= index && createVNode("br", null, null)]))])]),
+      ...slots.file && {
+        file: ({
+          file,
+          index
+        }) => slots.file({
+          file,
+          index
+        })
+      }
+    }), [[resolveDirective("loading"), loading.value]]));
+    return useExpose(expose, {
+      /** @description 取消上传请求 */
+      abort: computed(() => uploadRef.value?.abort),
+      /** @description 手动上传文件列表 */
+      submit: computed(() => uploadRef.value?.submit),
+      /** @description 清空已上传的文件列表（该方法不支持在 before-upload 中调用） */
+      clearFiles: computed(() => uploadRef.value?.clearFiles),
+      /** @description 手动选择文件 */
+      handleStart: computed(() => uploadRef.value?.handleStart),
+      /** @description 手动移除文件。 file 和rawFile 已被合并。 rawFile 将在 v2.2.0 中移除 */
+      handleRemove: computed(() => uploadRef.value?.handleRemove),
+      /** @description 加载状态 */
+      loading,
+      /** @description 文件集合 */
+      fileList
+    });
+  }
+});
+export {
+  Upload as default,
+  faUploadEmits,
+  faUploadProps
+};
+//# sourceMappingURL=upload.mjs.map

package/es/components/upload/src/upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.mjs","sources":["../../../../../packages/components/upload/src/upload.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, ref } from \"vue\";\nimport { ElIcon, ElUpload, uploadProps } from \"element-plus\";\nimport { UploadFilled } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isArray, isNull, isString } from \"lodash-unified\";\nimport { useUpload } from \"./useUpload\";\nimport type { UploadFile, UploadInstance, UploadProps, UploadUserFile } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\nexport const faUploadProps = {\n\t...uploadProps,\n\t/** @description whether to activate drag and drop mode */\n\tdrag: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description maximum number of uploads allowed */\n\tlimit: {\n\t\ttype: Number,\n\t\tdefault: 1,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: definePropType<string | string[]>([String, Array]),\n\t/** @description 大小限制，单位kb */\n\tmaxSize: {\n\t\ttype: definePropType<string | number>([String, Number]),\n\t\tdefault: 5120,\n\t},\n\t/** @description 图片上传接口，优先级最高 */\n\tuploadApi: {\n\t\ttype: definePropType<(formData: FormData) => Promise<string>>(Function),\n\t},\n\t/** @description 图片上传地址 */\n\tuploadUrl: String,\n};\n\nexport const faUploadEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description v-model:fileList 回调 */\n\t\"update:fileList\": (value: UploadUserFile[]): boolean => isArray(value),\n\t/** @description 改变 */\n\tchange: (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n};\n\ntype FaUploadSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n\t/** @description 触发文件选择框的内容 */\n\ttrigger: never;\n\t/** @description 提示说明文字 */\n\ttip: never;\n\t/** @description 缩略图模板的内容 */\n\tfile: { file: UploadFile; index: number };\n};\n\nexport default defineComponent({\n\tname: \"FaUpload\",\n\tprops: faUploadProps,\n\temits: faUploadEmits,\n\tslots: makeSlots<FaUploadSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst { fileList, loading, formContext, maxSizeMB, handleHttpRequest, handleOnSuccess, handleOnError, handleOnExceed, handleOnUpload } =\n\t\t\tuseUpload(\"FaUpload\", \"文件\", props, emit, {\n\t\t\t\tmaxSize: props.maxSize,\n\t\t\t\tuploadApi: props.uploadApi,\n\t\t\t\tuploadUrl: props.uploadUrl,\n\t\t\t});\n\n\t\tconst disabled = computed(() => {\n\t\t\treturn props.disabled || formContext?.disabled;\n\t\t});\n\n\t\tconst uploadRef = ref<UploadInstance>();\n\n\t\tconst handleOnChange: UploadProps[\"onChange\"] = (uploadFile, uploadFiles) => {\n\t\t\tif (uploadFile.status !== \"ready\") return;\n\n\t\t\tif (!handleOnUpload(uploadFile)) {\n\t\t\t\tfileList.value = fileList.value.slice(0, -1);\n\t\t\t} else {\n\t\t\t\tprops.onChange && props.onChange(uploadFile, uploadFiles);\n\t\t\t}\n\t\t};\n\n\t\tconst elUploadProps = useProps(props, uploadProps, [\"fileList\", \"disabled\", \"httpRequest\", \"onExceed\", \"onSuccess\", \"onError\", \"onChange\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElUpload\n\t\t\t\t{...elUploadProps.value}\n\t\t\t\tref={uploadRef}\n\t\t\t\tclass=\"fa-upload\"\n\t\t\t\tvLoading={loading.value}\n\t\t\t\tvModel:fileList={fileList.value}\n\t\t\t\tdisabled={disabled.value}\n\t\t\t\thttpRequest={handleHttpRequest}\n\t\t\t\tonExceed={handleOnExceed}\n\t\t\t\tonSuccess={handleOnSuccess}\n\t\t\t\tonError={handleOnError}\n\t\t\t\tonChange={handleOnChange}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\tslots.default ? (\n\t\t\t\t\t\t\tslots.default()\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<ElIcon class=\"el-icon--upload\">\n\t\t\t\t\t\t\t\t\t<UploadFilled />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t<div class=\"el-upload__text\">\n\t\t\t\t\t\t\t\t\tDrop file here or <em>click to upload</em>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t...(slots.trigger && { trigger: (): VNode | VNode[] => slots.trigger() }),\n\t\t\t\t\ttip: () =>\n\t\t\t\t\t\tslots.tip ? (\n\t\t\t\t\t\t\tslots.tip()\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class=\"el-upload__tip\">files with a size less than {maxSizeMB.toString()}MB</div>\n\t\t\t\t\t\t\t\t{!props.showFileList && fileList.value.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div class=\"el-upload__tip\">\n\t\t\t\t\t\t\t\t\t\t{fileList.value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t\t\t\t{fileList.value.length <= index && <br />}\n\t\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t...(slots.file && {\n\t\t\t\t\t\tfile: ({ file, index }: { file: UploadFile; index: number }): VNode | VNode[] => slots.file({ file, index }),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElUpload>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 取消上传请求 */\n\t\t\tabort: computed(() => uploadRef.value?.abort),\n\t\t\t/** @description 手动上传文件列表 */\n\t\t\tsubmit: computed(() => uploadRef.value?.submit),\n\t\t\t/** @description 清空已上传的文件列表（该方法不支持在 before-upload 中调用） */\n\t\t\tclearFiles: computed(() => uploadRef.value?.clearFiles),\n\t\t\t/** @description 手动选择文件 */\n\t\t\thandleStart: computed(() => uploadRef.value?.handleStart),\n\t\t\t/** @description 手动移除文件。 file 和rawFile 已被合并。 rawFile 将在 v2.2.0 中移除 */\n\t\t\thandleRemove: computed(() => uploadRef.value?.handleRemove),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading,\n\t\t\t/** @description 文件集合 */\n\t\t\tfileList,\n\t\t});\n\t},\n});\n"],"names":["faUploadProps","uploadProps","drag","type","Boolean","default","limit","Number","modelValue","definePropType","String","Array","maxSize","uploadApi","Function","uploadUrl","faUploadEmits","value","isString","isArray","isNull","change","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","fileList","loading","formContext","maxSizeMB","handleHttpRequest","handleOnSuccess","handleOnError","handleOnExceed","handleOnUpload","useUpload","disabled","computed","uploadRef","ref","handleOnChange","uploadFile","uploadFiles","status","slice","onChange","elUploadProps","useProps","useRender","_withDirectives","_createVNode","ElUpload","_mergeProps","$event","_Fragment","ElIcon","UploadFilled","_createTextVNode","trigger","tip","toString","showFileList","length","map","item","index","file","_resolveDirective","useExpose","abort","submit","clearFiles","handleStart","handleRemove"],"mappings":"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"}

package/es/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/es/components/upload/src/useUpload.mjs

@@ -0,0 +1,150 @@
+import { ref, inject, onMounted, watch } from "vue";
+import { formContextKey, formItemContextKey, ElMessage, ElNotification, genFileId } from "element-plus";
+import { consoleWarn, consoleError } from "@fast-china/utils";
+import { useVModel } from "@vueuse/core";
+import { Decimal } from "decimal.js";
+import { isNumber, isString, isArray } from "lodash-unified";
+import { uploadUtil } from "../utils/upload.mjs";
+const useUpload = (componentName, fileTypeName, props, emit, data) => {
+  const fileList = useVModel(props, "fileList", emit, { passive: true });
+  const loading = ref(false);
+  const formContext = inject(formContextKey, void 0);
+  const formItemContext = inject(formItemContextKey, void 0);
+  const mbNum = new Decimal(1024);
+  const maxSizeKB = new Decimal(isNumber(data?.maxSize) ? data?.maxSize : Number(data?.maxSize));
+  const maxSizeMB = maxSizeKB.div(mbNum);
+  onMounted(() => {
+    if (props.autoUpload && !data.uploadApi && !data.uploadUrl) {
+      consoleWarn(componentName, "['uploadApi', 'uploadUrl'] 属性必须二选一。");
+    }
+  });
+  const handleValue = () => {
+    if (fileList.value.length > 0) {
+      if (isString(props.modelValue)) {
+        emit("update:modelValue", fileList.value[0].url);
+        emit("change", fileList.value[0].url);
+      } else {
+        if (props.multiple) {
+          const value = fileList.value.map((m) => m.url);
+          emit("update:modelValue", value);
+          emit("change", value);
+        } else {
+          emit("update:modelValue", fileList.value[0].url);
+          emit("change", fileList.value[0].url);
+        }
+      }
+    } else {
+      emit("update:modelValue", null);
+      emit("change", null);
+    }
+  };
+  const handleHttpRequest = async (options) => {
+    let propsData;
+    if (props.data) {
+      propsData = uploadUtil.getPropsData(options.file, props.data);
+    }
+    if (!data?.uploadApi && !data?.uploadUrl) {
+      ElMessage.error(`上传${fileTypeName}Api或地址不能为空`);
+      consoleError(componentName, `上传${fileTypeName}接口 “uploadApi” 或地址 “uploadUrl” 不能为空`);
+      return;
+    }
+    loading.value = true;
+    try {
+      let fileUrl;
+      if (data.uploadApi) {
+        fileUrl = await uploadUtil.uploadFileByApi(data.uploadApi, options.file, options.filename, propsData);
+      } else {
+        fileUrl = await uploadUtil.uploadFile(data.uploadUrl, options.file, options.filename, propsData);
+      }
+      options.onSuccess(fileUrl);
+    } finally {
+      loading.value = false;
+    }
+  };
+  const handleOnSuccess = (fileUrl, uploadFile, uploadFiles) => {
+    if (!fileUrl) return;
+    if (!props.multiple && uploadFiles.length > 1) {
+      uploadFiles.shift();
+    }
+    uploadFile.url = fileUrl;
+    handleValue();
+    formItemContext?.prop && formContext?.validateField([formItemContext.prop]);
+    ElMessage.success("上传成功");
+    props.onSuccess && props.onSuccess(fileUrl, uploadFile, uploadFiles);
+  };
+  const handleOnError = (error, uploadFile, uploadFiles) => {
+    ElNotification({
+      message: `【${uploadFile.name}】${fileTypeName}上传失败，请您重新上传`,
+      type: "error"
+    });
+    props.onError && props.onError(error, uploadFile, uploadFiles);
+  };
+  const handleOnExceed = (files, uploadFiles) => {
+    ElMessage.warning(`最多只能上传 ${props.limit} 个${fileTypeName}，请移除后再进行上传`);
+    props.onExceed && props.onExceed(files, uploadFiles);
+  };
+  const handleOnUpload = (file) => {
+    const fileSizeKB = new Decimal(file.size).div(mbNum);
+    if (fileSizeKB.greaterThan(maxSizeKB)) {
+      consoleWarn(componentName, `【${file.name}】${fileTypeName}上传大小不能超过 ${maxSizeMB.toString()}MB`);
+      ElMessage.warning(`【${file.name}】${fileTypeName}上传大小不能超过 ${maxSizeMB.toString()}MB`);
+      return false;
+    }
+    const fileType = "type" in file ? file.type : file.raw.type;
+    if (props.accept && props.accept.split(",").every((e) => e !== fileType)) {
+      const uploadFileNames = uploadUtil.detectFileType(props.accept);
+      consoleError(componentName, `只允许上传【${uploadFileNames}】格式的${fileTypeName}`);
+      ElMessage.error(`只允许上传【${uploadFileNames}】格式的${fileTypeName}`);
+      return false;
+    }
+    return true;
+  };
+  watch(
+    () => props.modelValue,
+    (newValue) => {
+      if (newValue) {
+        if (isArray(newValue)) {
+          fileList.value = newValue.map((m) => {
+            const find = fileList.value.find((f) => f.url === m);
+            return {
+              name: "",
+              status: "success",
+              uid: find?.uid ?? genFileId(),
+              url: m
+            };
+          });
+        } else {
+          const find = fileList.value.find((f) => f.url === newValue);
+          fileList.value = [
+            {
+              name: "",
+              status: "success",
+              uid: find?.uid ?? genFileId(),
+              url: newValue
+            }
+          ];
+        }
+      }
+    },
+    {
+      immediate: true
+    }
+  );
+  return {
+    fileList,
+    loading,
+    formContext,
+    formItemContext,
+    maxSizeMB,
+    handleValue,
+    handleHttpRequest,
+    handleOnSuccess,
+    handleOnError,
+    handleOnExceed,
+    handleOnUpload
+  };
+};
+export {
+  useUpload
+};
+//# sourceMappingURL=useUpload.mjs.map

package/es/components/upload/src/useUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.mjs","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":[],"mappings":"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"}

package/es/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/es/components/upload/utils/upload.mjs

@@ -0,0 +1,119 @@
+import { ElMessage } from "element-plus";
+import "../../../constants/index.mjs";
+import { consoleError, consoleWarn } from "@fast-china/utils";
+import { isFunction, isArray } from "lodash-unified";
+import { FaMimeType } from "../../../constants/mime.mjs";
+const FaMimeTypeNames = {};
+for (const [kName, vAccept] of Object.entries(FaMimeType)) {
+  vAccept.split(",").forEach((tItem) => {
+    FaMimeTypeNames[tItem.trim()] = kName;
+  });
+}
+const uploadUtil = {
+  /**
+   * 识别文件类型
+   */
+  detectFileType(accept) {
+    const detectTypes = /* @__PURE__ */ new Set();
+    accept.split(",").forEach((mimeType) => {
+      detectTypes.add(FaMimeTypeNames[mimeType] ?? mimeType);
+    });
+    return Array.from(detectTypes).join(",");
+  },
+  /**
+   * 获取props data属性值
+   */
+  getPropsData(rawFile, data) {
+    let propsData;
+    if (isFunction(data)) {
+      propsData = data(rawFile);
+    } else {
+      propsData = data;
+    }
+    const result = {};
+    if (isArray(data)) {
+      data.forEach((item) => {
+        Object.assign(result, item);
+      });
+    } else {
+      Object.assign(result, propsData);
+    }
+    return result;
+  },
+  /**
+   * 文件上传
+   * @param url 地址
+   * @param file 文件
+   * @param fileName 文件名称
+   * @param params 参数
+   */
+  async uploadFile(url, file, fileName, params) {
+    if (!url) {
+      consoleError("uploadUtil", "文件上传地址为空！");
+      ElMessage.error("文件上传地址为空！");
+      return Promise.reject();
+    }
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("fileName", fileName);
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        formData.append(key, params[key]);
+      });
+    }
+    try {
+      const response = await fetch(url, {
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        method: "POST",
+        body: formData
+      });
+      if (!response.ok) {
+        consoleWarn("uploadUtil", "文件上传失败！");
+        ElMessage.error("文件上传失败！");
+        return Promise.reject();
+      }
+      return await response.text();
+    } catch (error) {
+      consoleWarn("uploadUtil", "文件上传失败！");
+      consoleError("uploadUtil", error);
+      ElMessage.error("文件上传失败！");
+      return Promise.reject();
+    }
+  },
+  /**
+   * 文件上传
+   * @param url 地址
+   * @param file 文件
+   * @param fileName 文件名称
+   * @param params 参数
+   */
+  async uploadFileByApi(api, file, fileName, params) {
+    if (!api) {
+      consoleError("uploadUtil", "文件上传接口为空！");
+      ElMessage.error("文件上传接口为空！");
+      return Promise.reject();
+    }
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("fileName", fileName);
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        formData.append(key, params[key]);
+      });
+    }
+    try {
+      return Promise.resolve(await api(formData));
+    } catch (error) {
+      consoleWarn("uploadUtil", "文件上传失败！");
+      consoleError("uploadUtil", error);
+      ElMessage.error("文件上传失败！");
+      return Promise.reject();
+    }
+  }
+};
+export {
+  uploadUtil
+};
+//# sourceMappingURL=upload.mjs.map

package/es/components/upload/utils/upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.mjs","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":[],"mappings":"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"}

package/es/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/es/components/uploadImage/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall } from "@fast-china/utils";
+import UploadImage from "./src/uploadImage.mjs";
+import { faUploadImageEmits, faUploadImageProps } from "./src/uploadImage.mjs";
+const FaUploadImage = withInstall(UploadImage);
+export {
+  FaUploadImage,
+  FaUploadImage as default,
+  faUploadImageEmits,
+  faUploadImageProps
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/uploadImage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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":[],"mappings":";;;AAIO,MAAM,gBAAgB,YAAY,WAAW;"}