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