@silver-formily/element-plus 2.4.0 → 3.0.0

package/esm/upload/index.d.ts

@@ -61,8 +61,8 @@ export declare const Upload: {
                 readonly data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
                 readonly name: string;
                 readonly onProgress: import('element-plus').UploadHooks["onProgress"];
-                readonly onChange: import('element-plus').UploadHooks["onChange"];
                 readonly onError: import('element-plus').UploadHooks["onError"];
+                readonly onChange: import('element-plus').UploadHooks["onChange"];
                 readonly method: string;
                 readonly onRemove: import('element-plus').UploadHooks["onRemove"];
                 readonly fileList: import('element-plus').UploadUserFile[];
@@ -85,7 +85,7 @@ export declare const Upload: {
                 readonly withCredentials?: boolean;
                 readonly limit?: number;
                 readonly directory?: boolean;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -120,14 +120,14 @@ export declare const Upload: {
                     type: import('vue').PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                     default: () => void;
                 };
-                onChange: {
-                    type: import('vue').PropType<(uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-                    default: () => void;
-                };
                 onError: {
                     type: import('vue').PropType<(error: Error, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                     default: () => void;
                 };
+                onChange: {
+                    type: import('vue').PropType<(uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+                    default: () => void;
+                };
                 method: {
                     type: import('vue').PropType<string>;
                     default: "post";
@@ -287,14 +287,14 @@ export declare const Upload: {
                 type: import('vue').PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
-            onChange: {
-                type: import('vue').PropType<(uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-                default: () => void;
-            };
             onError: {
                 type: import('vue').PropType<(error: Error, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
+            onChange: {
+                type: import('vue').PropType<(uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+                default: () => void;
+            };
             method: {
                 type: import('vue').PropType<string>;
                 default: "post";
@@ -368,7 +368,7 @@ export declare const Upload: {
             directory: {
                 type: import('vue').PropType<boolean>;
             };
-        }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+        }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
             abort: (file?: import('element-plus').UploadFile) => void;
             submit: () => void;
             clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
@@ -442,7 +442,7 @@ export declare const Upload: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "switch", index: number) => void) & ((event: "close") => void) & ((event: "error", evt: Event) => void) & ((event: "rotate", deg: number) => void);
+            $emit: ((event: "switch", index: number) => void) & ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "rotate", deg: number) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 zIndex: {

package/esm/upload/index.mjs

@@ -1,14 +1,11 @@
 import { useField as D, connect as N, mapProps as j } from "@silver-formily/vue";
-import { defineComponent as O, ref as f, useAttrs as z, computed as w, onBeforeUnmount as T, createElementBlock as v, openBlock as a, Fragment as y, createVNode as p, createBlock as h, createCommentVNode as q, unref as r, mergeProps as x, createSlots as G, withCtx as s, renderSlot as m, createElementVNode as P, toDisplayString as C } from "vue";
+import { defineComponent as O, ref as f, useAttrs as z, computed as w, onBeforeUnmount as T, openBlock as a, createElementBlock as v, Fragment as y, createVNode as p, unref as r, mergeProps as x, createSlots as q, withCtx as s, renderSlot as m, createElementVNode as P, toDisplayString as C, createBlock as h, createCommentVNode as G } from "vue";
 import { UploadFilled as H, Plus as J, Upload as K } from "@element-plus/icons-vue";
 import { reaction as M } from "@formily/reactive";
 import { isFn as c } from "@formily/shared";
 import { ElUpload as Q, ElIcon as W, ElButton as X, ElImageViewer as Y, genFileId as Z } from "element-plus";
-import "@vueuse/core";
-import "@formily/core";
-import "@silver-formily/reactive-vue";
-import { hasSlotContent as ee } from "../__builtins__/shared/utils.mjs";
-import { o as te } from "../vendor/lodash.mjs";
+import { o as ee } from "../vendor/lodash.mjs";
+import { hasSlotContent as te } from "../__builtins__/shared/utils.mjs";
 const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" } }, ne = /* @__PURE__ */ O({
   name: "FUpload",
   inheritAttrs: !1,
@@ -37,7 +34,7 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
   },
   emits: ["update:modelValue"],
   setup(u, { emit: S }) {
-    const i = u, V = S, d = f(), o = z(), R = w(() => te(o, [
+    const i = u, V = S, d = f(), o = z(), R = w(() => ee(o, [
       "onChange",
       "onRemove",
       "onExceed",
@@ -101,9 +98,9 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
         onExceed: L,
         onError: A,
         onPreview: B
-      }), G({
+      }), q({
         default: s(() => [
-          r(ee)(e.$slots?.default) ? m(e.$slots, "default", { key: 0 }) : (a(), v(y, { key: 1 }, [
+          r(te)(e.$slots?.default) ? m(e.$slots, "default", { key: 0 }) : (a(), v(y, { key: 1 }, [
             r(o).drag ? (a(), v(y, { key: 0 }, [
               p(r(W), { style: { "font-size": "60px", margin: "40px 0 16px" } }, {
                 default: s(() => [
@@ -162,15 +159,15 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
         "initial-index": k.value
       }, i.imageViewerProps, {
         onClose: t[0] || (t[0] = (n) => g.value = !1)
-      }), null, 16, ["url-list", "initial-index"])) : q("", !0)
+      }), null, 16, ["url-list", "initial-index"])) : G("", !0)
     ], 64));
   }
-}), ve = N(
+}), me = N(
   ne,
   j({ readOnly: "readonly", dataSource: "fileList" })
 );
 export {
-  ve as Upload,
-  ve as default
+  me as Upload,
+  me as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/upload/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\nimport type { PropType } from 'vue'\nimport {\n  Plus as PlusIcon,\n  UploadFilled as UploadFilledIcon,\n  Upload as UploadIcon,\n} from '@element-plus/icons-vue'\nimport { reaction } from '@formily/reactive'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue'\nimport { hasSlotContent } from '../__builtins__'\n\ndefineOptions({\n  name: 'FUpload',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  textContent: {\n    type: String,\n    default: '',\n  },\n  errorAdaptor: {\n    type: Function as PropType<(error?: Error) => string>,\n    default: (error?: Error) => error?.message,\n  },\n  formatValue: {\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\n    default: item => item,\n  },\n  fileList: {\n    type: Array as PropType<UploadFile[]>,\n    default: () => [],\n  },\n  imageViewerProps: {\n    type: Object as PropType<ImageViewerProps>,\n    default: () => ({ teleported: true, showProgress: true }),\n  },\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst uploadRef = ref<UploadInstance>()\nconst attrs = useAttrs() as UploadProps\nconst innerAttrs = computed(() => {\n  return omit(attrs, [\n    'onChange',\n    'onRemove',\n    'onExceed',\n    'onError',\n    'onPreview',\n    'fileList',\n    'onUpdate:fileList',\n  ])\n})\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getElUploadRef: () => {\n    return uploadRef\n  },\n})\n\nconst imgPreviewRef = ref<ImageViewerInstance>()\nconst activeImageIndex = ref(0)\nconst isShowImgViewer = ref(false)\nconst imgPreviewList = computed(() => {\n  return props.fileList.map(item => item.url)\n})\n\nfunction setFeedBack(error?: Error) {\n  const message = props.errorAdaptor(error)\n  fieldRef.value?.setFeedback({\n    type: 'error',\n    code: 'UploadError',\n    messages: message ? [message] : [],\n  })\n}\n\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\n  fieldRef.value?.setDataSource([...fileList])\n  setFeedBack()\n}\n\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\n  if (isFn(attrs.onRemove)) {\n    attrs.onRemove(file, fileList)\n  }\n  fieldRef.value.setDataSource([...fileList])\n  setFeedBack()\n}\n\nfunction handleExceed(files: File[], uploadFIles) {\n  if (isFn(attrs.onExceed)) {\n    attrs.onExceed(files, uploadFIles)\n  }\n  if (attrs.limit !== 1)\n    return\n  uploadRef.value!.clearFiles()\n  const file = files[0] as UploadRawFile\n  file.uid = genFileId()\n  uploadRef.value!.handleStart(file)\n  if (attrs.autoUpload ?? true) {\n    uploadRef.value!.submit()\n  }\n}\n\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\n  if (isFn(attrs.onError)) {\n    (attrs.onError)(error, file, fileList)\n  }\n}\n\nfunction onPreviewClick(uploadFile: UploadFile) {\n  if (isFn(attrs.onPreview)) {\n    (attrs.onPreview)(uploadFile)\n    return\n  }\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\n    return\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\n  activeImageIndex.value = clickIndex\n  isShowImgViewer.value = true\n}\n\nconst dispose = reaction(() => {\n  return fieldRef.value?.dataSource ?? []\n}, () => {\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\n  emit('update:modelValue', emitValue)\n})\nonBeforeUnmount(() => {\n  dispose()\n})\n</script>\n\n<template>\n  <ElUpload\n    ref=\"uploadRef\"\n    v-bind=\"innerAttrs\"\n    :file-list=\"$props.fileList\"\n    @change=\"handleChange\"\n    @remove=\"handleRemove\"\n    @exceed=\"handleExceed\"\n    @error=\"handleError\"\n    @preview=\"onPreviewClick\"\n  >\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\n    <template v-else>\n      <template v-if=\"attrs.drag\">\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\n          <UploadFilledIcon color=\"gray\" />\n        </ElIcon>\n        <div class=\"el-upload__text\">\n          {{ props.textContent }}\n        </div>\n      </template>\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\n      </template>\n      <template v-else>\n        <ElButton>\n          <UploadIcon width=\"16px\" height=\"16px\" />\n          <span style=\"margin-left: 6px\">\n            {{ props.textContent }}\n          </span>\n        </ElButton>\n      </template>\n    </template>\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\n    </template>\n    <template v-if=\"$slots.tip\" #tip>\n      <slot name=\"tip\" />\n    </template>\n    <template v-if=\"$slots.trigger\" #trigger>\n      <slot name=\"trigger\" />\n    </template>\n  </ElUpload>\n  <ElImageViewer\n    v-if=\"isShowImgViewer\"\n    ref=\"imgPreviewRef\"\n    :url-list=\"imgPreviewList\"\n    :initial-index=\"activeImageIndex\"\n    v-bind=\"props.imageViewerProps\"\n    @close=\"isShowImgViewer = false\"\n  />\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect<typeof FUpload>(\n  FUpload,\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","dispose","reaction","emitValue","onBeforeUnmount","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport {\r\n  Plus as PlusIcon,\r\n  UploadFilled as UploadFilledIcon,\r\n  Upload as UploadIcon,\r\n} from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isFn } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue'\r\nimport { hasSlotContent } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FUpload',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  textContent: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  errorAdaptor: {\r\n    type: Function as PropType<(error?: Error) => string>,\r\n    default: (error?: Error) => error?.message,\r\n  },\r\n  formatValue: {\r\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\r\n    default: item => item,\r\n  },\r\n  fileList: {\r\n    type: Array as PropType<UploadFile[]>,\r\n    default: () => [],\r\n  },\r\n  imageViewerProps: {\r\n    type: Object as PropType<ImageViewerProps>,\r\n    default: () => ({ teleported: true, showProgress: true }),\r\n  },\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst uploadRef = ref<UploadInstance>()\r\nconst attrs = useAttrs() as UploadProps\r\nconst innerAttrs = computed(() => {\r\n  return omit(attrs, [\r\n    'onChange',\r\n    'onRemove',\r\n    'onExceed',\r\n    'onError',\r\n    'onPreview',\r\n    'fileList',\r\n    'onUpdate:fileList',\r\n  ])\r\n})\r\nconst fieldRef = useField<Field>()\r\nfieldRef.value?.inject({\r\n  getElUploadRef: () => {\r\n    return uploadRef\r\n  },\r\n})\r\n\r\nconst imgPreviewRef = ref<ImageViewerInstance>()\r\nconst activeImageIndex = ref(0)\r\nconst isShowImgViewer = ref(false)\r\nconst imgPreviewList = computed(() => {\r\n  return props.fileList.map(item => item.url)\r\n})\r\n\r\nfunction setFeedBack(error?: Error) {\r\n  const message = props.errorAdaptor(error)\r\n  fieldRef.value?.setFeedback({\r\n    type: 'error',\r\n    code: 'UploadError',\r\n    messages: message ? [message] : [],\r\n  })\r\n}\r\n\r\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\r\n  fieldRef.value?.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onRemove)) {\r\n    attrs.onRemove(file, fileList)\r\n  }\r\n  fieldRef.value.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleExceed(files: File[], uploadFIles) {\r\n  if (isFn(attrs.onExceed)) {\r\n    attrs.onExceed(files, uploadFIles)\r\n  }\r\n  if (attrs.limit !== 1)\r\n    return\r\n  uploadRef.value!.clearFiles()\r\n  const file = files[0] as UploadRawFile\r\n  file.uid = genFileId()\r\n  uploadRef.value!.handleStart(file)\r\n  if (attrs.autoUpload ?? true) {\r\n    uploadRef.value!.submit()\r\n  }\r\n}\r\n\r\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onError)) {\r\n    (attrs.onError)(error, file, fileList)\r\n  }\r\n}\r\n\r\nfunction onPreviewClick(uploadFile: UploadFile) {\r\n  if (isFn(attrs.onPreview)) {\r\n    (attrs.onPreview)(uploadFile)\r\n    return\r\n  }\r\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\r\n    return\r\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\r\n  activeImageIndex.value = clickIndex\r\n  isShowImgViewer.value = true\r\n}\r\n\r\nconst dispose = reaction(() => {\r\n  return fieldRef.value?.dataSource ?? []\r\n}, () => {\r\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\r\n  emit('update:modelValue', emitValue)\r\n})\r\nonBeforeUnmount(() => {\r\n  dispose()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElUpload\r\n    ref=\"uploadRef\"\r\n    v-bind=\"innerAttrs\"\r\n    :file-list=\"$props.fileList\"\r\n    @change=\"handleChange\"\r\n    @remove=\"handleRemove\"\r\n    @exceed=\"handleExceed\"\r\n    @error=\"handleError\"\r\n    @preview=\"onPreviewClick\"\r\n  >\r\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\r\n    <template v-else>\r\n      <template v-if=\"attrs.drag\">\r\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\r\n          <UploadFilledIcon color=\"gray\" />\r\n        </ElIcon>\r\n        <div class=\"el-upload__text\">\r\n          {{ props.textContent }}\r\n        </div>\r\n      </template>\r\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\r\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\r\n      </template>\r\n      <template v-else>\r\n        <ElButton>\r\n          <UploadIcon width=\"16px\" height=\"16px\" />\r\n          <span style=\"margin-left: 6px\">\r\n            {{ props.textContent }}\r\n          </span>\r\n        </ElButton>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\r\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n    </template>\r\n    <template v-if=\"$slots.tip\" #tip>\r\n      <slot name=\"tip\" />\r\n    </template>\r\n    <template v-if=\"$slots.trigger\" #trigger>\r\n      <slot name=\"trigger\" />\r\n    </template>\r\n  </ElUpload>\r\n  <ElImageViewer\r\n    v-if=\"isShowImgViewer\"\r\n    ref=\"imgPreviewRef\"\r\n    :url-list=\"imgPreviewList\"\r\n    :initial-index=\"activeImageIndex\"\r\n    v-bind=\"props.imageViewerProps\"\r\n    @close=\"isShowImgViewer = false\"\r\n  />\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect<typeof FUpload>(\n  FUpload,\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","dispose","reaction","emitValue","onBeforeUnmount","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}

package/esm/upload/upload.d.ts

@@ -39,8 +39,8 @@ declare function __VLS_template(): {
                 readonly data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
                 readonly name: string;
                 readonly onProgress: import('element-plus').UploadHooks["onProgress"];
-                readonly onChange: import('element-plus').UploadHooks["onChange"];
                 readonly onError: import('element-plus').UploadHooks["onError"];
+                readonly onChange: import('element-plus').UploadHooks["onChange"];
                 readonly method: string;
                 readonly onRemove: import('element-plus').UploadHooks["onRemove"];
                 readonly fileList: import('element-plus').UploadUserFile[];
@@ -63,7 +63,7 @@ declare function __VLS_template(): {
                 readonly withCredentials?: boolean;
                 readonly limit?: number;
                 readonly directory?: boolean;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -98,14 +98,14 @@ declare function __VLS_template(): {
                     type: PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                     default: () => void;
                 };
-                onChange: {
-                    type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-                    default: () => void;
-                };
                 onError: {
                     type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                     default: () => void;
                 };
+                onChange: {
+                    type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+                    default: () => void;
+                };
                 method: {
                     type: PropType<string>;
                     default: "post";
@@ -265,14 +265,14 @@ declare function __VLS_template(): {
                 type: PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
-            onChange: {
-                type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-                default: () => void;
-            };
             onError: {
                 type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
+            onChange: {
+                type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+                default: () => void;
+            };
             method: {
                 type: PropType<string>;
                 default: "post";
@@ -346,7 +346,7 @@ declare function __VLS_template(): {
             directory: {
                 type: PropType<boolean>;
             };
-        }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+        }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
             abort: (file?: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void;
             submit: () => void;
             clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
@@ -420,7 +420,7 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "switch", index: number) => void) & ((event: "close") => void) & ((event: "error", evt: Event) => void) & ((event: "rotate", deg: number) => void);
+            $emit: ((event: "switch", index: number) => void) & ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "rotate", deg: number) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 zIndex: {
@@ -689,8 +689,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
             readonly name: string;
             readonly onProgress: import('element-plus').UploadHooks["onProgress"];
-            readonly onChange: import('element-plus').UploadHooks["onChange"];
             readonly onError: import('element-plus').UploadHooks["onError"];
+            readonly onChange: import('element-plus').UploadHooks["onChange"];
             readonly method: string;
             readonly onRemove: import('element-plus').UploadHooks["onRemove"];
             readonly fileList: import('element-plus').UploadUserFile[];
@@ -713,7 +713,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly withCredentials?: boolean;
             readonly limit?: number;
             readonly directory?: boolean;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "data" | "name" | "disabled" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -748,14 +748,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
-            onChange: {
-                type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-                default: () => void;
-            };
             onError: {
                 type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
                 default: () => void;
             };
+            onChange: {
+                type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+                default: () => void;
+            };
             method: {
                 type: PropType<string>;
                 default: "post";
@@ -915,14 +915,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: PropType<(evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
             default: () => void;
         };
-        onChange: {
-            type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
-            default: () => void;
-        };
         onError: {
             type: PropType<(error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
             default: () => void;
         };
+        onChange: {
+            type: PropType<(uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void>;
+            default: () => void;
+        };
         method: {
             type: PropType<string>;
             default: "post";
@@ -996,7 +996,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         directory: {
             type: PropType<boolean>;
         };
-    }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onChange" | "onError" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }>>, "data" | "name" | "submit" | "disabled" | "abort" | "onProgress" | "onError" | "onChange" | "method" | "onRemove" | "fileList" | "beforeUpload" | "onPreview" | "onSuccess" | "onExceed" | "action" | "showFileList" | "accept" | "autoUpload" | "listType" | "httpRequest" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
         abort: (file?: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
@@ -1070,7 +1070,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "switch", index: number) => void) & ((event: "close") => void) & ((event: "error", evt: Event) => void) & ((event: "rotate", deg: number) => void);
+        $emit: ((event: "switch", index: number) => void) & ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "rotate", deg: number) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             zIndex: {

package/esm/vendor/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.22_typescript@5.9.3_/node_modules/element-plus/es/utils/vue/icon.mjs"],"sourcesContent":["import { InfoFilled, CircleCloseFilled, WarningFilled, SuccessFilled, Close, CircleClose, CircleCheck, Loading } from '@element-plus/icons-vue';\nimport { definePropType } from './props/runtime.mjs';\n\nconst iconPropType = definePropType([\n  String,\n  Object,\n  Function\n]);\nconst CloseComponents = {\n  Close\n};\nconst TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled\n};\nconst TypeComponentsMap = {\n  primary: InfoFilled,\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled\n};\nconst ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose\n};\n\nexport { CloseComponents, TypeComponents, TypeComponentsMap, ValidateComponentsMap, iconPropType };\n//# sourceMappingURL=icon.mjs.map\n"],"names":["iconPropType","definePropType"],"mappings":";;AAGK,MAACA,IAAeC,EAAe;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"icon.mjs","sources":["../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.28_typescript@5.9.2_/node_modules/element-plus/es/utils/vue/icon.mjs"],"sourcesContent":["import { InfoFilled, CircleCloseFilled, WarningFilled, SuccessFilled, Close, CircleClose, CircleCheck, Loading } from '@element-plus/icons-vue';\nimport { definePropType } from './props/runtime.mjs';\n\nconst iconPropType = definePropType([\n  String,\n  Object,\n  Function\n]);\nconst CloseComponents = {\n  Close\n};\nconst TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled\n};\nconst TypeComponentsMap = {\n  primary: InfoFilled,\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled\n};\nconst ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose\n};\n\nexport { CloseComponents, TypeComponents, TypeComponentsMap, ValidateComponentsMap, iconPropType };\n//# sourceMappingURL=icon.mjs.map\n"],"names":["iconPropType","definePropType"],"mappings":";;AAGK,MAACA,IAAeC,EAAe;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,CAAC;","x_google_ignoreList":[0]}