element-plus 2.7.0 → 2.7.1

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.7.0 */
+/*! Element Plus v2.7.1 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11566,8 +11566,10 @@
     }
   });
   const useEmptyValues = (props, defaultValue) => {
-    const config = useGlobalConfig();
-    config.value = config.value || {};
+    let config = useGlobalConfig();
+    if (!config.value) {
+      config = vue.ref({});
+    }
     const emptyValues = vue.computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
     const valueOnClear = vue.computed(() => {
       if (isFunction$1(props.valueOnClear)) {
@@ -11712,7 +11714,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.7.0";
+  const version$1 = "2.7.1";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -17099,12 +17101,18 @@
     dotStyle: {
       type: definePropType([String, Object, Array])
     },
+    badgeStyle: {
+      type: definePropType([String, Object, Array])
+    },
     offset: {
       type: definePropType(Array),
       default: [0, 0]
     },
     dotClass: {
       type: String
+    },
+    badgeClass: {
+      type: String
     }
   });
 
@@ -17130,16 +17138,31 @@
         return `${props.value}`;
       });
       const style = vue.computed(() => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         return [
           {
             backgroundColor: props.color,
             marginRight: addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
             marginTop: addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
           },
-          (_e = props.dotStyle) != null ? _e : {}
+          (_e = props.dotStyle) != null ? _e : {},
+          (_f = props.badgeStyle) != null ? _f : {}
         ];
       });
+      useDeprecated({
+        from: "dot-style",
+        replacement: "badge-style",
+        version: "2.8.0",
+        scope: "el-badge",
+        ref: "https://element-plus.org/en-US/component/badge.html"
+      }, vue.computed(() => !!props.dotStyle));
+      useDeprecated({
+        from: "dot-class",
+        replacement: "badge-class",
+        version: "2.8.0",
+        scope: "el-badge",
+        ref: "https://element-plus.org/en-US/component/badge.html"
+      }, vue.computed(() => !!props.dotClass));
       expose({
         content
       });
@@ -17159,7 +17182,8 @@
                   vue.unref(ns).em("content", _ctx.type),
                   vue.unref(ns).is("fixed", !!_ctx.$slots.default),
                   vue.unref(ns).is("dot", _ctx.isDot),
-                  _ctx.dotClass
+                  _ctx.dotClass,
+                  _ctx.badgeClass
                 ]),
                 style: vue.normalizeStyle(vue.unref(style)),
                 textContent: vue.toDisplayString(vue.unref(content))
@@ -32725,6 +32749,7 @@
           }
           emit(UPDATE_MODEL_EVENT, val);
         }
+        innerInput.addEventListener("wheel", handleWheel, { passive: false });
       });
       vue.onUpdated(() => {
         var _a, _b;
@@ -32799,7 +32824,6 @@
             name: _ctx.name,
             label: _ctx.label,
             "validate-event": false,
-            onWheel: handleWheel,
             onKeydown: [
               vue.withKeys(vue.withModifiers(increase, ["prevent"]), ["up"]),
               vue.withKeys(vue.withModifiers(decrease, ["prevent"]), ["down"])
@@ -39492,8 +39516,8 @@
       return props.allowCreate && props.filterable;
     });
     function hasExistingOption(query) {
-      const hasValue = (option) => getValue(option) === query;
-      return props.options && props.options.some(hasValue) || states.createdOptions.some(hasValue);
+      const hasOption = (option) => getLabel(option) === query;
+      return props.options && props.options.some(hasOption) || states.createdOptions.some(hasOption);
     }
     function selectNewOption(option) {
       if (!enableAllowCreateMode.value) {
@@ -45053,6 +45077,7 @@
       let rangeWidth = range.getBoundingClientRect().width;
       let rangeHeight = range.getBoundingClientRect().height;
       const offsetWidth = rangeWidth - Math.floor(rangeWidth);
+      const { width: cellChildWidth, height: cellChildHeight } = cellChild.getBoundingClientRect();
       if (offsetWidth < 1e-3) {
         rangeWidth = Math.floor(rangeWidth);
       }
@@ -45063,7 +45088,7 @@
       const { top, left, right, bottom } = getPadding(cellChild);
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
-      if (rangeWidth + horizontalPadding > cellChild.offsetWidth || rangeHeight + verticalPadding > cellChild.offsetHeight || cellChild.scrollWidth > cellChild.offsetWidth) {
+      if (rangeWidth + horizontalPadding > cellChildWidth || rangeHeight + verticalPadding > cellChildHeight || cellChild.scrollWidth > cellChildWidth) {
         createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
       }
     };
@@ -45277,7 +45302,7 @@
             }
           }
         }
-        const baseKey = `${$index},${cellIndex}`;
+        const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`;
         const patchKey = columnData.columnKey || columnData.rawColumnKey || "";
         const tdChildren = cellChildren(cellIndex, column, data);
         const mergedTooltipOptions = column.showOverflowTooltip && merge({
@@ -45455,6 +45480,7 @@
           }, []);
           indexes.forEach((rowIndex) => {
             var _a2;
+            rowNum = newVal;
             while (rowNum > 0) {
               const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
               if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
@@ -47046,7 +47072,8 @@
         columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
       });
       vue.onBeforeUnmount(() => {
-        owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
+        const columnIndex = columnConfig.value.getColumnIndex();
+        columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
       });
       instance.columnId = columnId.value;
       instance.columnConfig = columnConfig;