element-plus 2.0.4 → 2.0.5

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/components/virtual-list/src/builders/build-grid.d.ts

@@ -52,9 +52,9 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: StyleValue;
     className: string;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -75,11 +75,11 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
-    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | Element>, unknown, unknown>;

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -50,9 +50,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -73,11 +73,11 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
-    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | Element>, unknown, unknown>;

package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -49,9 +49,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -72,11 +72,11 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
-    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | Element>, unknown, unknown>;

package/lib/hooks/use-draggable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-draggable/index.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, watchEffect } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport type { Ref, ComputedRef } from 'vue'\n\nexport const useDraggable = (\n  targetRef: Ref<HTMLElement | undefined>,\n  dragRef: Ref<HTMLElement | undefined>,\n  draggable: ComputedRef<boolean>\n) => {\n  let transform = {\n    offsetX: 0,\n    offsetY: 0,\n  }\n\n  const onMousedown = (e: MouseEvent) => {\n    const downX = e.clientX\n    const downY = e.clientY\n    const { offsetX, offsetY } = transform\n\n    const targetRect = targetRef.value.getBoundingClientRect()\n    const targetLeft = targetRect.left\n    const targetTop = targetRect.top\n    const targetWidth = targetRect.width\n    const targetHeight = targetRect.height\n\n    const clientWidth = document.documentElement.clientWidth\n    const clientHeight = document.documentElement.clientHeight\n\n    const minLeft = -targetLeft + offsetX\n    const minTop = -targetTop + offsetY\n    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX\n    const maxTop = clientHeight - targetTop - targetHeight + offsetY\n\n    const onMousemove = (e: MouseEvent) => {\n      const moveX = Math.min(\n        Math.max(offsetX + e.clientX - downX, minLeft),\n        maxLeft\n      )\n      const moveY = Math.min(\n        Math.max(offsetY + e.clientY - downY, minTop),\n        maxTop\n      )\n\n      transform = {\n        offsetX: moveX,\n        offsetY: moveY,\n      }\n      targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(\n        moveY\n      )})`\n    }\n\n    const onMouseup = () => {\n      document.removeEventListener('mousemove', onMousemove)\n      document.removeEventListener('mouseup', onMouseup)\n    }\n\n    document.addEventListener('mousemove', onMousemove)\n    document.addEventListener('mouseup', onMouseup)\n  }\n\n  const onDraggable = () => {\n    if (dragRef.value && targetRef.value) {\n      dragRef.value.addEventListener('mousedown', onMousedown)\n    }\n  }\n\n  const offDraggable = () => {\n    if (dragRef.value && targetRef.value) {\n      dragRef.value.removeEventListener('mousedown', onMousedown)\n    }\n  }\n\n  onMounted(() => {\n    watchEffect(() => {\n      if (draggable.value) {\n        onDraggable()\n      } else {\n        offDraggable()\n      }\n    })\n  })\n\n  onBeforeUnmount(() => {\n    offDraggable()\n  })\n}\n"],"names":["addUnit","onMounted","watchEffect","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-draggable/index.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, watchEffect } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport type { Ref, ComputedRef } from 'vue'\n\nexport const useDraggable = (\n  targetRef: Ref<HTMLElement | undefined>,\n  dragRef: Ref<HTMLElement | undefined>,\n  draggable: ComputedRef<boolean>\n) => {\n  let transform = {\n    offsetX: 0,\n    offsetY: 0,\n  }\n\n  const onMousedown = (e: MouseEvent) => {\n    const downX = e.clientX\n    const downY = e.clientY\n    const { offsetX, offsetY } = transform\n\n    const targetRect = targetRef.value!.getBoundingClientRect()\n    const targetLeft = targetRect.left\n    const targetTop = targetRect.top\n    const targetWidth = targetRect.width\n    const targetHeight = targetRect.height\n\n    const clientWidth = document.documentElement.clientWidth\n    const clientHeight = document.documentElement.clientHeight\n\n    const minLeft = -targetLeft + offsetX\n    const minTop = -targetTop + offsetY\n    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX\n    const maxTop = clientHeight - targetTop - targetHeight + offsetY\n\n    const onMousemove = (e: MouseEvent) => {\n      const moveX = Math.min(\n        Math.max(offsetX + e.clientX - downX, minLeft),\n        maxLeft\n      )\n      const moveY = Math.min(\n        Math.max(offsetY + e.clientY - downY, minTop),\n        maxTop\n      )\n\n      transform = {\n        offsetX: moveX,\n        offsetY: moveY,\n      }\n      targetRef.value!.style.transform = `translate(${addUnit(\n        moveX\n      )}, ${addUnit(moveY)})`\n    }\n\n    const onMouseup = () => {\n      document.removeEventListener('mousemove', onMousemove)\n      document.removeEventListener('mouseup', onMouseup)\n    }\n\n    document.addEventListener('mousemove', onMousemove)\n    document.addEventListener('mouseup', onMouseup)\n  }\n\n  const onDraggable = () => {\n    if (dragRef.value && targetRef.value) {\n      dragRef.value.addEventListener('mousedown', onMousedown)\n    }\n  }\n\n  const offDraggable = () => {\n    if (dragRef.value && targetRef.value) {\n      dragRef.value.removeEventListener('mousedown', onMousedown)\n    }\n  }\n\n  onMounted(() => {\n    watchEffect(() => {\n      if (draggable.value) {\n        onDraggable()\n      } else {\n        offDraggable()\n      }\n    })\n  })\n\n  onBeforeUnmount(() => {\n    offDraggable()\n  })\n}\n"],"names":["addUnit","onMounted","watchEffect","onBeforeUnmount"],"mappings":"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"}

package/lib/index.js

@@ -12,6 +12,7 @@ var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
 var alert = require('./components/alert/src/alert.js');
 var index$1 = require('./components/alert/index.js');
+var autocomplete = require('./components/autocomplete/src/autocomplete.js');
 var index$2 = require('./components/autocomplete/index.js');
 var avatar = require('./components/avatar/src/avatar.js');
 var index$3 = require('./components/avatar/index.js');
@@ -38,6 +39,8 @@ var index$d = require('./components/check-tag/index.js');
 var index$e = require('./components/checkbox/index.js');
 var col = require('./components/col/src/col.js');
 var index$f = require('./components/col/index.js');
+var collapse = require('./components/collapse/src/collapse.js');
+var collapseItem = require('./components/collapse/src/collapse-item.js');
 var index$g = require('./components/collapse/index.js');
 var index$h = require('./components/collapse-transition/index.js');
 var index$i = require('./components/color-picker/index.js');
@@ -145,6 +148,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');
@@ -191,14 +198,17 @@ var index$1z = require('./hooks/use-delayed-toggle/index.js');
 var index$1A = require('./hooks/use-forward-ref/index.js');
 var index$1B = require('./hooks/use-namespace/index.js');
 var index$1C = require('./hooks/use-z-index/index.js');
-var form = require('./tokens/form.js');
-var button$1 = require('./tokens/button.js');
 var breadcrumb$1 = require('./tokens/breadcrumb.js');
-var pagination$1 = require('./tokens/pagination.js');
+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 pagination$1 = require('./tokens/pagination.js');
 var radio$1 = require('./tokens/radio.js');
-var tabs$1 = require('./tokens/tabs.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;
@@ -212,6 +222,8 @@ exports.alertEffects = alert.alertEffects;
 exports.alertEmits = alert.alertEmits;
 exports.alertProps = alert.alertProps;
 exports.ElAlert = index$1.ElAlert;
+exports.autocompleteEmits = autocomplete.autocompleteEmits;
+exports.autocompleteProps = autocomplete.autocompleteProps;
 exports.ElAutocomplete = index$2.ElAutocomplete;
 exports.avatarEmits = avatar.avatarEmits;
 exports.avatarProps = avatar.avatarProps;
@@ -253,6 +265,10 @@ exports.ElCheckboxButton = index$e.ElCheckboxButton;
 exports.ElCheckboxGroup = index$e.ElCheckboxGroup;
 exports.colProps = col.colProps;
 exports.ElCol = index$f.ElCol;
+exports.collapseEmits = collapse.collapseEmits;
+exports.collapseProps = collapse.collapseProps;
+exports.emitChangeFn = collapse.emitChangeFn;
+exports.collapseItemProps = collapseItem.collapseItemProps;
 exports.ElCollapse = index$g.ElCollapse;
 exports.ElCollapseItem = index$g.ElCollapseItem;
 exports.ElCollapseTransition = index$h.ElCollapseTransition;
@@ -428,6 +444,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"];
@@ -500,15 +525,18 @@ exports.useForwardRef = index$1A.useForwardRef;
 exports.useForwardRefDirective = index$1A.useForwardRefDirective;
 exports.useNamespace = index$1B.useNamespace;
 exports.useZIndex = index$1C.useZIndex;
+exports.elBreadcrumbKey = breadcrumb$1.elBreadcrumbKey;
+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.buttonGroupContextKey = button$1.buttonGroupContextKey;
-exports.elBreadcrumbKey = breadcrumb$1.elBreadcrumbKey;
 exports.elPaginationKey = pagination$1.elPaginationKey;
-exports.configProviderContextKey = configProvider$1.configProviderContextKey;
 exports.radioGroupKey = radio$1.radioGroupKey;
-exports.tabsRootContextKey = tabs$1.tabsRootContextKey;
 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/collapse.d.ts

@@ -0,0 +1,7 @@
+import type { CollapseActiveName } from 'element-plus/es/components/collapse';
+import type { InjectionKey, Ref } from 'vue';
+export interface CollapseContext {
+    activeNames: Ref<CollapseActiveName[]>;
+    handleItemClick: (name: CollapseActiveName) => void;
+}
+export declare const collapseContextKey: InjectionKey<CollapseContext>;

package/lib/tokens/collapse.js

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

package/lib/tokens/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","sources":["../../../../packages/tokens/collapse.ts"],"sourcesContent":["import type { CollapseActiveName } from '@element-plus/components/collapse'\nimport type { InjectionKey, Ref } from 'vue'\n\nexport interface CollapseContext {\n  activeNames: Ref<CollapseActiveName[]>\n  handleItemClick: (name: CollapseActiveName) => void\n}\n\nexport const collapseContextKey: InjectionKey<CollapseContext> =\n  Symbol('collapseContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}

package/lib/{components/dialog/src/token.d.ts → tokens/dialog.d.ts}

@@ -1,10 +1,10 @@
 import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue';
 import type { useNamespace } from 'element-plus/es/hooks';
 export declare type DialogContext = {
-    dialogRef: Ref<HTMLElement | null>;
-    headerRef: Ref<HTMLElement | null>;
+    dialogRef: Ref<HTMLElement | undefined>;
+    headerRef: Ref<HTMLElement | undefined>;
     ns: ReturnType<typeof useNamespace>;
     rendered: Ref<boolean>;
     style: ComputedRef<CSSProperties>;
 };
-export declare const elDialogInjectionKey: InjectionKey<DialogContext>;
+export declare const dialogInjectionKey: InjectionKey<DialogContext>;

package/lib/tokens/dialog.js

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

package/lib/tokens/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../packages/tokens/dialog.ts"],"sourcesContent":["import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue'\nimport type { useNamespace } from '@element-plus/hooks'\n\nexport type DialogContext = {\n  dialogRef: Ref<HTMLElement | undefined>\n  headerRef: Ref<HTMLElement | undefined>\n  ns: ReturnType<typeof useNamespace>\n  rendered: Ref<boolean>\n  style: ComputedRef<CSSProperties>\n}\n\nexport const dialogInjectionKey: InjectionKey<DialogContext> =\n  Symbol('dialogInjectionKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}