element-plus 2.4.0 → 2.4.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.4.0 */
+/*! Element Plus v2.4.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8850,7 +8850,9 @@
           offsetX: moveX,
           offsetY: moveY
         };
-        targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+        if (targetRef.value) {
+          targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+        }
       };
       const onMouseup = () => {
         document.removeEventListener("mousemove", onMousemove);
@@ -11291,7 +11293,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.4.0";
+  const version$1 = "2.4.2";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -21038,7 +21040,8 @@
     }
     function resetTimer() {
       pauseTimer();
-      startTimer();
+      if (!props.pauseOnHover)
+        startTimer();
     }
     function setContainerHeight(height) {
       if (props.height !== "auto")
@@ -29251,6 +29254,7 @@
   };
 
   const useDialog = (props, targetRef) => {
+    var _a;
     const instance = vue.getCurrentInstance();
     const emit = instance.emit;
     const { nextZIndex } = useZIndex();
@@ -29260,7 +29264,7 @@
     const visible = vue.ref(false);
     const closed = vue.ref(false);
     const rendered = vue.ref(false);
-    const zIndex = vue.ref(props.zIndex || nextZIndex());
+    const zIndex = vue.ref((_a = props.zIndex) != null ? _a : nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
     const namespace = useGlobalConfig("namespace", defaultNamespace);
@@ -29347,8 +29351,8 @@
       emit("closeAutoFocus");
     }
     function onFocusoutPrevented(event) {
-      var _a;
-      if (((_a = event.detail) == null ? void 0 : _a.focusReason) === "pointer") {
+      var _a2;
+      if (((_a2 = event.detail) == null ? void 0 : _a2.focusReason) === "pointer") {
         event.preventDefault();
       }
     }
@@ -29365,7 +29369,7 @@
         closed.value = false;
         open();
         rendered.value = true;
-        zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
+        zIndex.value = isUndefined$1(props.zIndex) ? nextZIndex() : zIndex.value++;
         vue.nextTick(() => {
           emit("open");
           if (targetRef.value) {
@@ -33846,7 +33850,7 @@
         originClientHeight = originClientHeight || (input2.clientHeight > 0 ? input2.clientHeight + 2 : 0);
         const _tags = tags.value;
         const cssVarOfSelectSize = getComputedStyle(input2).getPropertyValue(ns.cssVarName("input-height"));
-        const gotSize = cssVarOfSelectSize || getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
+        const gotSize = Number.parseFloat(cssVarOfSelectSize) || getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
         const sizeInMap = selectSize.value || gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
         const isElHidden = input2.offsetParent === null;
         !isElHidden && (input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`);
@@ -36750,16 +36754,20 @@
                       [vue.vShow, !(item <= currentValue.value)]
                     ])
                   ], 64)) : vue.createCommentVNode("v-if", true),
-                  showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                    key: 1,
-                    style: vue.normalizeStyle(vue.unref(decimalStyle)),
-                    class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).e("decimal")])
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(decimalIconComponent))))
-                    ]),
-                    _: 1
-                  }, 8, ["style", "class"])) : vue.createCommentVNode("v-if", true)
+                  showDecimalIcon(item) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), {
+                      class: vue.normalizeClass([vue.unref(ns).em("decimal", "box")])
+                    }, null, 8, ["class"])),
+                    vue.createVNode(vue.unref(ElIcon), {
+                      style: vue.normalizeStyle(vue.unref(decimalStyle)),
+                      class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).e("decimal")])
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(decimalIconComponent))))
+                      ]),
+                      _: 1
+                    }, 8, ["style", "class"])
+                  ], 64)) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 2
               }, 1032, ["class"])
@@ -38718,20 +38726,41 @@
     };
   }
 
-  const SelectProps = {
+  const defaultProps$4 = {
+    label: "label",
+    value: "value",
+    disabled: "disabled",
+    options: "options"
+  };
+  function useProps(props) {
+    const aliasProps = vue.computed(() => ({ ...defaultProps$4, ...props.props }));
+    const getLabel = (option) => get(option, aliasProps.value.label);
+    const getValue = (option) => get(option, aliasProps.value.value);
+    const getDisabled = (option) => get(option, aliasProps.value.disabled);
+    const getOptions = (option) => get(option, aliasProps.value.options);
+    return {
+      aliasProps,
+      getLabel,
+      getValue,
+      getDisabled,
+      getOptions
+    };
+  }
+
+  const SelectProps = buildProps({
     allowCreate: Boolean,
     autocomplete: {
-      type: String,
+      type: definePropType(String),
       default: "none"
     },
     automaticDropdown: Boolean,
     clearable: Boolean,
     clearIcon: {
-      type: [String, Object],
+      type: iconPropType,
       default: circle_close_default
     },
     effect: {
-      type: String,
+      type: definePropType(String),
       default: "light"
     },
     collapseTags: Boolean,
@@ -38763,7 +38792,9 @@
     loading: Boolean,
     loadingText: String,
     label: String,
-    modelValue: [Array, String, Number, Boolean, Object],
+    modelValue: {
+      type: definePropType([Array, String, Number, Boolean, Object])
+    },
     multiple: Boolean,
     multipleLimit: {
       type: Number,
@@ -38778,7 +38809,7 @@
       default: true
     },
     options: {
-      type: Array,
+      type: definePropType(Array),
       required: true
     },
     placeholder: {
@@ -38794,13 +38825,14 @@
       default: ""
     },
     popperOptions: {
-      type: Object,
+      type: definePropType(Object),
       default: () => ({})
     },
     remote: Boolean,
-    size: {
-      type: String,
-      validator: isValidComponentSize
+    size: useSizeProp,
+    props: {
+      type: definePropType(Object),
+      default: () => defaultProps$4
     },
     valueKey: {
       type: String,
@@ -38819,28 +38851,36 @@
       values: Ee,
       default: "bottom-start"
     }
-  };
-  const OptionProps = {
+  });
+  const OptionProps = buildProps({
     data: Array,
     disabled: Boolean,
     hovering: Boolean,
-    item: Object,
+    item: {
+      type: definePropType(Object),
+      required: true
+    },
     index: Number,
     style: Object,
     selected: Boolean,
     created: Boolean
-  };
+  });
+
+  const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
   const _sfc_main$D = vue.defineComponent({
     props: OptionProps,
     emits: ["select", "hover"],
     setup(props, { emit }) {
+      const select = vue.inject(selectV2InjectionKey);
       const ns = useNamespace("select");
       const { hoverItem, selectOptionClick } = useOption(props, { emit });
+      const { getLabel } = useProps(select.props);
       return {
         ns,
         hoverItem,
-        selectOptionClick
+        selectOptionClick,
+        getLabel
       };
     }
   });
@@ -38864,14 +38904,12 @@
         index: _ctx.index,
         disabled: _ctx.disabled
       }, () => [
-        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.label), 1)
+        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.getLabel(_ctx.item)), 1)
       ])
     ], 46, _hoisted_1$h);
   }
   var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
-  const selectV2InjectionKey = Symbol("ElSelectV2Injection");
-
   var ElSelectMenu = vue.defineComponent({
     name: "ElSelectDropdown",
     props: {
@@ -38888,6 +38926,11 @@
     }) {
       const select = vue.inject(selectV2InjectionKey);
       const ns = useNamespace("select");
+      const {
+        getLabel,
+        getValue,
+        getDisabled
+      } = useProps(select.props);
       const cachedHeights = vue.ref([]);
       const listRef = vue.ref();
       const size = vue.computed(() => props.data.length);
@@ -38932,9 +38975,9 @@
       };
       const isItemSelected = (modelValue, target) => {
         if (select.props.multiple) {
-          return contains(modelValue, target.value);
+          return contains(modelValue, getValue(target));
         }
-        return isEqual(modelValue, target.value);
+        return isEqual(modelValue, getValue(target));
       };
       const isItemDisabled = (modelValue, selected) => {
         const {
@@ -38997,7 +39040,7 @@
         const isHovering = isItemHovering(index);
         return vue.createVNode(OptionItem, vue.mergeProps(itemProps, {
           "selected": isSelected,
-          "disabled": item.disabled || isDisabled,
+          "disabled": getDisabled(item) || isDisabled,
           "created": !!item.created,
           "hovering": isHovering,
           "item": item,
@@ -39006,7 +39049,7 @@
         }), {
           default: (props2) => {
             var _a;
-            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [item.label]);
+            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [getLabel(item)]);
           }
         });
       };
@@ -39098,13 +39141,14 @@
   });
 
   function useAllowCreate(props, states) {
+    const { aliasProps, getLabel, getValue } = useProps(props);
     const createOptionCount = vue.ref(0);
     const cachedSelectedOption = vue.ref(null);
     const enableAllowCreateMode = vue.computed(() => {
       return props.allowCreate && props.filterable;
     });
     function hasExistingOption(query) {
-      const hasValue = (option) => option.value === query;
+      const hasValue = (option) => getValue(option) === query;
       return props.options && props.options.some(hasValue) || states.createdOptions.some(hasValue);
     }
     function selectNewOption(option) {
@@ -39121,10 +39165,10 @@
       if (enableAllowCreateMode.value) {
         if (query && query.length > 0 && !hasExistingOption(query)) {
           const newOption = {
-            value: query,
-            label: query,
+            [aliasProps.value.value]: query,
+            [aliasProps.value.label]: query,
             created: true,
-            disabled: false
+            [aliasProps.value.disabled]: false
           };
           if (states.createdOptions.length >= createOptionCount.value) {
             states.createdOptions[createOptionCount.value] = newOption;
@@ -39145,10 +39189,10 @@
       }
     }
     function removeNewOption(option) {
-      if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === option.label) {
+      if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === getLabel(option)) {
         return;
       }
-      const idx = states.createdOptions.findIndex((it) => it.value === option.value);
+      const idx = states.createdOptions.findIndex((it) => getValue(it) === getValue(option));
       if (~idx) {
         states.createdOptions.splice(idx, 1);
         createOptionCount.value--;
@@ -39168,28 +39212,6 @@
     };
   }
 
-  const flattenOptions = (options) => {
-    const flattened = [];
-    options.forEach((option) => {
-      if (isArray$1(option.options)) {
-        flattened.push({
-          label: option.label,
-          isTitle: true,
-          type: "Group"
-        });
-        option.options.forEach((o) => {
-          flattened.push(o);
-        });
-        flattened.push({
-          type: "Group"
-        });
-      } else {
-        flattened.push(option);
-      }
-    });
-    return flattened;
-  };
-
   function useInput(handleInput) {
     const isComposing = vue.ref(false);
     const handleCompositionStart = () => {
@@ -39227,6 +39249,7 @@
     const nsSelectV2 = useNamespace("select-v2");
     const nsInput = useNamespace("input");
     const { form: elForm, formItem: elFormItem } = useFormItem();
+    const { getLabel, getValue, getDisabled, getOptions } = useProps(props);
     const states = vue.reactive({
       inputValue: DEFAULT_INPUT_PLACEHOLDER,
       displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -39300,37 +39323,37 @@
       const isValidOption = (o) => {
         const query = states.inputValue;
         const regexp = new RegExp(escapeStringRegexp(query), "i");
-        const containsQueryString = query ? regexp.test(o.label || "") : true;
+        const containsQueryString = query ? regexp.test(getLabel(o) || "") : true;
         return containsQueryString;
       };
       if (props.loading) {
         return [];
       }
-      return flattenOptions(props.options.concat(states.createdOptions).map((v) => {
-        if (isArray$1(v.options)) {
-          const filtered = v.options.filter(isValidOption);
+      return [...props.options, ...states.createdOptions].reduce((all, item) => {
+        const options = getOptions(item);
+        if (isArray$1(options)) {
+          const filtered = options.filter(isValidOption);
           if (filtered.length > 0) {
-            return {
-              ...v,
-              options: filtered
-            };
-          }
-        } else {
-          if (props.remote || isValidOption(v)) {
-            return v;
+            all.push({
+              label: getLabel(item),
+              isTitle: true,
+              type: "Group"
+            }, ...filtered, { type: "Group" });
           }
+        } else if (props.remote || isValidOption(item)) {
+          all.push(item);
         }
-        return null;
-      }).filter((v) => v !== null));
+        return all;
+      }, []);
     });
     const filteredOptionsValueMap = vue.computed(() => {
       const valueMap = /* @__PURE__ */ new Map();
       filteredOptions.value.forEach((option, index) => {
-        valueMap.set(getValueKey(option.value), { option, index });
+        valueMap.set(getValueKey(getValue(option)), { option, index });
       });
       return valueMap;
     });
-    const optionsAllDisabled = vue.computed(() => filteredOptions.value.every((option) => option.disabled));
+    const optionsAllDisabled = vue.computed(() => filteredOptions.value.every((option) => getDisabled(option)));
     const selectSize = useFormSize();
     const collapseTagSize = vue.computed(() => selectSize.value === "small" ? "small" : "default");
     const tagMaxWidth = vue.computed(() => {
@@ -39446,7 +39469,7 @@
     const update = (val) => {
       emit(UPDATE_MODEL_EVENT, val);
       emitChange(val);
-      states.previousValue = val == null ? void 0 : val.toString();
+      states.previousValue = String(val);
     };
     const getValueIndex = (arr = [], value) => {
       if (!isObject$1(value)) {
@@ -39466,9 +39489,6 @@
     const getValueKey = (item) => {
       return isObject$1(item) ? get(item, props.valueKey) : item;
     };
-    const getLabel = (item) => {
-      return isObject$1(item) ? item.label : item;
-    };
     const resetInputHeight = () => {
       return vue.nextTick(() => {
         var _a, _b;
@@ -39500,7 +39520,7 @@
       var _a, _b;
       if (props.multiple) {
         let selectedOptions = props.modelValue.slice();
-        const index = getValueIndex(selectedOptions, option.value);
+        const index = getValueIndex(selectedOptions, getValue(option));
         if (index > -1) {
           selectedOptions = [
             ...selectedOptions.slice(0, index),
@@ -39509,7 +39529,7 @@
           states.cachedOptions.splice(index, 1);
           removeNewOption(option);
         } else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
-          selectedOptions = [...selectedOptions, option.value];
+          selectedOptions = [...selectedOptions, getValue(option)];
           states.cachedOptions.push(option);
           selectNewOption(option);
           updateHoveringIndex(idx);
@@ -39531,8 +39551,8 @@
         setSoftFocus();
       } else {
         selectedIndex.value = idx;
-        states.selectedLabel = option.label;
-        update(option.value);
+        states.selectedLabel = getLabel(option);
+        update(getValue(option));
         expanded.value = false;
         states.isComposing = false;
         states.isSilentBlur = byClick;
@@ -39545,7 +39565,7 @@
     };
     const deleteTag = (event, option) => {
       let selectedOptions = props.modelValue.slice();
-      const index = getValueIndex(selectedOptions, option.value);
+      const index = getValueIndex(selectedOptions, getValue(option));
       if (index > -1 && !selectDisabled.value) {
         selectedOptions = [
           ...props.modelValue.slice(0, index),
@@ -39553,7 +39573,7 @@
         ];
         states.cachedOptions.splice(index, 1);
         update(selectedOptions);
-        emit("remove-tag", option.value);
+        emit("remove-tag", getValue(option));
         states.softFocus = true;
         removeNewOption(option);
         return vue.nextTick(focusAndUpdatePopup);
@@ -39651,7 +39671,7 @@
         }
       }
       const option = options[newIndex];
-      if (option.disabled || option.type === "Group") {
+      if (getDisabled(option) || option.type === "Group") {
         return onKeyboardNavigate(direction, newIndex);
       } else {
         updateHoveringIndex(newIndex);
@@ -39736,12 +39756,12 @@
         if (hasModelValue.value) {
           states.previousValue = props.modelValue;
           const options = filteredOptions.value;
-          const selectedItemIndex = options.findIndex((option) => getValueKey(option.value) === getValueKey(props.modelValue));
+          const selectedItemIndex = options.findIndex((option) => getValueKey(getValue(option)) === getValueKey(props.modelValue));
           if (~selectedItemIndex) {
-            states.selectedLabel = options[selectedItemIndex].label;
+            states.selectedLabel = getLabel(options[selectedItemIndex]);
             updateHoveringIndex(selectedItemIndex);
           } else {
-            states.selectedLabel = `${props.modelValue}`;
+            states.selectedLabel = getValueKey(props.modelValue);
           }
         } else {
           states.selectedLabel = "";
@@ -39830,6 +39850,8 @@
       debouncedOnInputChange,
       deleteTag,
       getLabel,
+      getValue,
+      getDisabled,
       getValueKey,
       handleBlur,
       handleClear,
@@ -39962,11 +39984,11 @@
               _ctx.collapseTags && _ctx.modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
-                    key: _ctx.getValueKey(item),
+                    key: _ctx.getValueKey(_ctx.getValue(item)),
                     class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
                   }, [
                     vue.createVNode(_component_el_tag, {
-                      closable: !_ctx.selectDisabled && !(item == null ? void 0 : item.disable),
+                      closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
                       size: _ctx.collapseTagSize,
                       type: "info",
                       "disable-transitions": "",
@@ -39978,7 +40000,7 @@
                           style: vue.normalizeStyle({
                             maxWidth: `${_ctx.tagMaxWidth}px`
                           })
-                        }, vue.toDisplayString(item == null ? void 0 : item.label), 7)
+                        }, vue.toDisplayString(_ctx.getLabel(item)), 7)
                       ]),
                       _: 2
                     }, 1032, ["closable", "size", "onClose"])
@@ -40009,7 +40031,7 @@
                             style: vue.normalizeStyle({
                               maxWidth: `${_ctx.tagMaxWidth}px`
                             })
-                          }, "+ " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 7)
+                          }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 7)
                         ]),
                         content: vue.withCtx(() => [
                           vue.createElementVNode("div", {
@@ -40017,11 +40039,11 @@
                           }, [
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (selected) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
-                                key: _ctx.getValueKey(selected),
+                                key: _ctx.getValueKey(_ctx.getValue(selected)),
                                 class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
                               }, [
                                 vue.createVNode(_component_el_tag, {
-                                  closable: !_ctx.selectDisabled && !selected.disabled,
+                                  closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
                                   size: _ctx.collapseTagSize,
                                   class: "in-tooltip",
                                   type: "info",
@@ -40049,18 +40071,18 @@
                         style: vue.normalizeStyle({
                           maxWidth: `${_ctx.tagMaxWidth}px`
                         })
-                      }, "+ " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 7))
+                      }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 7))
                     ]),
                     _: 1
                   }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
                 ], 2)
               ], 64)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.states.cachedOptions, (selected) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
-                  key: _ctx.getValueKey(selected),
+                  key: _ctx.getValueKey(_ctx.getValue(selected)),
                   class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
                 }, [
                   vue.createVNode(_component_el_tag, {
-                    closable: !_ctx.selectDisabled && !selected.disabled,
+                    closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
                     size: _ctx.collapseTagSize,
                     type: "info",
                     "disable-transitions": "",
@@ -42068,6 +42090,10 @@
     value: {
       type: [Boolean, String, Number],
       default: false
+    },
+    label: {
+      type: String,
+      default: void 0
     }
   });
   const switchEmits = {
@@ -42077,7 +42103,7 @@
   };
 
   const _hoisted_1$d = ["onClick"];
-  const _hoisted_2$9 = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
+  const _hoisted_2$9 = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
   const _hoisted_3$4 = ["aria-hidden"];
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
@@ -42233,6 +42259,7 @@
             role: "switch",
             "aria-checked": vue.unref(checked),
             "aria-disabled": vue.unref(switchDisabled),
+            "aria-label": _ctx.label,
             name: _ctx.name,
             "true-value": _ctx.activeValue,
             "false-value": _ctx.inactiveValue,
@@ -52617,7 +52644,7 @@
   const _Tree = Tree;
   const ElTree = _Tree;
 
-  const useSelect = (props, { attrs }, {
+  const useSelect = (props, { attrs, emit }, {
     tree,
     key
   }) => {
@@ -52625,6 +52652,7 @@
     const result = {
       ...pick(vue.toRefs(props), Object.keys(ElSelect.props)),
       ...attrs,
+      "onUpdate:modelValue": (value) => emit(UPDATE_MODEL_EVENT, value),
       valueKey: key,
       popperClass: vue.computed(() => {
         const classes = [ns.e("popper")];
@@ -53935,10 +53963,6 @@
       type: String,
       default: ""
     },
-    type: {
-      type: String,
-      default: "select"
-    },
     fileList: {
       type: definePropType(Array),
       default: () => mutable([])
@@ -54035,23 +54059,25 @@
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
+      const props = __props;
       const { t } = useLocale();
       const nsUpload = useNamespace("upload");
       const nsIcon = useNamespace("icon");
       const nsList = useNamespace("list");
       const disabled = useFormDisabled();
       const focusing = vue.ref(false);
+      const containerKls = vue.computed(() => [
+        nsUpload.b("list"),
+        nsUpload.bm("list", props.listType),
+        nsUpload.is("disabled", props.disabled)
+      ]);
       const handleRemove = (file) => {
         emit("remove", file);
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
           tag: "ul",
-          class: vue.normalizeClass([
-            vue.unref(nsUpload).b("list"),
-            vue.unref(nsUpload).bm("list", _ctx.listType),
-            vue.unref(nsUpload).is("disabled", vue.unref(disabled))
-          ]),
+          class: vue.normalizeClass(vue.unref(containerKls)),
           name: vue.unref(nsList).b()
         }, {
           default: vue.withCtx(() => [
@@ -54782,12 +54808,20 @@
       if (content instanceof HTMLImageElement) {
         ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
       } else {
-        const { color, fontSize, fontStyle, fontWeight, fontFamily } = font;
+        const {
+          color,
+          fontSize,
+          fontStyle,
+          fontWeight,
+          fontFamily,
+          textAlign,
+          textBaseline
+        } = font;
         const mergedFontSize = Number(fontSize) * ratio;
         ctx.font = `${fontStyle} normal ${fontWeight} ${mergedFontSize}px/${height}px ${fontFamily}`;
         ctx.fillStyle = color;
-        ctx.textAlign = "center";
-        ctx.textBaseline = "top";
+        ctx.textAlign = textAlign;
+        ctx.textBaseline = textBaseline;
         const contents = Array.isArray(content) ? content : [content];
         contents == null ? void 0 : contents.forEach((item, index) => {
           ctx.fillText(item != null ? item : "", contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
@@ -54876,6 +54910,14 @@
         var _a, _b;
         return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
       });
+      const textAlign = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.textAlign) != null ? _b : "center";
+      });
+      const textBaseline = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "top";
+      });
       const gapX = vue.computed(() => props.gap[0]);
       const gapY = vue.computed(() => props.gap[1]);
       const gapXCenter = vue.computed(() => gapX.value / 2);
@@ -54979,7 +55021,9 @@
               fontSize: fontSize.value,
               fontStyle: fontStyle.value,
               fontWeight: fontWeight.value,
-              fontFamily: fontFamily.value
+              fontFamily: fontFamily.value,
+              textAlign: textAlign.value,
+              textBaseline: textBaseline.value
             }, gapX.value, gapY.value);
             appendWatermark(textClips, clipWidth);
           };
@@ -56957,6 +57001,7 @@
   exports.ElTreeSelect = ElTreeSelect;
   exports.ElTreeV2 = ElTreeV2;
   exports.ElUpload = ElUpload;
+  exports.ElWatermark = ElWatermark;
   exports.FIRST_KEYS = FIRST_KEYS;
   exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
   exports.FORWARD_REF_INJECTION_KEY = FORWARD_REF_INJECTION_KEY;
@@ -57258,6 +57303,7 @@
   exports.virtualizedListProps = virtualizedListProps;
   exports.virtualizedProps = virtualizedProps;
   exports.virtualizedScrollbarProps = virtualizedScrollbarProps;
+  exports.watermarkProps = watermarkProps;
   exports.zIndexContextKey = zIndexContextKey;
 
   Object.defineProperty(exports, '__esModule', { value: true });