@element-plus/nightly 0.0.20220303 → 0.0.20220306

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

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
+var uploadList = require('./upload-list2.js');
+var uploadContent = require('./upload-content2.js');
+var useHandlers = require('./use-handlers.js');
+var upload = require('./upload.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var upload$1 = require('../../../tokens/upload.js');
+
+const __default__ = {
+  name: "ElUpload"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: upload.uploadProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const disabled = index.useDisabled();
+    const uploadRef = vue.shallowRef();
+    const {
+      abort,
+      submit,
+      clearFiles,
+      uploadFiles,
+      handleStart,
+      handleError,
+      handleRemove,
+      handleSuccess,
+      handleProgress
+    } = useHandlers.useHandlers(props, uploadRef);
+    const isPictureCard = vue.computed(() => props.listType === "picture-card");
+    vue.onBeforeUnmount(() => {
+      uploadFiles.value.forEach(({ url }) => {
+        if (url == null ? void 0 : url.startsWith("blob:"))
+          URL.revokeObjectURL(url);
+      });
+    });
+    vue.provide(upload$1.uploadContextKey, {
+      accept: vue.toRef(props, "accept")
+    });
+    expose({
+      abort,
+      submit,
+      clearFiles,
+      handleStart,
+      handleRemove
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.unref(isPictureCard) && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 0,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({ _: 2 }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file }) => [
+              vue.renderSlot(_ctx.$slots, "file", { file })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(uploadContent["default"], {
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          type: _ctx.type,
+          drag: _ctx.drag,
+          action: _ctx.action,
+          multiple: _ctx.multiple,
+          "with-credentials": _ctx.withCredentials,
+          headers: _ctx.headers,
+          method: _ctx.method,
+          name: _ctx.name,
+          data: _ctx.data,
+          accept: _ctx.accept,
+          "file-list": vue.unref(uploadFiles),
+          "auto-upload": _ctx.autoUpload,
+          "list-type": _ctx.listType,
+          disabled: vue.unref(disabled),
+          limit: _ctx.limit,
+          "http-request": _ctx.httpRequest,
+          "before-upload": _ctx.beforeUpload,
+          "on-exceed": _ctx.onExceed,
+          "on-start": vue.unref(handleStart),
+          "on-progress": vue.unref(handleProgress),
+          "on-success": vue.unref(handleSuccess),
+          "on-error": vue.unref(handleError),
+          "on-remove": vue.unref(handleRemove)
+        }, {
+          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
+        }, 8, ["type", "drag", "action", "multiple", "with-credentials", "headers", "method", "name", "data", "accept", "file-list", "auto-upload", "list-type", "disabled", "limit", "http-request", "before-upload", "on-exceed", "on-start", "on-progress", "on-success", "on-error", "on-remove"]),
+        _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "tip"),
+        !vue.unref(isPictureCard) && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 2,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({ _: 2 }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file }) => [
+              vue.renderSlot(_ctx.$slots, "file", { file })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports["default"] = _sfc_main;
+//# sourceMappingURL=upload2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload2.js","sources":["../../../../../../packages/components/upload/src/upload.vue"],"sourcesContent":["<template>\n  <div>\n    <upload-list\n      v-if=\"isPictureCard && showFileList\"\n      :disabled=\"disabled\"\n      :list-type=\"listType\"\n      :files=\"uploadFiles\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file }\">\n        <slot name=\"file\" :file=\"file\"></slot>\n      </template>\n    </upload-list>\n    <upload-content\n      ref=\"uploadRef\"\n      :type=\"type\"\n      :drag=\"drag\"\n      :action=\"action\"\n      :multiple=\"multiple\"\n      :with-credentials=\"withCredentials\"\n      :headers=\"headers\"\n      :method=\"method\"\n      :name=\"name\"\n      :data=\"data\"\n      :accept=\"accept\"\n      :file-list=\"uploadFiles\"\n      :auto-upload=\"autoUpload\"\n      :list-type=\"listType\"\n      :disabled=\"disabled\"\n      :limit=\"limit\"\n      :http-request=\"httpRequest\"\n      :before-upload=\"beforeUpload\"\n      :on-exceed=\"onExceed\"\n      :on-start=\"handleStart\"\n      :on-progress=\"handleProgress\"\n      :on-success=\"handleSuccess\"\n      :on-error=\"handleError\"\n      :on-remove=\"handleRemove\"\n    >\n      <template #default>\n        <slot v-if=\"$slots.trigger\" name=\"trigger\" />\n        <slot v-if=\"!$slots.trigger && $slots.default\" />\n      </template>\n    </upload-content>\n    <slot v-if=\"$slots.trigger\" />\n    <slot name=\"tip\" />\n    <upload-list\n      v-if=\"!isPictureCard && showFileList\"\n      :disabled=\"disabled\"\n      :list-type=\"listType\"\n      :files=\"uploadFiles\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file }\">\n        <slot name=\"file\" :file=\"file\" />\n      </template>\n    </upload-list>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, provide, onBeforeUnmount, toRef, shallowRef } from 'vue'\nimport { uploadContextKey } from '@element-plus/tokens'\nimport { useDisabled } from '@element-plus/hooks'\n\nimport UploadList from './upload-list.vue'\nimport UploadContent from './upload-content.vue'\nimport { useHandlers } from './use-handlers'\nimport { uploadProps } from './upload'\nimport type { UploadContentInstance } from './upload-content'\n\ndefineOptions({\n  name: 'ElUpload',\n})\n\nconst props = defineProps(uploadProps)\nconst disabled = useDisabled()\n\nconst uploadRef = shallowRef<UploadContentInstance>()\nconst {\n  abort,\n  submit,\n  clearFiles,\n  uploadFiles,\n  handleStart,\n  handleError,\n  handleRemove,\n  handleSuccess,\n  handleProgress,\n} = useHandlers(props, uploadRef)\n\nconst isPictureCard = computed(() => props.listType === 'picture-card')\n\nonBeforeUnmount(() => {\n  uploadFiles.value.forEach(({ url }) => {\n    if (url?.startsWith('blob:')) URL.revokeObjectURL(url)\n  })\n})\n\nprovide(uploadContextKey, {\n  accept: toRef(props, 'accept'),\n})\n\ndefineExpose({\n  /** @description cancel upload request */\n  abort,\n  /** @description upload the file list manually */\n  submit,\n  /** @description clear the file list  */\n  clearFiles,\n  /** @description select the file manually */\n  handleStart,\n  /** @description remove the file manually */\n  handleRemove,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6EA;AAEA;AACA;;;;;;;;;;;AAYA;AAEA;;;;;;AAMA;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/upload/src/{useHandlers.d.ts → use-handlers.d.ts}

@@ -1,13 +1,15 @@
 /// <reference types="node" />
-import type { UploadFile, UploadStatus, ElFile, ElUploadProgressEvent, IUseHandlersProps } from './upload.type';
-declare const _default: (props: IUseHandlersProps) => {
+import type { ShallowRef } from 'vue';
+import type { UploadContentInstance } from './upload-content';
+import type { UploadRawFile, UploadFile, UploadProps, UploadStatus } from './upload';
+export declare const useHandlers: (props: UploadProps, uploadRef: ShallowRef<UploadContentInstance | undefined>) => {
     abort: (file: UploadFile) => void;
-    clearFiles: (status?: UploadStatus[]) => void;
-    handleError: (err: Error, rawFile: ElFile) => void;
-    handleProgress: (ev: ElUploadProgressEvent, rawFile: ElFile) => void;
-    handleStart: (rawFile: ElFile) => void;
-    handleSuccess: (res: any, rawFile: ElFile) => void;
-    handleRemove: (file: UploadFile, raw: ElFile) => void;
+    clearFiles: (states?: UploadStatus[]) => void;
+    handleError: (err: import("./ajax").UploadAjaxError, rawFile: UploadRawFile) => void;
+    handleProgress: (evt: import("./upload").UploadProgressEvent, rawFile: UploadRawFile) => void;
+    handleStart: (rawFile: UploadRawFile) => void;
+    handleSuccess: (response: any, rawFile: UploadRawFile) => unknown;
+    handleRemove: (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile | undefined) => void;
     submit: () => void;
     uploadFiles: import("vue").Ref<{
         name: string;
@@ -42,9 +44,4 @@ declare const _default: (props: IUseHandlersProps) => {
             };
         };
     }[]>;
-    uploadRef: import("vue").Ref<{
-        abort: (file: UploadFile) => void;
-        upload: (file: ElFile) => void;
-    }>;
 };
-export default _default;

package/lib/components/upload/src/use-handlers.js

@@ -0,0 +1,146 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+require('../../../hooks/index.js');
+var upload = require('./upload.js');
+var error = require('../../../utils/error.js');
+var index = require('../../../hooks/use-deprecated/index.js');
+
+const SCOPE = "ElUpload";
+const revokeObjectURL = (file) => {
+  var _a;
+  if ((_a = file.url) == null ? void 0 : _a.startsWith("blob:")) {
+    URL.revokeObjectURL(file.url);
+  }
+};
+const useHandlers = (props, uploadRef) => {
+  const uploadFiles = vue.ref([]);
+  const getFile = (rawFile) => uploadFiles.value.find((file) => file.uid === rawFile.uid);
+  function abort(file) {
+    var _a;
+    (_a = uploadRef.value) == null ? void 0 : _a.abort(file);
+  }
+  function clearFiles(states = ["ready", "uploading", "success", "fail"]) {
+    uploadFiles.value = uploadFiles.value.filter((row) => !states.includes(row.status));
+  }
+  const handleError = (err, rawFile) => {
+    const file = getFile(rawFile);
+    if (!file)
+      return;
+    file.status = "fail";
+    uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
+    props.onError(err, file, uploadFiles.value);
+    props.onChange(file, uploadFiles.value);
+  };
+  const handleProgress = (evt, rawFile) => {
+    const file = getFile(rawFile);
+    if (!file)
+      return;
+    props.onProgress(evt, file, uploadFiles.value);
+    file.status = "uploading";
+    file.percentage = evt.percent;
+  };
+  const handleSuccess = (response, rawFile) => {
+    const file = getFile(rawFile);
+    if (!file)
+      return;
+    file.status = "success";
+    file.response = response;
+    props.onSuccess(response, file, uploadFiles.value);
+    props.onChange(file, uploadFiles.value);
+  };
+  const handleStart = (file) => {
+    const uploadFile = {
+      name: file.name,
+      percentage: 0,
+      status: "ready",
+      size: file.size,
+      raw: file,
+      uid: file.uid
+    };
+    if (props.listType === "picture-card" || props.listType === "picture") {
+      try {
+        uploadFile.url = URL.createObjectURL(file);
+      } catch (err) {
+        error.debugWarn(SCOPE, err.message);
+        props.onError(err, uploadFile, uploadFiles.value);
+      }
+    }
+    uploadFiles.value.push(uploadFile);
+    props.onChange(uploadFile, uploadFiles.value);
+  };
+  const handleRemove = async (file, rawFile) => {
+    if (rawFile) {
+      index.useDeprecated({
+        scope: SCOPE,
+        from: "handleRemove second argument",
+        version: "2.2",
+        replacement: "first argument `file`",
+        ref: "https://element-plus.org/en-US/component/upload.html#methods"
+      }, true);
+    }
+    const _file = rawFile || file;
+    const uploadFile = _file instanceof File ? getFile(_file) : _file;
+    if (!uploadFile)
+      error.throwError(SCOPE, "file to be removed not found");
+    const doRemove = (file2) => {
+      abort(file2);
+      const fileList = uploadFiles.value;
+      fileList.splice(fileList.indexOf(file2), 1);
+      props.onRemove(file2, fileList);
+      revokeObjectURL(file2);
+    };
+    if (props.beforeRemove) {
+      const before = await props.beforeRemove(uploadFile, uploadFiles.value);
+      if (before !== false)
+        doRemove(uploadFile);
+    } else {
+      doRemove(uploadFile);
+    }
+  };
+  function submit() {
+    uploadFiles.value.filter(({ status }) => status === "ready").forEach(({ raw }) => {
+      var _a;
+      return (_a = uploadRef.value) == null ? void 0 : _a.upload(raw);
+    });
+  }
+  vue.watch(() => props.listType, (val) => {
+    if (val !== "picture-card" && val !== "picture") {
+      return;
+    }
+    uploadFiles.value = uploadFiles.value.map((file) => {
+      const { raw, url } = file;
+      if (!url && raw) {
+        try {
+          file.url = URL.createObjectURL(raw);
+        } catch (err) {
+          props.onError(err, file, uploadFiles.value);
+        }
+      }
+      return file;
+    });
+  });
+  vue.watch(() => props.fileList, (fileList) => {
+    for (const file of fileList) {
+      file.uid = upload.genFileId();
+      file.status || (file.status = "success");
+    }
+  }, { immediate: true });
+  return {
+    abort,
+    clearFiles,
+    handleError,
+    handleProgress,
+    handleStart,
+    handleSuccess,
+    handleRemove,
+    submit,
+    uploadFiles
+  };
+};
+
+exports.useHandlers = useHandlers;
+//# sourceMappingURL=use-handlers.js.map

package/lib/components/upload/src/use-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-handlers.js","sources":["../../../../../../packages/components/upload/src/use-handlers.ts"],"sourcesContent":["import { ref, watch } from 'vue'\nimport { debugWarn, throwError } from '@element-plus/utils'\nimport { useDeprecated } from '@element-plus/hooks'\nimport { genFileId } from './upload'\nimport type { ShallowRef } from 'vue'\nimport type {\n  UploadContentProps,\n  UploadContentInstance,\n} from './upload-content'\nimport type {\n  UploadRawFile,\n  UploadFile,\n  UploadProps,\n  UploadStatus,\n  UploadFiles,\n} from './upload'\n\nconst SCOPE = 'ElUpload'\n\nconst revokeObjectURL = (file: UploadFile) => {\n  if (file.url?.startsWith('blob:')) {\n    URL.revokeObjectURL(file.url)\n  }\n}\n\nexport const useHandlers = (\n  props: UploadProps,\n  uploadRef: ShallowRef<UploadContentInstance | undefined>\n) => {\n  const uploadFiles = ref<UploadFiles>([])\n\n  const getFile = (rawFile: UploadRawFile) =>\n    uploadFiles.value.find((file) => file.uid === rawFile.uid)\n\n  function abort(file: UploadFile) {\n    uploadRef.value?.abort(file)\n  }\n\n  function clearFiles(\n    /** @default ['ready', 'uploading', 'success', 'fail'] */\n    states: UploadStatus[] = ['ready', 'uploading', 'success', 'fail']\n  ) {\n    uploadFiles.value = uploadFiles.value.filter(\n      (row) => !states.includes(row.status)\n    )\n  }\n\n  const handleError: UploadContentProps['onError'] = (err, rawFile) => {\n    const file = getFile(rawFile)\n    if (!file) return\n\n    file.status = 'fail'\n    uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1)\n    props.onError(err, file, uploadFiles.value)\n    props.onChange(file, uploadFiles.value)\n  }\n\n  const handleProgress: UploadContentProps['onProgress'] = (evt, rawFile) => {\n    const file = getFile(rawFile)\n    if (!file) return\n\n    props.onProgress(evt, file, uploadFiles.value)\n    file.status = 'uploading'\n    file.percentage = evt.percent\n  }\n\n  const handleSuccess: UploadContentProps['onSuccess'] = (\n    response,\n    rawFile\n  ) => {\n    const file = getFile(rawFile)\n    if (!file) return\n\n    file.status = 'success'\n    file.response = response\n    props.onSuccess(response, file, uploadFiles.value)\n    props.onChange(file, uploadFiles.value)\n  }\n\n  const handleStart: UploadContentProps['onStart'] = (file) => {\n    const uploadFile: UploadFile = {\n      name: file.name,\n      percentage: 0,\n      status: 'ready',\n      size: file.size,\n      raw: file,\n      uid: file.uid,\n    }\n    if (props.listType === 'picture-card' || props.listType === 'picture') {\n      try {\n        uploadFile.url = URL.createObjectURL(file)\n      } catch (err: unknown) {\n        debugWarn(SCOPE, (err as Error).message)\n        props.onError(err as Error, uploadFile, uploadFiles.value)\n      }\n    }\n    uploadFiles.value.push(uploadFile)\n    props.onChange(uploadFile, uploadFiles.value)\n  }\n\n  const handleRemove: UploadContentProps['onRemove'] = async (\n    file,\n    rawFile // TODO: deprecated in 2.2\n  ): Promise<void> => {\n    if (rawFile) {\n      useDeprecated(\n        {\n          scope: SCOPE,\n          from: 'handleRemove second argument',\n          version: '2.2',\n          replacement: 'first argument `file`',\n          ref: 'https://element-plus.org/en-US/component/upload.html#methods',\n        },\n        true\n      )\n    }\n\n    const _file = rawFile || file\n    const uploadFile = _file instanceof File ? getFile(_file) : _file\n    if (!uploadFile) throwError(SCOPE, 'file to be removed not found')\n\n    const doRemove = (file: UploadFile) => {\n      abort(file)\n      const fileList = uploadFiles.value\n      fileList.splice(fileList.indexOf(file), 1)\n      props.onRemove(file, fileList)\n      revokeObjectURL(file)\n    }\n\n    if (props.beforeRemove) {\n      const before = await props.beforeRemove(uploadFile, uploadFiles.value)\n      if (before !== false) doRemove(uploadFile)\n    } else {\n      doRemove(uploadFile)\n    }\n  }\n\n  function submit() {\n    uploadFiles.value\n      .filter(({ status }) => status === 'ready')\n      .forEach(({ raw }) => uploadRef.value?.upload(raw))\n  }\n\n  watch(\n    () => props.listType,\n    (val) => {\n      if (val !== 'picture-card' && val !== 'picture') {\n        return\n      }\n\n      uploadFiles.value = uploadFiles.value.map((file) => {\n        const { raw, url } = file\n        if (!url && raw) {\n          try {\n            file.url = URL.createObjectURL(raw)\n          } catch (err: unknown) {\n            props.onError(err as Error, file, uploadFiles.value)\n          }\n        }\n        return file\n      })\n    }\n  )\n\n  watch(\n    () => props.fileList,\n    (fileList) => {\n      for (const file of fileList) {\n        file.uid = genFileId()\n        file.status ||= 'success'\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    abort,\n    clearFiles,\n    handleError,\n    handleProgress,\n    handleStart,\n    handleSuccess,\n    handleRemove,\n    submit,\n    uploadFiles,\n  }\n}\n"],"names":["ref","debugWarn","useDeprecated","throwError","watch","genFileId"],"mappings":"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"}

package/lib/hooks/use-common-props/index.js

@@ -21,13 +21,13 @@ const useSize = (fallback, ignore = {}) => {
   const emptyRef = vue.ref(void 0);
   const size = ignore.prop ? emptyRef : index.useProp("size");
   const globalConfig = ignore.global ? emptyRef : index$1.useGlobalConfig("size");
-  const form$1 = ignore.form ? { size: void 0 } : vue.inject(form.elFormKey, void 0);
-  const formItem = ignore.formItem ? { size: void 0 } : vue.inject(form.elFormItemKey, void 0);
+  const form$1 = ignore.form ? { size: void 0 } : vue.inject(form.formContextKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : vue.inject(form.formItemContextKey, void 0);
   return vue.computed(() => size.value || vue.unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form$1 == null ? void 0 : form$1.size) || globalConfig.value || "default");
 };
 const useDisabled = (fallback) => {
   const disabled = index.useProp("disabled");
-  const form$1 = vue.inject(form.elFormKey, void 0);
+  const form$1 = vue.inject(form.formContextKey, void 0);
   return vue.computed(() => disabled.value || vue.unref(fallback) || (form$1 == null ? void 0 : form$1.disabled) || false);
 };
 

package/lib/hooks/use-common-props/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-common-props/index.ts"],"sourcesContent":["import { ref, unref, inject, computed } from 'vue'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { buildProp } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport { useProp } from '../use-prop'\nimport { useGlobalConfig } from '../use-global-config'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: componentSizes,\n  required: false,\n} as const)\n\nexport const useSize = (\n  fallback?: MaybeRef<ComponentSize | undefined>,\n  ignore: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>> = {}\n) => {\n  const emptyRef = ref(undefined)\n\n  const size = ignore.prop ? emptyRef : useProp<ComponentSize>('size')\n  const globalConfig = ignore.global ? emptyRef : useGlobalConfig('size')\n  const form = ignore.form ? { size: undefined } : inject(elFormKey, undefined)\n  const formItem = ignore.formItem\n    ? { size: undefined }\n    : inject(elFormItemKey, undefined)\n\n  return computed(\n    (): ComponentSize =>\n      size.value ||\n      unref(fallback) ||\n      formItem?.size ||\n      form?.size ||\n      globalConfig.value ||\n      'default'\n  )\n}\n\nexport const useDisabled = (fallback?: MaybeRef<boolean | undefined>) => {\n  const disabled = useProp<boolean>('disabled')\n  const form = inject(elFormKey, undefined)\n  return computed(\n    () => disabled.value || unref(fallback) || form?.disabled || false\n  )\n}\n"],"names":["buildProp","componentSizes","ref","useProp","useGlobalConfig","form","inject","elFormKey","elFormItemKey","computed","unref"],"mappings":";;;;;;;;;;;;;;AAMY,MAAC,WAAW,GAAGA,eAAS,CAAC;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAEC,mBAAc;AACxB,EAAE,QAAQ,EAAE,KAAK;AACjB,CAAC,EAAE;AACS,MAAC,OAAO,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,EAAE,KAAK;AAClD,EAAE,MAAM,QAAQ,GAAGC,OAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/B,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,QAAQ,GAAGC,aAAO,CAAC,MAAM,CAAC,CAAC;AACxD,EAAE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,QAAQ,GAAGC,uBAAe,CAAC,MAAM,CAAC,CAAC;AAC1E,EAAE,MAAMC,MAAI,GAAG,MAAM,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAGC,UAAM,CAACC,cAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1E,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAGD,UAAM,CAACE,kBAAa,EAAE,KAAK,CAAC,CAAC,CAAC;AACtF,EAAE,OAAOC,YAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,IAAIC,SAAK,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAKL,MAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAGA,MAAI,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;AAChL,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,QAAQ,KAAK;AACzC,EAAE,MAAM,QAAQ,GAAGF,aAAO,CAAC,UAAU,CAAC,CAAC;AACvC,EAAE,MAAME,MAAI,GAAGC,UAAM,CAACC,cAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AACzC,EAAE,OAAOE,YAAQ,CAAC,MAAM,QAAQ,CAAC,KAAK,IAAIC,SAAK,CAAC,QAAQ,CAAC,KAAKL,MAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAGA,MAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC;AAC/G;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-common-props/index.ts"],"sourcesContent":["import { ref, unref, inject, computed } from 'vue'\nimport { formItemContextKey, formContextKey } from '@element-plus/tokens'\nimport { buildProp } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport { useProp } from '../use-prop'\nimport { useGlobalConfig } from '../use-global-config'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: componentSizes,\n  required: false,\n} as const)\n\nexport const useSize = (\n  fallback?: MaybeRef<ComponentSize | undefined>,\n  ignore: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>> = {}\n) => {\n  const emptyRef = ref(undefined)\n\n  const size = ignore.prop ? emptyRef : useProp<ComponentSize>('size')\n  const globalConfig = ignore.global ? emptyRef : useGlobalConfig('size')\n  const form = ignore.form\n    ? { size: undefined }\n    : inject(formContextKey, undefined)\n  const formItem = ignore.formItem\n    ? { size: undefined }\n    : inject(formItemContextKey, undefined)\n\n  return computed(\n    (): ComponentSize =>\n      size.value ||\n      unref(fallback) ||\n      formItem?.size ||\n      form?.size ||\n      globalConfig.value ||\n      'default'\n  )\n}\n\nexport const useDisabled = (fallback?: MaybeRef<boolean | undefined>) => {\n  const disabled = useProp<boolean>('disabled')\n  const form = inject(formContextKey, undefined)\n  return computed(\n    () => disabled.value || unref(fallback) || form?.disabled || false\n  )\n}\n"],"names":["buildProp","componentSizes","ref","useProp","useGlobalConfig","form","inject","formContextKey","formItemContextKey","computed","unref"],"mappings":";;;;;;;;;;;;;;AAMY,MAAC,WAAW,GAAGA,eAAS,CAAC;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAEC,mBAAc;AACxB,EAAE,QAAQ,EAAE,KAAK;AACjB,CAAC,EAAE;AACS,MAAC,OAAO,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,EAAE,KAAK;AAClD,EAAE,MAAM,QAAQ,GAAGC,OAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/B,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,QAAQ,GAAGC,aAAO,CAAC,MAAM,CAAC,CAAC;AACxD,EAAE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,QAAQ,GAAGC,uBAAe,CAAC,MAAM,CAAC,CAAC;AAC1E,EAAE,MAAMC,MAAI,GAAG,MAAM,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAGC,UAAM,CAACC,mBAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC/E,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAGD,UAAM,CAACE,uBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3F,EAAE,OAAOC,YAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,IAAIC,SAAK,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAKL,MAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAGA,MAAI,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;AAChL,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,QAAQ,KAAK;AACzC,EAAE,MAAM,QAAQ,GAAGF,aAAO,CAAC,UAAU,CAAC,CAAC;AACvC,EAAE,MAAME,MAAI,GAAGC,UAAM,CAACC,mBAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9C,EAAE,OAAOE,YAAQ,CAAC,MAAM,QAAQ,CAAC,KAAK,IAAIC,SAAK,CAAC,QAAQ,CAAC,KAAKL,MAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAGA,MAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC;AAC/G;;;;;;"}

package/lib/hooks/use-form-item/index.d.ts

@@ -1,4 +1,4 @@
 export declare const useFormItem: () => {
-    form: import("element-plus/es/tokens").ElFormContext | undefined;
-    formItem: import("element-plus/es/tokens").ElFormItemContext | undefined;
+    form: import("element-plus/es/tokens").FormContext | undefined;
+    formItem: import("element-plus/es/tokens").FormItemContext | undefined;
 };

package/lib/hooks/use-form-item/index.js

@@ -7,8 +7,8 @@ require('../../tokens/index.js');
 var form = require('../../tokens/form.js');
 
 const useFormItem = () => {
-  const form$1 = vue.inject(form.elFormKey, void 0);
-  const formItem = vue.inject(form.elFormItemKey, void 0);
+  const form$1 = vue.inject(form.formContextKey, void 0);
+  const formItem = vue.inject(form.formItemContextKey, void 0);
   return {
     form: form$1,
     formItem

package/lib/hooks/use-form-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nexport const useFormItem = () => {\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n  return {\n    form,\n    formItem,\n  }\n}\n"],"names":["form","inject","elFormKey","elFormItemKey"],"mappings":";;;;;;;;AAEY,MAAC,WAAW,GAAG,MAAM;AACjC,EAAE,MAAMA,MAAI,GAAGC,UAAM,CAACC,cAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AACzC,EAAE,MAAM,QAAQ,GAAGD,UAAM,CAACE,kBAAa,EAAE,KAAK,CAAC,CAAC,CAAC;AACjD,EAAE,OAAO;AACT,UAAIH,MAAI;AACR,IAAI,QAAQ;AACZ,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\n\nexport const useFormItem = () => {\n  const form = inject(formContextKey, undefined)\n  const formItem = inject(formItemContextKey, undefined)\n  return {\n    form,\n    formItem,\n  }\n}\n"],"names":["form","inject","formContextKey","formItemContextKey"],"mappings":";;;;;;;;AAEY,MAAC,WAAW,GAAG,MAAM;AACjC,EAAE,MAAMA,MAAI,GAAGC,UAAM,CAACC,mBAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9C,EAAE,MAAM,QAAQ,GAAGD,UAAM,CAACE,uBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;AACtD,EAAE,OAAO;AACT,UAAIH,MAAI;AACR,IAAI,QAAQ;AACZ,GAAG,CAAC;AACJ;;;;"}

package/lib/index.js

@@ -61,6 +61,8 @@ var tokens = require('./components/dropdown/src/tokens.js');
 var index$q = require('./components/dropdown/index.js');
 var empty = require('./components/empty/src/empty.js');
 var index$r = require('./components/empty/index.js');
+var form = require('./components/form/src/form.js');
+var formItem = require('./components/form/src/form-item.js');
 var index$s = require('./components/form/index.js');
 var icon = require('./components/icon/src/icon.js');
 var index$t = require('./components/icon/index.js');
@@ -148,6 +150,10 @@ var event = require('./constants/event.js');
 var index$Z = require('./components/transfer/index.js');
 var index$_ = require('./components/tree/index.js');
 var index$$ = require('./components/tree-v2/index.js');
+var upload = require('./components/upload/src/upload.js');
+var uploadContent = require('./components/upload/src/upload-content.js');
+var uploadList = require('./components/upload/src/upload-list.js');
+var uploadDragger = require('./components/upload/src/upload-dragger.js');
 var index$10 = require('./components/upload/index.js');
 var fixedSizeList = require('./components/virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-size-list.js');
@@ -199,11 +205,12 @@ var button$1 = require('./tokens/button.js');
 var collapse$1 = require('./tokens/collapse.js');
 var configProvider$1 = require('./tokens/config-provider.js');
 var dialog$1 = require('./tokens/dialog.js');
-var form = require('./tokens/form.js');
+var form$1 = require('./tokens/form.js');
 var pagination$1 = require('./tokens/pagination.js');
 var radio$1 = require('./tokens/radio.js');
 var scrollbar$1 = require('./tokens/scrollbar.js');
 var tabs$1 = require('./tokens/tabs.js');
+var upload$1 = require('./tokens/upload.js');
 
 const install = defaults["default"].install;
 const version = defaults["default"].version;
@@ -304,6 +311,10 @@ exports.ElDropdownItem = index$q.ElDropdownItem;
 exports.ElDropdownMenu = index$q.ElDropdownMenu;
 exports.emptyProps = empty.emptyProps;
 exports.ElEmpty = index$r.ElEmpty;
+exports.formEmits = form.formEmits;
+exports.formProps = form.formProps;
+exports.formItemProps = formItem.formItemProps;
+exports.formItemValidateStates = formItem.formItemValidateStates;
 exports.ElForm = index$s.ElForm;
 exports.ElFormItem = index$s.ElFormItem;
 exports.iconProps = icon.iconProps;
@@ -439,6 +450,15 @@ exports.CHANGE_EVENT = event.CHANGE_EVENT;
 exports.ElTransfer = index$Z.ElTransfer;
 exports.ElTree = index$_.ElTree;
 exports.ElTreeV2 = index$$.ElTreeV2;
+exports.genFileId = upload.genFileId;
+exports.uploadBaseProps = upload.uploadBaseProps;
+exports.uploadListTypes = upload.uploadListTypes;
+exports.uploadProps = upload.uploadProps;
+exports.uploadContentProps = uploadContent.uploadContentProps;
+exports.uploadListEmits = uploadList.uploadListEmits;
+exports.uploadListProps = uploadList.uploadListProps;
+exports.uploadDraggerEmits = uploadDragger.uploadDraggerEmits;
+exports.uploadDraggerProps = uploadDragger.uploadDraggerProps;
 exports.ElUpload = index$10.ElUpload;
 exports.FixedSizeList = fixedSizeList["default"];
 exports.DynamicSizeList = dynamicSizeList["default"];
@@ -516,12 +536,13 @@ exports.buttonGroupContextKey = button$1.buttonGroupContextKey;
 exports.collapseContextKey = collapse$1.collapseContextKey;
 exports.configProviderContextKey = configProvider$1.configProviderContextKey;
 exports.dialogInjectionKey = dialog$1.dialogInjectionKey;
-exports.elFormItemKey = form.elFormItemKey;
-exports.elFormKey = form.elFormKey;
+exports.formContextKey = form$1.formContextKey;
+exports.formItemContextKey = form$1.formItemContextKey;
 exports.elPaginationKey = pagination$1.elPaginationKey;
 exports.radioGroupKey = radio$1.radioGroupKey;
 exports.scrollbarContextKey = scrollbar$1.scrollbarContextKey;
 exports.tabsRootContextKey = tabs$1.tabsRootContextKey;
+exports.uploadContextKey = upload$1.uploadContextKey;
 exports.install = install;
 exports.version = version;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/tokens/form.d.ts

@@ -1,42 +1,22 @@
-import type { InjectionKey } from 'vue';
-import type { ValidateFieldsError } from 'async-validator';
+import type { InjectionKey, SetupContext, UnwrapRef } from 'vue';
 import type { ComponentSize } from 'element-plus/es/constants';
-export interface ElFormContext {
-    registerLabelWidth(width: number, oldWidth: number): void;
-    deregisterLabelWidth(width: number): void;
-    autoLabelWidth: string | undefined;
-    emit: (evt: string, ...args: any[]) => void;
-    addField: (field: ElFormItemContext) => void;
-    removeField: (field: ElFormItemContext) => void;
-    resetFields: () => void;
-    clearValidate: (props: string | string[]) => void;
-    validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-    labelSuffix: string;
-    inline?: boolean;
-    inlineMessage?: boolean;
-    model?: Record<string, unknown>;
-    size?: ComponentSize;
-    showMessage?: boolean;
-    labelPosition?: string;
-    labelWidth?: string | number;
-    rules?: Record<string, unknown>;
-    statusIcon?: boolean;
-    hideRequiredAsterisk?: boolean;
-    disabled?: boolean;
-}
-export interface ValidateFieldCallback {
-    (isValid?: string, invalidFields?: ValidateFieldsError): void;
-}
-export interface ElFormItemContext {
-    prop?: string;
-    size?: ComponentSize;
+import type { FormProps, FormEmits, FormItemProps, FormValidateCallback, FormLabelWidthContext } from 'element-plus/es/components/form';
+import type { Arrayable } from 'element-plus/es/utils';
+export declare type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
+    emit: SetupContext<FormEmits>['emit'];
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetFields: (props?: Arrayable<string>) => void;
+    clearValidate: (props?: Arrayable<string>) => void;
+    validateField: (props?: Arrayable<string>, callback?: FormValidateCallback) => Promise<void>;
+};
+export interface FormItemContext extends FormItemProps {
+    $el: HTMLDivElement | undefined;
+    size: ComponentSize;
     validateState: string;
-    $el: HTMLDivElement;
-    validate(trigger: string, callback?: ValidateFieldCallback): void;
-    updateComputedLabelWidth(width: number): void;
-    evaluateValidationEnabled(): void;
+    validate: (trigger: string, callback?: FormValidateCallback) => Promise<void>;
     resetField(): void;
     clearValidate(): void;
 }
-export declare const elFormKey: InjectionKey<ElFormContext>;
-export declare const elFormItemKey: InjectionKey<ElFormItemContext>;
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formItemContextKey: InjectionKey<FormItemContext>;

package/lib/tokens/form.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const elFormKey = Symbol("elForm");
-const elFormItemKey = Symbol("elFormItem");
+const formContextKey = Symbol("formContextKey");
+const formItemContextKey = Symbol("formItemContextKey");
 
-exports.elFormItemKey = elFormItemKey;
-exports.elFormKey = elFormKey;
+exports.formContextKey = formContextKey;
+exports.formItemContextKey = formItemContextKey;
 //# sourceMappingURL=form.js.map

package/lib/tokens/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport interface ElFormContext {\n  registerLabelWidth(width: number, oldWidth: number): void\n  deregisterLabelWidth(width: number): void\n  autoLabelWidth: string | undefined\n  emit: (evt: string, ...args: any[]) => void\n  addField: (field: ElFormItemContext) => void\n  removeField: (field: ElFormItemContext) => void\n  resetFields: () => void\n  clearValidate: (props: string | string[]) => void\n  validateField: (props: string | string[], cb: ValidateFieldCallback) => void\n  labelSuffix: string\n  inline?: boolean\n  inlineMessage?: boolean\n  model?: Record<string, unknown>\n  size?: ComponentSize\n  showMessage?: boolean\n  labelPosition?: string\n  labelWidth?: string | number\n  rules?: Record<string, unknown>\n  statusIcon?: boolean\n  hideRequiredAsterisk?: boolean\n  disabled?: boolean\n}\n\nexport interface ValidateFieldCallback {\n  (isValid?: string, invalidFields?: ValidateFieldsError): void\n}\n\nexport interface ElFormItemContext {\n  prop?: string\n  size?: ComponentSize\n  validateState: string\n  $el: HTMLDivElement\n  validate(trigger: string, callback?: ValidateFieldCallback): void\n  updateComputedLabelWidth(width: number): void\n  evaluateValidationEnabled(): void\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const elFormKey: InjectionKey<ElFormContext> = Symbol('elForm')\nexport const elFormItemKey: InjectionKey<ElFormItemContext> =\n  Symbol('elFormItem')\n"],"names":[],"mappings":";;;;AAAY,MAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE;AAC9B,MAAC,aAAa,GAAG,MAAM,CAAC,YAAY;;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey, SetupContext, UnwrapRef } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  FormProps,\n  FormEmits,\n  FormItemProps,\n  FormValidateCallback,\n  FormLabelWidthContext,\n} from '@element-plus/components/form'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type FormContext = FormProps &\n  UnwrapRef<FormLabelWidthContext> & {\n    emit: SetupContext<FormEmits>['emit']\n\n    // expose\n    addField: (field: FormItemContext) => void\n    removeField: (field: FormItemContext) => void\n    resetFields: (props?: Arrayable<string>) => void\n    clearValidate: (props?: Arrayable<string>) => void\n    validateField: (\n      props?: Arrayable<string>,\n      callback?: FormValidateCallback\n    ) => Promise<void>\n  }\n\nexport interface FormItemContext extends FormItemProps {\n  $el: HTMLDivElement | undefined\n  size: ComponentSize\n  validateState: string\n  validate: (trigger: string, callback?: FormValidateCallback) => Promise<void>\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const formContextKey: InjectionKey<FormContext> =\n  Symbol('formContextKey')\nexport const formItemContextKey: InjectionKey<FormItemContext> =\n  Symbol('formItemContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,cAAc,GAAG,MAAM,CAAC,gBAAgB,EAAE;AAC3C,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;;"}

package/lib/tokens/index.d.ts

@@ -8,3 +8,4 @@ export * from './pagination';
 export * from './radio';
 export * from './scrollbar';
 export * from './tabs';
+export * from './upload';

package/lib/tokens/index.js

@@ -12,6 +12,7 @@ var pagination = require('./pagination.js');
 var radio = require('./radio.js');
 var scrollbar = require('./scrollbar.js');
 var tabs = require('./tabs.js');
+var upload = require('./upload.js');
 
 
 
@@ -20,10 +21,11 @@ exports.buttonGroupContextKey = button.buttonGroupContextKey;
 exports.collapseContextKey = collapse.collapseContextKey;
 exports.configProviderContextKey = configProvider.configProviderContextKey;
 exports.dialogInjectionKey = dialog.dialogInjectionKey;
-exports.elFormItemKey = form.elFormItemKey;
-exports.elFormKey = form.elFormKey;
+exports.formContextKey = form.formContextKey;
+exports.formItemContextKey = form.formItemContextKey;
 exports.elPaginationKey = pagination.elPaginationKey;
 exports.radioGroupKey = radio.radioGroupKey;
 exports.scrollbarContextKey = scrollbar.scrollbarContextKey;
 exports.tabsRootContextKey = tabs.tabsRootContextKey;
+exports.uploadContextKey = upload.uploadContextKey;
 //# sourceMappingURL=index.js.map

package/lib/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/tokens/upload.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface UploadContext {
+    accept: ComputedRef<string>;
+}
+export declare const uploadContextKey: InjectionKey<UploadContext>;

package/lib/tokens/upload.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const uploadContextKey = Symbol("uploadContextKey");
+
+exports.uploadContextKey = uploadContextKey;
+//# sourceMappingURL=upload.js.map

package/lib/tokens/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sources":["../../../../packages/tokens/upload.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport interface UploadContext {\n  accept: ComputedRef<string>\n}\n\nexport const uploadContextKey: InjectionKey<UploadContext> =\n  Symbol('uploadContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB;;;;"}