@element-plus/nightly 0.0.20260121 → 0.0.20260122

package/lib/components/upload/src/upload-dragger.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-dragger.vue2.js","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"onDragleave\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { throwError } from '@element-plus/utils/error'\nimport { flatten } from 'lodash-unified'\nimport { uploadContextKey } from './constants'\nimport { uploadDraggerEmits } from './upload-dragger'\n\nimport type { UploadDraggerProps } from './upload-dragger'\nimport type { UploadRawFile } from './upload'\n\nconst COMPONENT_NAME = 'ElUploadDrag'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<UploadDraggerProps>(), {\n  disabled: undefined,\n})\nconst emit = defineEmits(uploadDraggerEmits)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-upload><el-upload-dragger /></el-upload>'\n  )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\nconst disabled = useFormDisabled()\n\nconst getFile = (entry: FileSystemFileEntry): Promise<File> => {\n  return new Promise((resolve, reject) => entry.file(resolve, reject))\n}\n\nconst getAllFiles = async (\n  entry: FileSystemEntry\n): Promise<UploadRawFile[]> => {\n  try {\n    if (entry.isFile) {\n      const file = (await getFile(\n        entry as FileSystemFileEntry\n      )) as UploadRawFile\n      file.isDirectory = false\n      return [file]\n    }\n    if (entry.isDirectory) {\n      const dirReader = (entry as FileSystemDirectoryEntry).createReader()\n      const getEntries = (): Promise<FileSystemEntry[]> => {\n        return new Promise((resolve, reject) =>\n          dirReader.readEntries(resolve, reject)\n        )\n      }\n\n      const entries: FileSystemEntry[] = []\n      let readEntries = await getEntries()\n      /**\n       * In Chromium-based browsers, readEntries() will only return the first 100 FileSystemEntry instances.\n       * https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries#:~:text=In%20Chromium%2Dbased%20browsers%2C%20readEntries()%20will%20only%20return%20the%20first%20100%20FileSystemEntry%20instances.%20In%20order%20to%20obtain%20all%20of%20the%20instances%2C%20readEntries()%20must%20be%20called%20multiple%20times.\n       */\n      while (readEntries.length > 0) {\n        entries.push(...readEntries)\n        readEntries = await getEntries()\n      }\n\n      const filePromises = entries.map((entry) =>\n        getAllFiles(entry).catch(() => [])\n      )\n\n      const files = await Promise.all(filePromises)\n      return flatten(files)\n    }\n  } catch {\n    return []\n  }\n  return []\n}\n\nconst onDrop = async (e: DragEvent) => {\n  if (disabled.value) return\n  dragover.value = false\n\n  e.stopPropagation()\n\n  const files = Array.from(e.dataTransfer!.files) as UploadRawFile[]\n  const items = e.dataTransfer!.items || []\n\n  if (props.directory) {\n    const entries = Array.from(items)\n      .map((item) => item?.webkitGetAsEntry?.())\n      .filter((entry) => entry) as FileSystemEntry[]\n\n    const allFiles = await Promise.all(entries.map(getAllFiles))\n    emit('file', flatten(allFiles))\n    return\n  }\n\n  files.forEach((file, index) => {\n    const item = items[index]\n    const entry = item?.webkitGetAsEntry?.()\n    if (entry) {\n      file.isDirectory = entry.isDirectory\n    }\n  })\n  emit('file', files)\n}\n\nconst onDragover = () => {\n  if (!disabled.value) dragover.value = true\n}\n\nconst onDragleave = (e: DragEvent) => {\n  if (!(e.currentTarget as Element).contains(e.relatedTarget as Element))\n    dragover.value = false\n}\n</script>\n"],"names":["inject","uploadContextKey","throwError","useNamespace","ref","useFormDisabled","entry","flatten","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"upload-dragger.vue2.js","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"onDragleave\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { throwError } from '@element-plus/utils/error'\nimport { flatten } from 'lodash-unified'\nimport { uploadContextKey } from './constants'\nimport { uploadDraggerEmits } from './upload-dragger'\n\nimport type { UploadDraggerProps } from './upload-dragger'\nimport type { UploadRawFile } from './upload'\n\nconst COMPONENT_NAME = 'ElUploadDrag'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<UploadDraggerProps>(), {\n  disabled: undefined,\n})\nconst emit = defineEmits(uploadDraggerEmits)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-upload><el-upload-dragger /></el-upload>'\n  )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\nconst disabled = useFormDisabled()\n\nconst getFile = (entry: FileSystemFileEntry): Promise<File> => {\n  return new Promise((resolve, reject) => entry.file(resolve, reject))\n}\n\nconst getAllFiles = async (\n  entry: FileSystemEntry\n): Promise<UploadRawFile[]> => {\n  try {\n    if (entry.isFile) {\n      const file = (await getFile(\n        entry as FileSystemFileEntry\n      )) as UploadRawFile\n      file.isDirectory = false\n      return [file]\n    }\n    if (entry.isDirectory) {\n      const dirReader = (entry as FileSystemDirectoryEntry).createReader()\n      const getEntries = (): Promise<FileSystemEntry[]> => {\n        return new Promise((resolve, reject) =>\n          dirReader.readEntries(resolve, reject)\n        )\n      }\n\n      const entries: FileSystemEntry[] = []\n      let readEntries = await getEntries()\n      /**\n       * In Chromium-based browsers, readEntries() will only return the first 100 FileSystemEntry instances.\n       * https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries#:~:text=In%20Chromium%2Dbased%20browsers%2C%20readEntries()%20will%20only%20return%20the%20first%20100%20FileSystemEntry%20instances.%20In%20order%20to%20obtain%20all%20of%20the%20instances%2C%20readEntries()%20must%20be%20called%20multiple%20times.\n       */\n      while (readEntries.length > 0) {\n        entries.push(...readEntries)\n        readEntries = await getEntries()\n      }\n\n      const filePromises = entries.map((entry) =>\n        getAllFiles(entry).catch(() => [])\n      )\n\n      const files = await Promise.all(filePromises)\n      return flatten(files)\n    }\n  } catch {\n    return []\n  }\n  return []\n}\n\nconst onDrop = async (e: DragEvent) => {\n  if (disabled.value) return\n  dragover.value = false\n\n  e.stopPropagation()\n\n  const files = Array.from(e.dataTransfer!.files) as UploadRawFile[]\n  const items = e.dataTransfer!.items || []\n\n  if (props.directory) {\n    const entries = Array.from(items)\n      .map((item) => item?.webkitGetAsEntry?.())\n      .filter((entry) => entry) as FileSystemEntry[]\n\n    const allFiles = await Promise.all(entries.map(getAllFiles))\n    emit('file', flatten(allFiles))\n    return\n  }\n\n  files.forEach((file, index) => {\n    const item = items[index]\n    const entry = item?.webkitGetAsEntry?.()\n    if (entry) {\n      file.isDirectory = entry.isDirectory\n    }\n  })\n  emit('file', files)\n}\n\nconst onDragover = () => {\n  if (!disabled.value) dragover.value = true\n}\n\nconst onDragleave = (e: DragEvent) => {\n  if (!(e.currentTarget as Element).contains(e.relatedTarget as Element))\n    dragover.value = false\n}\n</script>\n"],"names":["inject","uploadContextKey","throwError","useNamespace","ref","useFormDisabled","entry","flatten","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}

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

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var uploadList = require('./upload-list.js');
 var vue = require('vue');
 var index$2 = require('../../icon/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 var index$3 = require('../../progress/index.js');
-var uploadList = require('./upload-list.js');
-var shared = require('@vue/shared');
-var typescript = require('../../../utils/typescript.js');
 var index = require('../../../hooks/use-locale/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
@@ -24,13 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElUploadList"
   },
   __name: "upload-list",
-  props: {
-    files: { type: Array, required: false, default: () => typescript.mutable([]) },
-    disabled: { type: Boolean, required: false, default: void 0 },
-    handlePreview: { type: Function, required: false, default: shared.NOOP },
-    listType: { type: String, required: false, default: "text" },
-    crossorigin: { type: String, required: false }
-  },
+  props: uploadList.uploadListProps,
   emits: uploadList.uploadListEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"upload-list.vue2.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n    <li\n      v-for=\"(file, index) in files\"\n      :key=\"file.uid || file.name\"\n      :class=\"[\n        nsUpload.be('list', 'item'),\n        nsUpload.is(file.status),\n        { focusing },\n      ]\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @keydown.delete=\"!disabled && handleRemove(file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"focusing = false\"\n    >\n      <slot :file=\"file\" :index=\"index\">\n        <img\n          v-if=\"\n            listType === 'picture' ||\n            (file.status !== 'uploading' && listType === 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-thumbnail')\"\n          :src=\"file.url\"\n          :crossorigin=\"crossorigin\"\n          alt=\"\"\n        />\n        <div\n          v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-info')\"\n        >\n          <a\n            :class=\"nsUpload.be('list', 'item-name')\"\n            @click.prevent=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('document')\">\n              <Document />\n            </el-icon>\n            <span\n              :class=\"nsUpload.be('list', 'item-file-name')\"\n              :title=\"file.name\"\n            >\n              {{ file.name }}\n            </span>\n          </a>\n          <el-progress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n            :percentage=\"Number(file.percentage)\"\n            :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n          />\n        </div>\n\n        <label :class=\"nsUpload.be('list', 'item-status-label')\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n          >\n            <Check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          :class=\"nsIcon.m('close')\"\n          @click=\"handleRemove(file)\"\n        >\n          <Close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <span\n          v-if=\"listType === 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-actions')\"\n        >\n          <span\n            :class=\"nsUpload.be('list', 'item-preview')\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"nsUpload.be('list', 'item-delete')\"\n            @click=\"handleRemove(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('delete')\">\n              <Delete />\n            </el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Check,\n  CircleCheck,\n  Close,\n  Delete,\n  Document,\n  ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadListEmits } from './upload-list'\nimport { NOOP, mutable } from '@element-plus/utils'\n\nimport type { UploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n  name: 'ElUploadList',\n})\n\nconst props = withDefaults(defineProps<UploadListProps>(), {\n  files: () => mutable([]),\n  disabled: undefined,\n  handlePreview: NOOP,\n  listType: 'text',\n})\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n  nsUpload.b('list'),\n  nsUpload.bm('list', props.listType),\n  nsUpload.is('disabled', disabled.value),\n])\n\nconst handleRemove = (file: UploadFile) => {\n  emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed","_createBlock","_TransitionGroup","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_withKeys","_renderSlot","_createElementVNode","_withModifiers","_createVNode","ElIcon","Document","_toDisplayString","ElProgress","CircleCheck","Check","Close","_createCommentVNode","ZoomIn","Delete"],"mappings":"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"}
+{"version":3,"file":"upload-list.vue2.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group tag=\"ul\" :class=\"containerKls\" :name=\"nsList.b()\">\n    <li\n      v-for=\"(file, index) in files\"\n      :key=\"file.uid || file.name\"\n      :class=\"[\n        nsUpload.be('list', 'item'),\n        nsUpload.is(file.status),\n        { focusing },\n      ]\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @keydown.delete=\"!disabled && handleRemove(file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"focusing = false\"\n    >\n      <slot :file=\"file\" :index=\"index\">\n        <img\n          v-if=\"\n            listType === 'picture' ||\n            (file.status !== 'uploading' && listType === 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-thumbnail')\"\n          :src=\"file.url\"\n          :crossorigin=\"crossorigin\"\n          alt=\"\"\n        />\n        <div\n          v-if=\"file.status === 'uploading' || listType !== 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-info')\"\n        >\n          <a\n            :class=\"nsUpload.be('list', 'item-name')\"\n            @click.prevent=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('document')\">\n              <Document />\n            </el-icon>\n            <span\n              :class=\"nsUpload.be('list', 'item-file-name')\"\n              :title=\"file.name\"\n            >\n              {{ file.name }}\n            </span>\n          </a>\n          <el-progress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n            :percentage=\"Number(file.percentage)\"\n            :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n          />\n        </div>\n\n        <label :class=\"nsUpload.be('list', 'item-status-label')\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n          >\n            <Check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          :class=\"nsIcon.m('close')\"\n          @click=\"handleRemove(file)\"\n        >\n          <Close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <span\n          v-if=\"listType === 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-actions')\"\n        >\n          <span\n            :class=\"nsUpload.be('list', 'item-preview')\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"nsUpload.be('list', 'item-delete')\"\n            @click=\"handleRemove(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('delete')\">\n              <Delete />\n            </el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Check,\n  CircleCheck,\n  Close,\n  Delete,\n  Document,\n  ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadListEmits } from './upload-list'\nimport { NOOP, mutable } from '@element-plus/utils'\n\nimport type { UploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n  name: 'ElUploadList',\n})\n\nconst props = withDefaults(defineProps<UploadListProps>(), {\n  files: () => mutable([]),\n  disabled: undefined,\n  handlePreview: NOOP,\n  listType: 'text',\n})\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\nconst disabled = useFormDisabled()\n\nconst focusing = ref(false)\n\nconst containerKls = computed(() => [\n  nsUpload.b('list'),\n  nsUpload.bm('list', props.listType),\n  nsUpload.is('disabled', disabled.value),\n])\n\nconst handleRemove = (file: UploadFile) => {\n  emit('remove', file)\n}\n</script>\n"],"names":["useLocale","useNamespace","useFormDisabled","ref","computed","_createBlock","_TransitionGroup","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_withKeys","_renderSlot","_createElementVNode","_withModifiers","_createVNode","ElIcon","Document","_toDisplayString","ElProgress","CircleCheck","Check","Close","_createCommentVNode","ZoomIn","Delete"],"mappings":"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"}

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var upload = require('./upload.js');
 var vue = require('vue');
 var constants = require('./constants.js');
 var uploadList_vue_vue_type_script_setup_true_lang = require('./upload-list.vue2.js');
 var uploadContent_vue_vue_type_script_setup_true_lang = require('./upload-content.vue2.js');
 var useHandlers = require('./use-handlers.js');
-var upload = require('./upload.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -15,35 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElUpload"
   },
   __name: "upload",
-  props: /* @__PURE__ */ vue.mergeDefaults({
-    beforeUpload: { type: Function, required: false },
-    beforeRemove: { type: Function, required: false },
-    onRemove: { type: Function, required: false },
-    onChange: { type: Function, required: false },
-    onPreview: { type: Function, required: false },
-    onSuccess: { type: Function, required: false },
-    onProgress: { type: Function, required: false },
-    onError: { type: Function, required: false },
-    onExceed: { type: Function, required: false },
-    crossorigin: { type: String, required: false },
-    action: { type: String, required: false },
-    headers: { type: null, required: false },
-    method: { type: String, required: false },
-    data: { type: [Promise, Function], required: false, skipCheck: true },
-    multiple: { type: Boolean, required: false },
-    name: { type: String, required: false },
-    drag: { type: Boolean, required: false },
-    withCredentials: { type: Boolean, required: false },
-    showFileList: { type: Boolean, required: false },
-    accept: { type: String, required: false },
-    fileList: { type: Array, required: false },
-    autoUpload: { type: Boolean, required: false },
-    listType: { type: String, required: false },
-    httpRequest: { type: Function, required: false },
-    disabled: { type: Boolean, required: false },
-    limit: { type: Number, required: false },
-    directory: { type: Boolean, required: false }
-  }, upload.uploadPropsDefaults),
+  props: upload.uploadProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const disabled = useFormCommonProps.useFormDisabled();

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

@@ -1 +1 @@
-{"version":3,"file":"upload.vue2.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      :crossorigin=\"crossorigin\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file, index }\">\n        <slot name=\"file\" :file=\"file\" :index=\"index\" />\n      </template>\n      <template #append>\n        <upload-content ref=\"uploadRef\" v-bind=\"uploadContentProps\">\n          <slot v-if=\"$slots.trigger\" name=\"trigger\" />\n          <slot v-if=\"!$slots.trigger && $slots.default\" />\n        </upload-content>\n      </template>\n    </upload-list>\n\n    <upload-content\n      v-if=\"!isPictureCard || (isPictureCard && !showFileList)\"\n      ref=\"uploadRef\"\n      v-bind=\"uploadContentProps\"\n    >\n      <slot v-if=\"$slots.trigger\" name=\"trigger\" />\n      <slot v-if=\"!$slots.trigger && $slots.default\" />\n    </upload-content>\n\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      :crossorigin=\"crossorigin\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file, index }\">\n        <slot name=\"file\" :file=\"file\" :index=\"index\" />\n      </template>\n    </upload-list>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, provide, shallowRef, toRef } from 'vue'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadContextKey } from './constants'\nimport UploadList from './upload-list.vue'\nimport UploadContent from './upload-content.vue'\nimport { useHandlers } from './use-handlers'\nimport { uploadPropsDefaults } from './upload'\n\nimport type { UploadProps } from './upload'\nimport type {\n  UploadContentInstance,\n  UploadContentProps,\n} from './upload-content'\n\ndefineOptions({\n  name: 'ElUpload',\n})\n\nconst props = withDefaults(defineProps<UploadProps>(), uploadPropsDefaults)\n\nconst disabled = useFormDisabled()\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  revokeFileObjectURL,\n} = useHandlers(props, uploadRef)\n\nconst isPictureCard = computed(() => props.listType === 'picture-card')\n\nconst uploadContentProps = computed<UploadContentProps>(() => ({\n  ...props,\n  fileList: uploadFiles.value,\n  onStart: handleStart,\n  onProgress: handleProgress,\n  onSuccess: handleSuccess,\n  onError: handleError,\n  onRemove: handleRemove,\n}))\n\nonBeforeUnmount(() => {\n  uploadFiles.value.forEach(revokeFileObjectURL)\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":["useFormDisabled","shallowRef","useHandlers","computed","onBeforeUnmount","provide","uploadContextKey","toRef","_createElementBlock","_createBlock","UploadList","_unref","_createVNode","UploadContent","_mergeProps","$slots","_renderSlot","_openBlock"],"mappings":"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"}
+{"version":3,"file":"upload.vue2.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      :crossorigin=\"crossorigin\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file, index }\">\n        <slot name=\"file\" :file=\"file\" :index=\"index\" />\n      </template>\n      <template #append>\n        <upload-content ref=\"uploadRef\" v-bind=\"uploadContentProps\">\n          <slot v-if=\"$slots.trigger\" name=\"trigger\" />\n          <slot v-if=\"!$slots.trigger && $slots.default\" />\n        </upload-content>\n      </template>\n    </upload-list>\n\n    <upload-content\n      v-if=\"!isPictureCard || (isPictureCard && !showFileList)\"\n      ref=\"uploadRef\"\n      v-bind=\"uploadContentProps\"\n    >\n      <slot v-if=\"$slots.trigger\" name=\"trigger\" />\n      <slot v-if=\"!$slots.trigger && $slots.default\" />\n    </upload-content>\n\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      :crossorigin=\"crossorigin\"\n      :handle-preview=\"onPreview\"\n      @remove=\"handleRemove\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file, index }\">\n        <slot name=\"file\" :file=\"file\" :index=\"index\" />\n      </template>\n    </upload-list>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, provide, shallowRef, toRef } from 'vue'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { uploadContextKey } from './constants'\nimport UploadList from './upload-list.vue'\nimport UploadContent from './upload-content.vue'\nimport { useHandlers } from './use-handlers'\nimport { uploadPropsDefaults } from './upload'\n\nimport type { UploadProps } from './upload'\nimport type {\n  UploadContentInstance,\n  UploadContentProps,\n} from './upload-content'\n\ndefineOptions({\n  name: 'ElUpload',\n})\n\nconst props = withDefaults(defineProps<UploadProps>(), uploadPropsDefaults)\n\nconst disabled = useFormDisabled()\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  revokeFileObjectURL,\n} = useHandlers(props, uploadRef)\n\nconst isPictureCard = computed(() => props.listType === 'picture-card')\n\nconst uploadContentProps = computed<UploadContentProps>(() => ({\n  ...props,\n  fileList: uploadFiles.value,\n  onStart: handleStart,\n  onProgress: handleProgress,\n  onSuccess: handleSuccess,\n  onError: handleError,\n  onRemove: handleRemove,\n}))\n\nonBeforeUnmount(() => {\n  uploadFiles.value.forEach(revokeFileObjectURL)\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":["useFormDisabled","shallowRef","useHandlers","computed","onBeforeUnmount","provide","uploadContextKey","toRef","_createElementBlock","_createBlock","UploadList","_unref","_createVNode","UploadContent","_mergeProps","$slots","_renderSlot","_openBlock"],"mappings":"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"}

package/lib/components/watermark/src/watermark.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var watermark = require('./watermark.js');
 var vue = require('vue');
 var core = require('@vueuse/core');
 var utils = require('./utils.js');
@@ -14,17 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElWatermark"
   },
   __name: "watermark",
-  props: {
-    zIndex: { type: Number, required: false, default: 9 },
-    rotate: { type: Number, required: false, default: -22 },
-    width: { type: Number, required: false },
-    height: { type: Number, required: false },
-    image: { type: String, required: false },
-    content: { type: [String, Array], required: false, default: "Element Plus" },
-    font: { type: Object, required: false },
-    gap: { type: Array, required: false, default: () => [100, 100] },
-    offset: { type: Array, required: false }
-  },
+  props: watermark.watermarkProps,
   setup(__props) {
     const style = {
       position: "relative"

package/lib/components/watermark/src/watermark.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermark.vue2.js","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" :style=\"[style]\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { isArray, isUndefined } from '@element-plus/utils'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips from './useClips'\n\nimport type { WatermarkProps } from './watermark'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElWatermark',\n})\n\nconst style: CSSProperties = {\n  position: 'relative',\n}\n\nconst props = withDefaults(defineProps<WatermarkProps>(), {\n  zIndex: 9,\n  rotate: -22,\n  content: 'Element Plus',\n  gap: () => [100, 100],\n})\nconst fontGap = computed(() => props.font?.fontGap ?? 3)\nconst color = computed(() => props.font?.color ?? 'rgba(0,0,0,.15)')\nconst fontSize = computed(() => props.font?.fontSize ?? 16)\nconst fontWeight = computed(() => props.font?.fontWeight ?? 'normal')\nconst fontStyle = computed(() => props.font?.fontStyle ?? 'normal')\nconst fontFamily = computed(() => props.font?.fontFamily ?? 'sans-serif')\nconst textAlign = computed(() => props.font?.textAlign ?? 'center')\nconst textBaseline = computed(() => props.font?.textBaseline ?? 'hanging')\n\nconst gapX = computed(() => props.gap[0])\nconst gapY = computed(() => props.gap[1])\nconst gapXCenter = computed(() => gapX.value / 2)\nconst gapYCenter = computed(() => gapY.value / 2)\nconst offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value)\nconst offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value)\n\nconst getMarkStyle = () => {\n  const markStyle: CSSProperties = {\n    zIndex: props.zIndex,\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    backgroundRepeat: 'repeat',\n  }\n\n  /** Calculate the style of the offset */\n  let positionLeft = offsetLeft.value - gapXCenter.value\n  let positionTop = offsetTop.value - gapYCenter.value\n  if (positionLeft > 0) {\n    markStyle.left = `${positionLeft}px`\n    markStyle.width = `calc(100% - ${positionLeft}px)`\n    positionLeft = 0\n  }\n  if (positionTop > 0) {\n    markStyle.top = `${positionTop}px`\n    markStyle.height = `calc(100% - ${positionTop}px)`\n    positionTop = 0\n  }\n  markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`\n\n  return markStyle\n}\n\nconst containerRef = shallowRef<HTMLDivElement | null>(null)\nconst watermarkRef = shallowRef<HTMLDivElement>()\nconst stopObservation = ref(false)\n\nconst destroyWatermark = () => {\n  if (watermarkRef.value) {\n    watermarkRef.value.remove()\n    watermarkRef.value = undefined\n  }\n}\nconst appendWatermark = (base64Url: string, markWidth: number) => {\n  if (containerRef.value && watermarkRef.value) {\n    stopObservation.value = true\n    watermarkRef.value.setAttribute(\n      'style',\n      getStyleStr({\n        ...getMarkStyle(),\n        backgroundImage: `url('${base64Url}')`,\n        backgroundSize: `${Math.floor(markWidth)}px`,\n      })\n    )\n    containerRef.value?.append(watermarkRef.value)\n    // Delayed execution\n    setTimeout(() => {\n      stopObservation.value = false\n    })\n  }\n}\n\n/**\n * Get the width and height of the watermark. The default values are as follows\n * Image: [120, 64]; Content: It's calculated by content;\n */\nconst getMarkSize = (ctx: CanvasRenderingContext2D) => {\n  let defaultWidth = 120\n  let defaultHeight = 64\n  let space = 0\n\n  const { image, content, width, height, rotate } = props\n\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n\n    const contents = isArray(content) ? content : [content]\n    let maxWidth = 0\n    let maxHeight = 0\n\n    contents.forEach((item) => {\n      const {\n        width,\n        fontBoundingBoxAscent,\n        fontBoundingBoxDescent,\n        actualBoundingBoxAscent,\n        actualBoundingBoxDescent,\n      } = ctx.measureText(item!)\n      // Using `actualBoundingBoxAscent` to be compatible with lower version browsers (eg: Firefox < 116)\n      const height = isUndefined(fontBoundingBoxAscent)\n        ? actualBoundingBoxAscent + actualBoundingBoxDescent\n        : fontBoundingBoxAscent + fontBoundingBoxDescent\n\n      if (width > maxWidth) maxWidth = Math.ceil(width)\n      if (height > maxHeight) maxHeight = Math.ceil(height)\n    })\n\n    defaultWidth = maxWidth\n    defaultHeight =\n      maxHeight * contents.length + (contents.length - 1) * fontGap.value\n\n    const angle = (Math.PI / 180) * Number(rotate)\n    space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2)\n\n    defaultWidth += space\n  }\n\n  return [width ?? defaultWidth, height ?? defaultHeight, space] as const\n}\n\nconst getClips = useClips()\n\nconst renderWatermark = () => {\n  const canvas = document.createElement('canvas')\n  const ctx = canvas.getContext('2d')\n  const image = props.image\n  const content = props.content\n  const rotate = props.rotate\n\n  if (ctx) {\n    if (!watermarkRef.value) {\n      watermarkRef.value = document.createElement('div')\n    }\n\n    const ratio = getPixelRatio()\n    const [markWidth, markHeight, space] = getMarkSize(ctx)\n\n    const drawCanvas = (\n      drawContent?: NonNullable<WatermarkProps['content']> | HTMLImageElement\n    ) => {\n      const [textClips, clipWidth] = getClips(\n        drawContent || '',\n        rotate,\n        ratio,\n        markWidth,\n        markHeight,\n        {\n          color: color.value,\n          fontSize: fontSize.value,\n          fontStyle: fontStyle.value,\n          fontWeight: fontWeight.value,\n          fontFamily: fontFamily.value,\n          fontGap: fontGap.value,\n          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value,\n        space\n      )\n\n      appendWatermark(textClips, clipWidth)\n    }\n\n    if (image) {\n      const img = new Image()\n      img.onload = () => {\n        drawCanvas(img)\n      }\n      img.onerror = () => {\n        drawCanvas(content)\n      }\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n      img.src = image\n    } else {\n      drawCanvas(content)\n    }\n  }\n}\n\nonMounted(() => {\n  renderWatermark()\n})\n\nwatch(\n  () => props,\n  () => {\n    renderWatermark()\n  },\n  {\n    deep: true,\n    flush: 'post',\n  }\n)\n\nonBeforeUnmount(() => {\n  destroyWatermark()\n})\n\nconst onMutate = (mutations: MutationRecord[]) => {\n  if (stopObservation.value) {\n    return\n  }\n  mutations.forEach((mutation) => {\n    if (reRendering(mutation, watermarkRef.value)) {\n      destroyWatermark()\n      renderWatermark()\n    }\n  })\n}\n\nuseMutationObserver(containerRef, onMutate, {\n  attributes: true,\n  subtree: true,\n  childList: true,\n})\n</script>\n"],"names":["computed","shallowRef","ref","getStyleStr","isArray","width","height","isUndefined","useClips","getPixelRatio","onMounted","watch","onBeforeUnmount","reRendering","useMutationObserver","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"watermark.vue2.js","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" :style=\"[style]\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { isArray, isUndefined } from '@element-plus/utils'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips from './useClips'\n\nimport type { WatermarkProps } from './watermark'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElWatermark',\n})\n\nconst style: CSSProperties = {\n  position: 'relative',\n}\n\nconst props = withDefaults(defineProps<WatermarkProps>(), {\n  zIndex: 9,\n  rotate: -22,\n  content: 'Element Plus',\n  gap: () => [100, 100],\n})\nconst fontGap = computed(() => props.font?.fontGap ?? 3)\nconst color = computed(() => props.font?.color ?? 'rgba(0,0,0,.15)')\nconst fontSize = computed(() => props.font?.fontSize ?? 16)\nconst fontWeight = computed(() => props.font?.fontWeight ?? 'normal')\nconst fontStyle = computed(() => props.font?.fontStyle ?? 'normal')\nconst fontFamily = computed(() => props.font?.fontFamily ?? 'sans-serif')\nconst textAlign = computed(() => props.font?.textAlign ?? 'center')\nconst textBaseline = computed(() => props.font?.textBaseline ?? 'hanging')\n\nconst gapX = computed(() => props.gap[0])\nconst gapY = computed(() => props.gap[1])\nconst gapXCenter = computed(() => gapX.value / 2)\nconst gapYCenter = computed(() => gapY.value / 2)\nconst offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value)\nconst offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value)\n\nconst getMarkStyle = () => {\n  const markStyle: CSSProperties = {\n    zIndex: props.zIndex,\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    backgroundRepeat: 'repeat',\n  }\n\n  /** Calculate the style of the offset */\n  let positionLeft = offsetLeft.value - gapXCenter.value\n  let positionTop = offsetTop.value - gapYCenter.value\n  if (positionLeft > 0) {\n    markStyle.left = `${positionLeft}px`\n    markStyle.width = `calc(100% - ${positionLeft}px)`\n    positionLeft = 0\n  }\n  if (positionTop > 0) {\n    markStyle.top = `${positionTop}px`\n    markStyle.height = `calc(100% - ${positionTop}px)`\n    positionTop = 0\n  }\n  markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`\n\n  return markStyle\n}\n\nconst containerRef = shallowRef<HTMLDivElement | null>(null)\nconst watermarkRef = shallowRef<HTMLDivElement>()\nconst stopObservation = ref(false)\n\nconst destroyWatermark = () => {\n  if (watermarkRef.value) {\n    watermarkRef.value.remove()\n    watermarkRef.value = undefined\n  }\n}\nconst appendWatermark = (base64Url: string, markWidth: number) => {\n  if (containerRef.value && watermarkRef.value) {\n    stopObservation.value = true\n    watermarkRef.value.setAttribute(\n      'style',\n      getStyleStr({\n        ...getMarkStyle(),\n        backgroundImage: `url('${base64Url}')`,\n        backgroundSize: `${Math.floor(markWidth)}px`,\n      })\n    )\n    containerRef.value?.append(watermarkRef.value)\n    // Delayed execution\n    setTimeout(() => {\n      stopObservation.value = false\n    })\n  }\n}\n\n/**\n * Get the width and height of the watermark. The default values are as follows\n * Image: [120, 64]; Content: It's calculated by content;\n */\nconst getMarkSize = (ctx: CanvasRenderingContext2D) => {\n  let defaultWidth = 120\n  let defaultHeight = 64\n  let space = 0\n\n  const { image, content, width, height, rotate } = props\n\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n\n    const contents = isArray(content) ? content : [content]\n    let maxWidth = 0\n    let maxHeight = 0\n\n    contents.forEach((item) => {\n      const {\n        width,\n        fontBoundingBoxAscent,\n        fontBoundingBoxDescent,\n        actualBoundingBoxAscent,\n        actualBoundingBoxDescent,\n      } = ctx.measureText(item!)\n      // Using `actualBoundingBoxAscent` to be compatible with lower version browsers (eg: Firefox < 116)\n      const height = isUndefined(fontBoundingBoxAscent)\n        ? actualBoundingBoxAscent + actualBoundingBoxDescent\n        : fontBoundingBoxAscent + fontBoundingBoxDescent\n\n      if (width > maxWidth) maxWidth = Math.ceil(width)\n      if (height > maxHeight) maxHeight = Math.ceil(height)\n    })\n\n    defaultWidth = maxWidth\n    defaultHeight =\n      maxHeight * contents.length + (contents.length - 1) * fontGap.value\n\n    const angle = (Math.PI / 180) * Number(rotate)\n    space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2)\n\n    defaultWidth += space\n  }\n\n  return [width ?? defaultWidth, height ?? defaultHeight, space] as const\n}\n\nconst getClips = useClips()\n\nconst renderWatermark = () => {\n  const canvas = document.createElement('canvas')\n  const ctx = canvas.getContext('2d')\n  const image = props.image\n  const content = props.content\n  const rotate = props.rotate\n\n  if (ctx) {\n    if (!watermarkRef.value) {\n      watermarkRef.value = document.createElement('div')\n    }\n\n    const ratio = getPixelRatio()\n    const [markWidth, markHeight, space] = getMarkSize(ctx)\n\n    const drawCanvas = (\n      drawContent?: NonNullable<WatermarkProps['content']> | HTMLImageElement\n    ) => {\n      const [textClips, clipWidth] = getClips(\n        drawContent || '',\n        rotate,\n        ratio,\n        markWidth,\n        markHeight,\n        {\n          color: color.value,\n          fontSize: fontSize.value,\n          fontStyle: fontStyle.value,\n          fontWeight: fontWeight.value,\n          fontFamily: fontFamily.value,\n          fontGap: fontGap.value,\n          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value,\n        space\n      )\n\n      appendWatermark(textClips, clipWidth)\n    }\n\n    if (image) {\n      const img = new Image()\n      img.onload = () => {\n        drawCanvas(img)\n      }\n      img.onerror = () => {\n        drawCanvas(content)\n      }\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n      img.src = image\n    } else {\n      drawCanvas(content)\n    }\n  }\n}\n\nonMounted(() => {\n  renderWatermark()\n})\n\nwatch(\n  () => props,\n  () => {\n    renderWatermark()\n  },\n  {\n    deep: true,\n    flush: 'post',\n  }\n)\n\nonBeforeUnmount(() => {\n  destroyWatermark()\n})\n\nconst onMutate = (mutations: MutationRecord[]) => {\n  if (stopObservation.value) {\n    return\n  }\n  mutations.forEach((mutation) => {\n    if (reRendering(mutation, watermarkRef.value)) {\n      destroyWatermark()\n      renderWatermark()\n    }\n  })\n}\n\nuseMutationObserver(containerRef, onMutate, {\n  attributes: true,\n  subtree: true,\n  childList: true,\n})\n</script>\n"],"names":["computed","shallowRef","ref","getStyleStr","isArray","width","height","isUndefined","useClips","getPixelRatio","onMounted","watch","onBeforeUnmount","reRendering","useMutationObserver","_createElementBlock","_renderSlot"],"mappings":"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"}

package/lib/hooks/use-model-toggle/index.js

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var runtime = require('../../utils/vue/props/runtime.js');
-var types = require('../../utils/types.js');
 var core = require('@vueuse/core');
 var shared = require('@vue/shared');
+var types = require('../../utils/types.js');
 
 const _prop = runtime.buildProp({
   type: runtime.definePropType(Boolean),

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20260121";
+export declare const version = "0.0.20260122";

package/lib/version.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "0.0.20260121";
+const version = "0.0.20260122";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260121'\n"],"names":[],"mappings":";;AAAO,MAAM,OAAA,GAAU;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260122'\n"],"names":[],"mappings":";;AAAO,MAAM,OAAA,GAAU;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20260121",
+  "version": "0.0.20260122",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -109,5 +109,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "e856d8baa1bad622f1b81f767c69315d87fac760"
+  "gitHead": "96168bfe29d121ac4b687093f2e20202ff8999c3"
 }