element-plus 2.7.4 → 2.7.6

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.7.4 */
+/*! Element Plus v2.7.6 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -117,7 +117,7 @@
   const isString$2 = (val) => typeof val === "string";
   const noop$1 = () => {
   };
-  isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
   function resolveUnref(r) {
     return typeof r === "function" ? r() : vue.unref(r);
@@ -11492,7 +11492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.7.4";
+  const version$1 = "2.7.6";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13824,8 +13824,6 @@
         nsInput.is("exceed", inputExceed.value),
         {
           [nsInput.b("group")]: slots.prepend || slots.append,
-          [nsInput.bm("group", "append")]: slots.append,
-          [nsInput.bm("group", "prepend")]: slots.prepend,
           [nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
           [nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
           [nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value,
@@ -14054,7 +14052,13 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: vue.unref(containerKls),
+          class: [
+            vue.unref(containerKls),
+            {
+              [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
+              [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
+            }
+          ],
           style: vue.unref(containerStyle),
           role: _ctx.containerRole,
           onMouseenter: handleMouseEnter,
@@ -14199,7 +14203,7 @@
               id: vue.unref(inputId),
               ref_key: "textarea",
               ref: textarea,
-              class: vue.unref(nsTextarea).e("inner")
+              class: [vue.unref(nsTextarea).e("inner"), vue.unref(nsInput).is("focus", vue.unref(isFocused))]
             }, vue.unref(attrs), {
               minlength: _ctx.minlength,
               maxlength: _ctx.maxlength,
@@ -25617,6 +25621,10 @@
       color: {
         type: Object,
         required: true
+      },
+      enableAlpha: {
+        type: Boolean,
+        required: true
       }
     },
     setup(props) {
@@ -25639,7 +25647,7 @@
       function parseColors(colors, color) {
         return colors.map((value) => {
           const c = new Color();
-          c.enableAlpha = true;
+          c.enableAlpha = props.enableAlpha;
           c.format = "rgba";
           c.fromString(value);
           c.selected = c.value === color.value;
@@ -26053,9 +26061,10 @@
               _ctx.predefine ? (vue.openBlock(), vue.createBlock(Predefine, {
                 key: 1,
                 ref: "predefine",
+                "enable-alpha": _ctx.showAlpha,
                 color: vue.unref(color),
                 colors: _ctx.predefine
-              }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
+              }, null, 8, ["enable-alpha", "color", "colors"])) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("dropdown", "btns"))
               }, [
@@ -28189,7 +28198,8 @@
     setup(__props, { emit }) {
       const props = __props;
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { disabledDate, cellClassName, format, defaultTime, clearable } = pickerBase.props;
+      const { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const shortcuts = vue.toRef(pickerBase.props, "shortcuts");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
@@ -28269,10 +28279,10 @@
         return "";
       });
       const timeFormat = vue.computed(() => {
-        return props.timeFormat || extractTimeFormat(format);
+        return props.timeFormat || extractTimeFormat(format.value);
       });
       const dateFormat = vue.computed(() => {
-        return props.dateFormat || extractDateFormat(format);
+        return props.dateFormat || extractDateFormat(format.value);
       });
       const isValidValue = (date) => {
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
@@ -28406,16 +28416,10 @@
           if (type === "min") {
             minTimePickerVisible.value = true;
             minDate.value = (minDate.value || leftDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
-            if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {
-              maxDate.value = minDate.value;
-            }
           } else {
             maxTimePickerVisible.value = true;
             maxDate.value = (maxDate.value || rightDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
             rightDate.value = maxDate.value;
-            if (maxDate.value && maxDate.value.isBefore(minDate.value)) {
-              minDate.value = maxDate.value;
-            }
           }
         }
       };
@@ -28424,9 +28428,15 @@
         if (type === "min") {
           leftDate.value = minDate.value;
           minTimePickerVisible.value = false;
+          if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {
+            maxDate.value = minDate.value;
+          }
         } else {
           rightDate.value = maxDate.value;
           maxTimePickerVisible.value = false;
+          if (maxDate.value && maxDate.value.isBefore(minDate.value)) {
+            minDate.value = maxDate.value;
+          }
         }
       };
       const handleMinTimePick = (value, visible, first) => {
@@ -28470,10 +28480,10 @@
         emit("pick", null);
       };
       const formatToString = (value) => {
-        return isArray$1(value) ? value.map((_) => _.format(format)) : value.format(format);
+        return isArray$1(value) ? value.map((_) => _.format(format.value)) : value.format(format.value);
       };
       const parseUserInput = (value) => {
-        return isArray$1(value) ? value.map((_) => dayjs(_, format).locale(lang.value)) : dayjs(value, format).locale(lang.value);
+        return isArray$1(value) ? value.map((_) => dayjs(_, format.value).locale(lang.value)) : dayjs(value, format.value).locale(lang.value);
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -28894,7 +28904,8 @@
       const props = __props;
       const { lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const { shortcuts, disabledDate, format } = pickerBase.props;
+      const { shortcuts, disabledDate } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
@@ -28947,7 +28958,7 @@
         handleRangeConfirm();
       };
       const formatToString = (days) => {
-        return days.map((day) => day.format(format));
+        return days.map((day) => day.format(format.value));
       };
       function onParsedValueChanged(minDate2, maxDate2) {
         if (props.unlinkPanels && maxDate2) {
@@ -34330,6 +34341,7 @@
       const _placeholder = (_a = props.placeholder) != null ? _a : t("el.select.placeholder");
       return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
     });
+    const mouseEnterEventName = vue.computed(() => isIOS ? null : "mouseenter");
     vue.watch(() => props.modelValue, (val, oldVal) => {
       if (props.multiple) {
         if (props.filterable && !props.reserveKeyword) {
@@ -34656,6 +34668,8 @@
     const toggleMenu = () => {
       if (selectDisabled.value)
         return;
+      if (isIOS)
+        states.inputHovering = true;
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
       } else {
@@ -34770,6 +34784,7 @@
       hasModelValue,
       shouldShowPlaceholder,
       currentPlaceholder,
+      mouseEnterEventName,
       showClose,
       iconComponent,
       iconReverse,
@@ -34993,7 +35008,7 @@
       };
     }
   });
-  const _hoisted_1$r = ["id", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
+  const _hoisted_1$r = ["id", "name", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
   const _hoisted_2$h = ["textContent"];
   const _hoisted_3$8 = { key: 1 };
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -35008,7 +35023,7 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
+      [vue.toHandlerKey(_ctx.mouseEnterEventName)]: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
       onMouseleave: _cache[17] || (_cache[17] = ($event) => _ctx.states.inputHovering = false),
       onClick: _cache[18] || (_cache[18] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
     }, [
@@ -35169,6 +35184,7 @@
                     ref: "inputRef",
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
                     type: "text",
+                    name: _ctx.name,
                     class: vue.normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
                     disabled: _ctx.selectDisabled,
                     autocomplete: _ctx.autocomplete,
@@ -35326,7 +35342,7 @@
         ]),
         _: 3
       }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow"])
-    ], 34)), [
+    ], 16)), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
@@ -35862,6 +35878,7 @@
       default: true
     },
     small: Boolean,
+    size: useSizeProp,
     background: Boolean,
     disabled: Boolean,
     hideOnSinglePage: Boolean
@@ -35884,6 +35901,14 @@
       const { t } = useLocale();
       const ns = useNamespace("pagination");
       const vnodeProps = vue.getCurrentInstance().vnode.props || {};
+      const _size = vue.computed(() => props.small ? "small" : props == null ? void 0 : props.size);
+      useDeprecated({
+        from: "small",
+        replacement: "size",
+        version: "3.0.0",
+        scope: "el-pagination",
+        ref: "https://element-plus.org/zh-CN/component/pagination.html"
+      }, vue.computed(() => !!props.small));
       const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
       const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;
       const assertValidUsage = vue.computed(() => {
@@ -36016,7 +36041,7 @@
             onClick: prev
           }),
           jumper: vue.h(Jumper, {
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           pager: vue.h(Pager, {
             currentPage: currentPageBridge.value,
@@ -36039,7 +36064,7 @@
             popperClass: props.popperClass,
             disabled: props.disabled,
             teleported: props.teleported,
-            size: props.small ? "small" : "default"
+            size: _size.value
           }),
           slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
           total: vue.h(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -36068,9 +36093,7 @@
           class: [
             ns.b(),
             ns.is("background", props.background),
-            {
-              [ns.m("small")]: props.small
-            }
+            ns.m(_size.value)
           ]
         }, rootChildren);
       };
@@ -36494,11 +36517,19 @@
         default: "#20a0ff"
       };
       const ns = useNamespace("progress");
-      const barStyle = vue.computed(() => ({
-        width: `${props.percentage}%`,
-        animationDuration: `${props.duration}s`,
-        background: getCurrentColor(props.percentage)
-      }));
+      const barStyle = vue.computed(() => {
+        const barStyle2 = {
+          width: `${props.percentage}%`,
+          animationDuration: `${props.duration}s`
+        };
+        const color = getCurrentColor(props.percentage);
+        if (color.includes("gradient")) {
+          barStyle2.background = color;
+        } else {
+          barStyle2.backgroundColor = color;
+        }
+        return barStyle2;
+      });
       const relativeStrokeWidth = vue.computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
       const radius = vue.computed(() => {
         if (["circle", "dashboard"].includes(props.type)) {
@@ -40164,9 +40195,8 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
-      onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
-      onClick: _cache[16] || (_cache[16] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
+      onMouseenter: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = true),
+      onMouseleave: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = false)
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -40184,7 +40214,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
+        onHide: _cache[14] || (_cache[14] = ($event) => _ctx.states.isBeforeHide = false)
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -40195,7 +40225,8 @@
               _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
               _ctx.nsSelect.is("filterable", _ctx.filterable),
               _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-            ])
+            ]),
+            onClick: _cache[13] || (_cache[13] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
           }, [
             _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -44828,7 +44859,12 @@
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,
           style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-          onClick: ($event) => handleHeaderClick($event, column),
+          onClick: ($event) => {
+            if ($event.currentTarget.classList.contains("noclick")) {
+              return;
+            }
+            handleHeaderClick($event, column);
+          },
           onContextmenu: ($event) => handleHeaderContextMenu($event, column),
           onMousedown: ($event) => handleMouseDown($event, column),
           onMousemove: ($event) => handleMouseMove($event, column),
@@ -46144,11 +46180,15 @@
       const computedEmptyText = vue.computed(() => {
         return props.emptyText || t("el.table.emptyText");
       });
+      const columns = vue.computed(() => {
+        return convertToRows(store.states.originColumns.value)[0];
+      });
       useKeyRender(table);
       return {
         ns,
         layout,
         store,
+        columns,
         handleHeaderFooterMousewheel,
         handleMouseLeave,
         tableId,
@@ -47216,7 +47256,7 @@
         return;
       }
       const tableRoot = tableInstance.vnode.el;
-      const rows = tableRoot.querySelectorAll(`[rowkey=${rowKey}]`);
+      const rows = tableRoot.querySelectorAll(`[rowkey="${String(rowKey)}"]`);
       rows.forEach((row) => {
         if (hovered) {
           row.classList.add(ns.is("hovered"));
@@ -55111,7 +55151,7 @@
       });
       const textBaseline = vue.computed(() => {
         var _a, _b;
-        return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "top";
+        return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "hanging";
       });
       const gapX = vue.computed(() => props.gap[0]);
       const gapY = vue.computed(() => props.gap[1]);