@element-plus/nightly 0.0.20241228 → 0.0.20241230

package/es/components/tour/src/content2.mjs

@@ -1,72 +1,48 @@
-import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
-import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
-import { tourContentProps, tourContentEmits } from './content.mjs';
-import { useFloating, tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTourContent"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tourContentProps,
-  emits: tourContentEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const placement = ref(props.placement);
-    const strategy = ref(props.strategy);
-    const contentRef = ref(null);
-    const arrowRef = ref(null);
-    watch(() => props.placement, () => {
-      placement.value = props.placement;
-    });
-    const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
-    const side = computed(() => {
-      return placement.value.split("-")[0];
-    });
-    const { ns } = inject(tourKey);
-    const onCloseRequested = () => {
-      emit("close");
-    };
-    const onFocusoutPrevented = (event) => {
-      if (event.detail.focusReason === "pointer") {
-        event.preventDefault();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "contentRef",
-        ref: contentRef,
-        style: normalizeStyle(unref(contentStyle)),
-        class: normalizeClass(unref(ns).e("content")),
-        "data-side": unref(side),
-        tabindex: "-1"
-      }, [
-        createVNode(unref(ElFocusTrap), {
-          loop: "",
-          trapped: "",
-          "focus-start-el": "container",
-          "focus-trap-el": contentRef.value || void 0,
-          onReleaseRequested: onCloseRequested,
-          onFocusoutPrevented
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["focus-trap-el"]),
-        _ctx.showArrow ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          ref_key: "arrowRef",
-          ref: arrowRef,
-          style: normalizeStyle(unref(arrowStyle)),
-          class: normalizeClass(unref(ns).e("arrow"))
-        }, null, 6)) : createCommentVNode("v-if", true)
-      ], 14, ["data-side"]);
-    };
+const tourStrategies = ["absolute", "fixed"];
+const tourPlacements = [
+  "top-start",
+  "top-end",
+  "top",
+  "bottom-start",
+  "bottom-end",
+  "bottom",
+  "left-start",
+  "left-end",
+  "left",
+  "right-start",
+  "right-end",
+  "right"
+];
+const tourContentProps = buildProps({
+  placement: {
+    type: definePropType(String),
+    values: tourPlacements,
+    default: "bottom"
+  },
+  reference: {
+    type: definePropType(Object),
+    default: null
+  },
+  strategy: {
+    type: definePropType(String),
+    values: tourStrategies,
+    default: "absolute"
+  },
+  offset: {
+    type: Number,
+    default: 10
+  },
+  showArrow: Boolean,
+  zIndex: {
+    type: Number,
+    default: 2001
   }
 });
-var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
+const tourContentEmits = {
+  close: () => true
+};
 
-export { ElTourContent as default };
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
 //# sourceMappingURL=content2.mjs.map

package/es/components/tour/src/content2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n  'top-start',\n  'top-end',\n  'top',\n  'bottom-start',\n  'bottom-end',\n  'bottom',\n  'left-start',\n  'left-end',\n  'left',\n  'right-start',\n  'right-end',\n  'right',\n] as const\n\nexport const tourContentProps = buildProps({\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: tourPlacements,\n    default: 'bottom',\n  },\n  /**\n   * @description the reference dom\n   */\n  reference: {\n    type: definePropType<HTMLElement | VirtualElement | null>(Object),\n    default: null,\n  },\n  /**\n   * @description position strategy of the content\n   */\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tourStrategies,\n    default: 'absolute',\n  },\n  /**\n   * @description offset of the arrow\n   */\n  offset: {\n    type: Number,\n    default: 10,\n  },\n  /**\n   * @description @description whether to show the arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description content's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 2001,\n  },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\n\nexport const tourContentEmits = {\n  close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}

package/es/components/tour/src/step.mjs

@@ -1,4 +1,4 @@
-import { tourContentProps } from './content.mjs';
+import { tourContentProps } from './content2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 

package/es/components/tour/src/tour.mjs

@@ -1,4 +1,4 @@
-import { tourContentProps } from './content.mjs';
+import { tourContentProps } from './content2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';

package/es/components/tour/src/tour2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBl
 import { useVModel } from '@vueuse/core';
 import { ElTeleport } from '../../teleport/index.mjs';
 import ElTourMask from './mask2.mjs';
-import ElTourContent from './content2.mjs';
+import ElTourContent from './content.mjs';
 import ElTourSteps from './steps.mjs';
 import { tourProps, tourEmits } from './tour.mjs';
 import { useTarget, tourKey } from './helper.mjs';

package/es/components/upload/index.mjs

@@ -1,7 +1,7 @@
 import Upload from './src/upload2.mjs';
 export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
-export { uploadContentProps } from './src/upload-content2.mjs';
-export { uploadListEmits, uploadListProps } from './src/upload-list2.mjs';
+export { uploadContentProps } from './src/upload-content.mjs';
+export { uploadListEmits, uploadListProps } from './src/upload-list.mjs';
 export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger.mjs';
 export { uploadContextKey } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';

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

@@ -1,201 +1,38 @@
-import { defineComponent, shallowRef, openBlock, createElementBlock, normalizeClass, unref, withKeys, withModifiers, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
-import { cloneDeep, isEqual } from 'lodash-unified';
-import UploadDragger from './upload-dragger2.mjs';
-import { uploadContentProps } from './upload-content2.mjs';
-import { genFileId } from './upload.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { entriesOf } from '../../../utils/objects.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
-import { isPlainObject, isFunction } from '@vue/shared';
+import { uploadBaseProps } from './upload.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { NOOP } from '@vue/shared';
 
-const __default__ = defineComponent({
-  name: "ElUploadContent",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: uploadContentProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("upload");
-    const disabled = useFormDisabled();
-    const requests = shallowRef({});
-    const inputRef = shallowRef();
-    const uploadFiles = (files) => {
-      if (files.length === 0)
-        return;
-      const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props;
-      if (limit && fileList.length + files.length > limit) {
-        onExceed(files, fileList);
-        return;
-      }
-      if (!multiple) {
-        files = files.slice(0, 1);
-      }
-      for (const file of files) {
-        const rawFile = file;
-        rawFile.uid = genFileId();
-        onStart(rawFile);
-        if (autoUpload)
-          upload(rawFile);
-      }
-    };
-    const upload = async (rawFile) => {
-      inputRef.value.value = "";
-      if (!props.beforeUpload) {
-        return doUpload(rawFile);
-      }
-      let hookResult;
-      let beforeData = {};
-      try {
-        const originData = props.data;
-        const beforeUploadPromise = props.beforeUpload(rawFile);
-        beforeData = isPlainObject(props.data) ? cloneDeep(props.data) : props.data;
-        hookResult = await beforeUploadPromise;
-        if (isPlainObject(props.data) && isEqual(originData, beforeData)) {
-          beforeData = cloneDeep(props.data);
-        }
-      } catch (e) {
-        hookResult = false;
-      }
-      if (hookResult === false) {
-        props.onRemove(rawFile);
-        return;
-      }
-      let file = rawFile;
-      if (hookResult instanceof Blob) {
-        if (hookResult instanceof File) {
-          file = hookResult;
-        } else {
-          file = new File([hookResult], rawFile.name, {
-            type: rawFile.type
-          });
-        }
-      }
-      doUpload(Object.assign(file, {
-        uid: rawFile.uid
-      }), beforeData);
-    };
-    const resolveData = async (data, rawFile) => {
-      if (isFunction(data)) {
-        return data(rawFile);
-      }
-      return data;
-    };
-    const doUpload = async (rawFile, beforeData) => {
-      const {
-        headers,
-        data,
-        method,
-        withCredentials,
-        name: filename,
-        action,
-        onProgress,
-        onSuccess,
-        onError,
-        httpRequest
-      } = props;
-      try {
-        beforeData = await resolveData(beforeData != null ? beforeData : data, rawFile);
-      } catch (e) {
-        props.onRemove(rawFile);
-        return;
-      }
-      const { uid } = rawFile;
-      const options = {
-        headers: headers || {},
-        withCredentials,
-        file: rawFile,
-        data: beforeData,
-        method,
-        filename,
-        action,
-        onProgress: (evt) => {
-          onProgress(evt, rawFile);
-        },
-        onSuccess: (res) => {
-          onSuccess(res, rawFile);
-          delete requests.value[uid];
-        },
-        onError: (err) => {
-          onError(err, rawFile);
-          delete requests.value[uid];
-        }
-      };
-      const request = httpRequest(options);
-      requests.value[uid] = request;
-      if (request instanceof Promise) {
-        request.then(options.onSuccess, options.onError);
-      }
-    };
-    const handleChange = (e) => {
-      const files = e.target.files;
-      if (!files)
-        return;
-      uploadFiles(Array.from(files));
-    };
-    const handleClick = () => {
-      if (!disabled.value) {
-        inputRef.value.value = "";
-        inputRef.value.click();
-      }
-    };
-    const handleKeydown = () => {
-      handleClick();
-    };
-    const abort = (file) => {
-      const _reqs = entriesOf(requests.value).filter(file ? ([uid]) => String(file.uid) === uid : () => true);
-      _reqs.forEach(([uid, req]) => {
-        if (req instanceof XMLHttpRequest)
-          req.abort();
-        delete requests.value[uid];
-      });
-    };
-    expose({
-      abort,
-      upload
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(_ctx.listType),
-          unref(ns).is("drag", _ctx.drag),
-          unref(ns).is("disabled", unref(disabled))
-        ]),
-        tabindex: unref(disabled) ? "-1" : "0",
-        onClick: handleClick,
-        onKeydown: withKeys(withModifiers(handleKeydown, ["self"]), ["enter", "space"])
-      }, [
-        _ctx.drag ? (openBlock(), createBlock(UploadDragger, {
-          key: 0,
-          disabled: unref(disabled),
-          onFile: uploadFiles
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["disabled"])) : renderSlot(_ctx.$slots, "default", { key: 1 }),
-        createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          class: normalizeClass(unref(ns).e("input")),
-          name: _ctx.name,
-          disabled: unref(disabled),
-          multiple: _ctx.multiple,
-          accept: _ctx.accept,
-          type: "file",
-          onChange: handleChange,
-          onClick: withModifiers(() => {
-          }, ["stop"])
-        }, null, 42, ["name", "disabled", "multiple", "accept", "onClick"])
-      ], 42, ["tabindex", "onKeydown"]);
-    };
+const uploadContentProps = buildProps({
+  ...uploadBaseProps,
+  beforeUpload: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onRemove: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onStart: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onSuccess: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onProgress: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onError: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onExceed: {
+    type: definePropType(Function),
+    default: NOOP
   }
 });
-var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "upload-content.vue"]]);
 
-export { UploadContent as default };
+export { uploadContentProps };
 //# sourceMappingURL=upload-content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-content.mjs","sources":["../../../../../../packages/components/upload/src/upload-content.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(listType),\n      ns.is('drag', drag),\n      ns.is('disabled', disabled),\n    ]\"\n    :tabindex=\"disabled ? '-1' : '0'\"\n    @click=\"handleClick\"\n    @keydown.self.enter.space=\"handleKeydown\"\n  >\n    <template v-if=\"drag\">\n      <upload-dragger :disabled=\"disabled\" @file=\"uploadFiles\">\n        <slot />\n      </upload-dragger>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n    <input\n      ref=\"inputRef\"\n      :class=\"ns.e('input')\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      type=\"file\"\n      @change=\"handleChange\"\n      @click.stop\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shallowRef } from 'vue'\nimport { cloneDeep, isEqual } from 'lodash-unified'\nimport { entriesOf, isFunction, isPlainObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport UploadDragger from './upload-dragger.vue'\nimport { uploadContentProps } from './upload-content'\nimport { genFileId } from './upload'\nimport type { UploadContentProps } from './upload-content'\n\nimport type {\n  UploadFile,\n  UploadHooks,\n  UploadRawFile,\n  UploadRequestOptions,\n} from './upload'\n\ndefineOptions({\n  name: 'ElUploadContent',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(uploadContentProps)\nconst ns = useNamespace('upload')\nconst disabled = useFormDisabled()\n\nconst requests = shallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>(\n  {}\n)\nconst inputRef = shallowRef<HTMLInputElement>()\n\nconst uploadFiles = (files: File[]) => {\n  if (files.length === 0) return\n\n  const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props\n\n  if (limit && fileList.length + files.length > limit) {\n    onExceed(files, fileList)\n    return\n  }\n\n  if (!multiple) {\n    files = files.slice(0, 1)\n  }\n\n  for (const file of files) {\n    const rawFile = file as UploadRawFile\n    rawFile.uid = genFileId()\n    onStart(rawFile)\n    if (autoUpload) upload(rawFile)\n  }\n}\n\nconst upload = async (rawFile: UploadRawFile): Promise<void> => {\n  inputRef.value!.value = ''\n\n  if (!props.beforeUpload) {\n    return doUpload(rawFile)\n  }\n\n  let hookResult: Exclude<ReturnType<UploadHooks['beforeUpload']>, Promise<any>>\n  let beforeData: UploadContentProps['data'] = {}\n\n  try {\n    // origin data: Handle data changes after synchronization tasks are executed\n    const originData = props.data\n    const beforeUploadPromise = props.beforeUpload(rawFile)\n    beforeData = isPlainObject(props.data) ? cloneDeep(props.data) : props.data\n    hookResult = await beforeUploadPromise\n    if (isPlainObject(props.data) && isEqual(originData, beforeData)) {\n      beforeData = cloneDeep(props.data)\n    }\n  } catch {\n    hookResult = false\n  }\n\n  if (hookResult === false) {\n    props.onRemove(rawFile)\n    return\n  }\n\n  let file: File = rawFile\n  if (hookResult instanceof Blob) {\n    if (hookResult instanceof File) {\n      file = hookResult\n    } else {\n      file = new File([hookResult], rawFile.name, {\n        type: rawFile.type,\n      })\n    }\n  }\n\n  doUpload(\n    Object.assign(file, {\n      uid: rawFile.uid,\n    }),\n    beforeData\n  )\n}\n\nconst resolveData = async (\n  data: UploadContentProps['data'],\n  rawFile: UploadRawFile\n): Promise<Record<string, any>> => {\n  if (isFunction(data)) {\n    return data(rawFile)\n  }\n\n  return data\n}\n\nconst doUpload = async (\n  rawFile: UploadRawFile,\n  beforeData?: UploadContentProps['data']\n) => {\n  const {\n    headers,\n    data,\n    method,\n    withCredentials,\n    name: filename,\n    action,\n    onProgress,\n    onSuccess,\n    onError,\n    httpRequest,\n  } = props\n\n  try {\n    beforeData = await resolveData(beforeData ?? data, rawFile)\n  } catch {\n    props.onRemove(rawFile)\n    return\n  }\n\n  const { uid } = rawFile\n  const options: UploadRequestOptions = {\n    headers: headers || {},\n    withCredentials,\n    file: rawFile,\n    data: beforeData,\n    method,\n    filename,\n    action,\n    onProgress: (evt) => {\n      onProgress(evt, rawFile)\n    },\n    onSuccess: (res) => {\n      onSuccess(res, rawFile)\n      delete requests.value[uid]\n    },\n    onError: (err) => {\n      onError(err, rawFile)\n      delete requests.value[uid]\n    },\n  }\n  const request = httpRequest(options)\n  requests.value[uid] = request\n  if (request instanceof Promise) {\n    request.then(options.onSuccess, options.onError)\n  }\n}\n\nconst handleChange = (e: Event) => {\n  const files = (e.target as HTMLInputElement).files\n  if (!files) return\n  uploadFiles(Array.from(files))\n}\n\nconst handleClick = () => {\n  if (!disabled.value) {\n    inputRef.value!.value = ''\n    inputRef.value!.click()\n  }\n}\n\nconst handleKeydown = () => {\n  handleClick()\n}\n\nconst abort = (file?: UploadFile) => {\n  const _reqs = entriesOf(requests.value).filter(\n    file ? ([uid]) => String(file.uid) === uid : () => true\n  )\n  _reqs.forEach(([uid, req]) => {\n    if (req instanceof XMLHttpRequest) req.abort()\n    delete requests.value[uid]\n  })\n}\n\ndefineExpose({\n  abort,\n  upload,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"upload-content.mjs","sources":["../../../../../../packages/components/upload/src/upload-content.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType } from '@element-plus/utils'\nimport { uploadBaseProps } from './upload'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type {\n  UploadFile,\n  UploadHooks,\n  UploadProgressEvent,\n  UploadRawFile,\n} from './upload'\nimport type UploadContent from './upload-content.vue'\nimport type { UploadAjaxError } from './ajax'\n\nexport const uploadContentProps = buildProps({\n  ...uploadBaseProps,\n\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  onRemove: {\n    type: definePropType<\n      (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onStart: {\n    type: definePropType<(rawFile: UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<(response: any, rawFile: UploadRawFile) => unknown>(\n      Function\n    ),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<\n      (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<\n      (err: UploadAjaxError, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadContentProps = ExtractPropTypes<typeof uploadContentProps>\n\nexport type UploadContentInstance = InstanceType<typeof UploadContent>\n"],"names":[],"mappings":";;;;AAEY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,GAAG,eAAe;AACpB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}