@element-plus/nightly 0.0.20251221 → 0.0.20251222

package/lib/components/tooltip/src/content2.js

@@ -2,221 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../popper/index.js');
-var index$2 = require('../../teleport/index.js');
-var constants = require('./constants.js');
-var content = require('./content.js');
-var utils = require('./utils.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-popper-container/index.js');
-var arrays = require('../../../utils/arrays.js');
-var content$1 = require('../../popper/src/content2.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var aria = require('../../../utils/dom/aria.js');
-var event = require('../../../utils/dom/event.js');
+var index = require('../../../hooks/use-delayed-toggle/index.js');
+var content = require('../../popper/src/content.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var teleport = require('../../teleport/src/teleport.js');
+var index$1 = require('../../../hooks/use-aria/index.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElTooltipContent",
-    inheritAttrs: false
+const useTooltipContentProps = runtime.buildProps({
+  ...index.useDelayedToggleProps,
+  ...content.popperContentProps,
+  appendTo: {
+    type: teleport.teleportProps.to.type
   },
-  __name: "content",
-  props: content.useTooltipContentProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { selector } = index.usePopperContainerId();
-    const ns = index$1.useNamespace("tooltip");
-    const contentRef = vue.ref();
-    const popperContentRef = core.computedEager(() => {
-      var _a;
-      return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
-    });
-    let stopHandle;
-    const {
-      controlled,
-      id,
-      open,
-      trigger,
-      onClose,
-      onOpen,
-      onShow,
-      onHide,
-      onBeforeShow,
-      onBeforeHide
-    } = vue.inject(constants.TOOLTIP_INJECTION_KEY, void 0);
-    const transitionClass = vue.computed(() => {
-      return props.transition || `${ns.namespace.value}-fade-in-linear`;
-    });
-    const persistentRef = vue.computed(() => {
-      if (process.env.NODE_ENV === "test") {
-        if (!process.env.RUN_TEST_WITH_PERSISTENT) {
-          return true;
-        }
-      }
-      return props.persistent;
-    });
-    vue.onBeforeUnmount(() => {
-      stopHandle == null ? void 0 : stopHandle();
-    });
-    const shouldRender = vue.computed(() => {
-      return vue.unref(persistentRef) ? true : vue.unref(open);
-    });
-    const shouldShow = vue.computed(() => {
-      return props.disabled ? false : vue.unref(open);
-    });
-    const appendTo = vue.computed(() => {
-      return props.appendTo || selector.value;
-    });
-    const contentStyle = vue.computed(() => {
-      var _a;
-      return (_a = props.style) != null ? _a : {};
-    });
-    const ariaHidden = vue.ref(true);
-    const onTransitionLeave = () => {
-      onHide();
-      isFocusInsideContent() && aria.focusElement(document.body, { preventScroll: true });
-      ariaHidden.value = true;
-    };
-    const stopWhenControlled = () => {
-      if (vue.unref(controlled))
-        return true;
-    };
-    const onContentEnter = event.composeEventHandlers(stopWhenControlled, () => {
-      if (props.enterable && utils.isTriggerType(vue.unref(trigger), "hover")) {
-        onOpen();
-      }
-    });
-    const onContentLeave = event.composeEventHandlers(stopWhenControlled, () => {
-      if (utils.isTriggerType(vue.unref(trigger), "hover")) {
-        onClose();
-      }
-    });
-    const onBeforeEnter = () => {
-      var _a, _b;
-      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-      onBeforeShow == null ? void 0 : onBeforeShow();
-    };
-    const onBeforeLeave = () => {
-      onBeforeHide == null ? void 0 : onBeforeHide();
-    };
-    const onAfterShow = () => {
-      onShow();
-    };
-    const onBlur = () => {
-      if (!props.virtualTriggering) {
-        onClose();
-      }
-    };
-    const isFocusInsideContent = (event) => {
-      var _a;
-      const popperContent = (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
-      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
-      return popperContent == null ? void 0 : popperContent.contains(activeElement);
-    };
-    vue.watch(
-      () => vue.unref(open),
-      (val) => {
-        if (!val) {
-          stopHandle == null ? void 0 : stopHandle();
-        } else {
-          ariaHidden.value = false;
-          stopHandle = core.onClickOutside(
-            popperContentRef,
-            () => {
-              if (vue.unref(controlled))
-                return;
-              const needClose = arrays.castArray(vue.unref(trigger)).every((item) => {
-                return item !== "hover" && item !== "focus";
-              });
-              if (needClose) {
-                onClose();
-              }
-            },
-            { detectIframe: true }
-          );
-        }
-      },
-      {
-        flush: "post"
-      }
-    );
-    vue.watch(
-      () => props.content,
-      () => {
-        var _a, _b;
-        (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-      }
-    );
-    __expose({
-      contentRef,
-      isFocusInsideContent
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTeleport), {
-        disabled: !_ctx.teleported,
-        to: appendTo.value
-      }, {
-        default: vue.withCtx(() => [
-          shouldRender.value || !ariaHidden.value ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-            key: 0,
-            name: transitionClass.value,
-            appear: !persistentRef.value,
-            onAfterLeave: onTransitionLeave,
-            onBeforeEnter,
-            onAfterEnter: onAfterShow,
-            onBeforeLeave,
-            persisted: ""
-          }, {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createVNode(vue.unref(content$1["default"]), vue.mergeProps({
-                id: vue.unref(id),
-                ref_key: "contentRef",
-                ref: contentRef
-              }, _ctx.$attrs, {
-                "aria-label": _ctx.ariaLabel,
-                "aria-hidden": ariaHidden.value,
-                "boundaries-padding": _ctx.boundariesPadding,
-                "fallback-placements": _ctx.fallbackPlacements,
-                "gpu-acceleration": _ctx.gpuAcceleration,
-                offset: _ctx.offset,
-                placement: _ctx.placement,
-                "popper-options": _ctx.popperOptions,
-                "arrow-offset": _ctx.arrowOffset,
-                strategy: _ctx.strategy,
-                effect: _ctx.effect,
-                enterable: _ctx.enterable,
-                pure: _ctx.pure,
-                "popper-class": _ctx.popperClass,
-                "popper-style": [_ctx.popperStyle, contentStyle.value],
-                "reference-el": _ctx.referenceEl,
-                "trigger-target-el": _ctx.triggerTargetEl,
-                visible: shouldShow.value,
-                "z-index": _ctx.zIndex,
-                loop: _ctx.loop,
-                onMouseenter: vue.unref(onContentEnter),
-                onMouseleave: vue.unref(onContentLeave),
-                onBlur,
-                onClose: vue.unref(onClose)
-              }), {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "arrow-offset", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "loop", "onMouseenter", "onMouseleave", "onClose"]), [
-                [vue.vShow, shouldShow.value]
-              ])
-            ]),
-            _: 3
-          }, 8, ["name", "appear"])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["disabled", "to"]);
-    };
-  }
+  content: {
+    type: String,
+    default: ""
+  },
+  rawContent: Boolean,
+  persistent: Boolean,
+  visible: {
+    type: runtime.definePropType(Boolean),
+    default: null
+  },
+  transition: String,
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  disabled: Boolean,
+  ...index$1.useAriaProps(["ariaLabel"])
 });
-var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]);
 
-exports["default"] = ElTooltipContent;
+exports.useTooltipContentProps = useTooltipContentProps;
 //# sourceMappingURL=content2.js.map

package/lib/components/tooltip/src/content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      v-if=\"shouldRender || !ariaHidden\"\n      :name=\"transitionClass\"\n      :appear=\"!persistentRef\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n      @before-leave=\"onBeforeLeave\"\n    >\n      <el-popper-content\n        v-show=\"shouldShow\"\n        :id=\"id\"\n        ref=\"contentRef\"\n        v-bind=\"$attrs\"\n        :aria-label=\"ariaLabel\"\n        :aria-hidden=\"ariaHidden\"\n        :boundaries-padding=\"boundariesPadding\"\n        :fallback-placements=\"fallbackPlacements\"\n        :gpu-acceleration=\"gpuAcceleration\"\n        :offset=\"offset\"\n        :placement=\"placement\"\n        :popper-options=\"popperOptions\"\n        :arrow-offset=\"arrowOffset\"\n        :strategy=\"strategy\"\n        :effect=\"effect\"\n        :enterable=\"enterable\"\n        :pure=\"pure\"\n        :popper-class=\"popperClass\"\n        :popper-style=\"[popperStyle!, contentStyle]\"\n        :reference-el=\"referenceEl\"\n        :trigger-target-el=\"triggerTargetEl\"\n        :visible=\"shouldShow\"\n        :z-index=\"zIndex\"\n        :loop=\"loop\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n        @blur=\"onBlur\"\n        @close=\"onClose\"\n      >\n        <slot />\n      </el-popper-content>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { computedEager, onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport {\n  castArray,\n  composeEventHandlers,\n  focusElement,\n} from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipContentProps } from './content'\nimport { isTriggerType } from './utils'\n\nimport type { PopperContentInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltipContent',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(useTooltipContentProps)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n\nconst contentRef = ref<PopperContentInstance>()\nconst popperContentRef = computedEager(() => contentRef.value?.popperContentRef)\nlet stopHandle: ReturnType<typeof onClickOutside>\nconst {\n  controlled,\n  id,\n  open,\n  trigger,\n  onClose,\n  onOpen,\n  onShow,\n  onHide,\n  onBeforeShow,\n  onBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!\nconst transitionClass = computed(() => {\n  return props.transition || `${ns.namespace.value}-fade-in-linear`\n})\nconst persistentRef = computed(() => {\n  // For testing, we would always want the content to be rendered\n  // to the DOM, so we need to return true here.\n  if (process.env.NODE_ENV === 'test') {\n    if (!process.env.RUN_TEST_WITH_PERSISTENT) {\n      return true\n    }\n  }\n  return props.persistent\n})\n\nonBeforeUnmount(() => {\n  stopHandle?.()\n})\n\nconst shouldRender = computed(() => {\n  return unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n  return props.disabled ? false : unref(open)\n})\n\nconst appendTo = computed(() => {\n  return props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => props.style ?? {})\n\nconst ariaHidden = ref(true)\n\nconst onTransitionLeave = () => {\n  onHide()\n  isFocusInsideContent() && focusElement(document.body, { preventScroll: true })\n  ariaHidden.value = true\n}\n\nconst stopWhenControlled = () => {\n  if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n  if (props.enterable && isTriggerType(unref(trigger), 'hover')) {\n    onOpen()\n  }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n  if (isTriggerType(unref(trigger), 'hover')) {\n    onClose()\n  }\n})\n\nconst onBeforeEnter = () => {\n  contentRef.value?.updatePopper?.()\n  onBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n  onBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n  onShow()\n}\n\nconst onBlur = () => {\n  if (!props.virtualTriggering) {\n    onClose()\n  }\n}\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent?.contains(activeElement)\n}\n\nwatch(\n  () => unref(open),\n  (val) => {\n    if (!val) {\n      stopHandle?.()\n    } else {\n      ariaHidden.value = false\n      stopHandle = onClickOutside(\n        popperContentRef,\n        () => {\n          if (unref(controlled)) return\n          const needClose = castArray(unref(trigger)).every((item) => {\n            return item !== 'hover' && item !== 'focus'\n          })\n          if (needClose) {\n            onClose()\n          }\n        },\n        { detectIframe: true }\n      )\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n\nwatch(\n  () => props.content,\n  () => {\n    contentRef.value?.updatePopper?.()\n  }\n)\n\ndefineExpose({\n  /**\n   * @description el-popper-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-popper-content\n   */\n  isFocusInsideContent,\n})\n</script>\n"],"names":["usePopperContainerId","useNamespace","ref","computedEager","inject","TOOLTIP_INJECTION_KEY","computed","onBeforeUnmount","unref","focusElement","composeEventHandlers","isTriggerType","watch","onClickOutside","castArray","_createBlock","_unref","ElTeleport","teleported","_openBlock","_Transition","_withDirectives","_createVNode","_mergeProps","$attrs","ariaLabel","boundariesPadding","fallbackPlacements","gpuAcceleration","offset","placement","popperOptions","arrowOffset","strategy","effect","enterable","pure","popperClass","popperStyle","referenceEl","triggerTargetEl","zIndex","loop","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tooltip/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperContentProps } from '@element-plus/components/popper'\nimport { useAriaProps, useDelayedToggleProps } from '@element-plus/hooks'\nimport { teleportProps } from '@element-plus/components/teleport'\n\nimport type TooltipContent from './content.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const useTooltipContentProps = buildProps({\n  ...useDelayedToggleProps,\n  ...popperContentProps,\n  /**\n   * @description which element the tooltip CONTENT appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n  },\n  /**\n   * @description display content, can be overridden by `slot#content`\n   */\n  content: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `content` is treated as HTML string\n   */\n  rawContent: Boolean,\n  /**\n   * @description when tooltip inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent: Boolean,\n  // because model toggle prop is generated dynamically\n  // so the typing cannot be evaluated by typescript as type:\n  // [name]: { type: Boolean, default: null }\n  // so we need to declare that again for type checking.\n  /**\n   * @description visibility of Tooltip\n   */\n  visible: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  /**\n   * @description animation name\n   */\n  transition: String,\n  /**\n   * @description whether tooltip content is teleported, if `true` it will be teleported to where `append-to` sets\n   */\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether Tooltip is disabled\n   */\n  disabled: Boolean,\n  ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\nexport type ElTooltipContentPropsPublic = ExtractPublicPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type TooltipContentInstance = InstanceType<typeof TooltipContent> &\n  unknown\n"],"names":["buildProps","useDelayedToggleProps","popperContentProps","teleportProps","definePropType","useAriaProps"],"mappings":";;;;;;;;;;AAQO,MAAM,yBAAyBA,kBAAW,CAAA;AAAA,EAC/C,GAAGC,2BAAA;AAAA,EACH,GAAGC,0BAAA;AAAA,EAIH,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAc,EAAG,CAAA,IAAA;AAAA,GACzB;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA,OAAA;AAAA,EAIZ,UAAY,EAAA,OAAA;AAAA,EAQZ,OAAS,EAAA;AAAA,IACP,IAAA,EAAMC,uBAA+B,OAAO,CAAA;AAAA,IAC5C,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA,MAAA;AAAA,EAIZ,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EACV,GAAGC,oBAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAU;;;;"}

package/lib/components/tooltip/src/tooltip.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var content = require('./content.js');
+var content = require('./content2.js');
 var trigger = require('./trigger.js');
 var popper = require('../../popper/src/popper.js');
 var arrow = require('../../popper/src/arrow.js');

package/lib/components/tooltip/src/tooltip2.js

@@ -7,7 +7,7 @@ var index$4 = require('../../popper/index.js');
 var constants = require('./constants.js');
 var tooltip = require('./tooltip.js');
 var trigger = require('./trigger2.js');
-var content = require('./content2.js');
+var content = require('./content.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-popper-container/index.js');
 var index$3 = require('../../../hooks/use-delayed-toggle/index.js');

package/lib/components/upload/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload$1 = require('./src/upload2.js');
-var upload = require('./src/upload.js');
+var upload$1 = require('./src/upload.js');
+var upload = require('./src/upload2.js');
 var uploadContent = require('./src/upload-content.js');
 var uploadList = require('./src/upload-list.js');
 var uploadDragger = require('./src/upload-dragger.js');

package/lib/components/upload/src/upload-content.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var shared = require('@vue/shared');
 

package/lib/components/upload/src/upload-content2.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var lodashUnified = require('lodash-unified');
 var uploadDragger = require('./upload-dragger2.js');
 var uploadContent = require('./upload-content.js');
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var objects = require('../../../utils/objects.js');
 var index = require('../../../hooks/use-namespace/index.js');

package/lib/components/upload/src/upload-list.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var typescript = require('../../../utils/typescript.js');
 var shared = require('@vue/shared');

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

@@ -2,112 +2,146 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ajax = require('./ajax.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var shared = require('@vue/shared');
-var typescript = require('../../../utils/typescript.js');
+var vue = require('vue');
+var constants = require('./constants.js');
+var uploadList = require('./upload-list2.js');
+var uploadContent = require('./upload-content2.js');
+var useHandlers = require('./use-handlers.js');
+var upload = require('./upload2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
-const uploadListTypes = ["text", "picture", "picture-card"];
-let fileId = 1;
-const genFileId = () => Date.now() + fileId++;
-const uploadBaseProps = runtime.buildProps({
-  action: {
-    type: String,
-    default: "#"
-  },
-  headers: {
-    type: runtime.definePropType(Object)
-  },
-  method: {
-    type: String,
-    default: "post"
-  },
-  data: {
-    type: runtime.definePropType([Object, Function, Promise]),
-    default: () => typescript.mutable({})
-  },
-  multiple: Boolean,
-  name: {
-    type: String,
-    default: "file"
-  },
-  drag: Boolean,
-  withCredentials: Boolean,
-  showFileList: {
-    type: Boolean,
-    default: true
-  },
-  accept: {
-    type: String,
-    default: ""
-  },
-  fileList: {
-    type: runtime.definePropType(Array),
-    default: () => typescript.mutable([])
-  },
-  autoUpload: {
-    type: Boolean,
-    default: true
-  },
-  listType: {
-    type: String,
-    values: uploadListTypes,
-    default: "text"
-  },
-  httpRequest: {
-    type: runtime.definePropType(Function),
-    default: ajax.ajaxUpload
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  limit: Number
-});
-const uploadProps = runtime.buildProps({
-  ...uploadBaseProps,
-  beforeUpload: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  beforeRemove: {
-    type: runtime.definePropType(Function)
-  },
-  onRemove: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onChange: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onPreview: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onSuccess: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onProgress: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onError: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onExceed: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  crossorigin: {
-    type: runtime.definePropType(String)
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElUpload"
+  },
+  __name: "upload",
+  props: upload.uploadProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const disabled = useFormCommonProps.useFormDisabled();
+    const uploadRef = vue.shallowRef();
+    const {
+      abort,
+      submit,
+      clearFiles,
+      uploadFiles,
+      handleStart,
+      handleError,
+      handleRemove,
+      handleSuccess,
+      handleProgress,
+      revokeFileObjectURL
+    } = useHandlers.useHandlers(props, uploadRef);
+    const isPictureCard = vue.computed(() => props.listType === "picture-card");
+    const uploadContentProps = vue.computed(() => ({
+      ...props,
+      fileList: uploadFiles.value,
+      onStart: handleStart,
+      onProgress: handleProgress,
+      onSuccess: handleSuccess,
+      onError: handleError,
+      onRemove: handleRemove
+    }));
+    vue.onBeforeUnmount(() => {
+      uploadFiles.value.forEach(revokeFileObjectURL);
+    });
+    vue.provide(constants.uploadContextKey, {
+      accept: vue.toRef(props, "accept")
+    });
+    __expose({
+      abort,
+      submit,
+      clearFiles,
+      handleStart,
+      handleRemove
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        isPictureCard.value && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 0,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          crossorigin: _ctx.crossorigin,
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({
+          append: vue.withCtx(() => [
+            vue.createVNode(
+              uploadContent["default"],
+              vue.mergeProps({
+                ref_key: "uploadRef",
+                ref: uploadRef
+              }, uploadContentProps.value),
+              {
+                default: vue.withCtx(() => [
+                  _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+                  !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 3
+              },
+              16
+            )
+          ]),
+          _: 2
+        }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file, index }) => [
+              vue.renderSlot(_ctx.$slots, "file", {
+                file,
+                index
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true),
+        !isPictureCard.value || isPictureCard.value && !_ctx.showFileList ? (vue.openBlock(), vue.createBlock(
+          uploadContent["default"],
+          vue.mergeProps({
+            key: 1,
+            ref_key: "uploadRef",
+            ref: uploadRef
+          }, uploadContentProps.value),
+          {
+            default: vue.withCtx(() => [
+              _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+              !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          },
+          16
+        )) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "tip"),
+        !isPictureCard.value && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 3,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          crossorigin: _ctx.crossorigin,
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({
+          _: 2
+        }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file, index }) => [
+              vue.renderSlot(_ctx.$slots, "file", {
+                file,
+                index
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
   }
 });
+var Upload = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload.vue"]]);
 
-exports.genFileId = genFileId;
-exports.uploadBaseProps = uploadBaseProps;
-exports.uploadListTypes = uploadListTypes;
-exports.uploadProps = uploadProps;
+exports["default"] = Upload;
 //# sourceMappingURL=upload.js.map