@element-plus/nightly 0.0.20230823 → 0.0.20230825

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230823 */
+/*! Element Plus v0.0.20230825 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11246,7 +11246,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230823";
+  const version$1 = "0.0.20230825";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13533,7 +13533,7 @@
 
   const _hoisted_1$11 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-  const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
+  const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
   const __default__$1x = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -13947,7 +13947,7 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$l),
+            }), null, 16, _hoisted_3$m),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -16042,7 +16042,7 @@
 
   const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
-  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$l = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1o = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16308,7 +16308,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$k);
+                    ], 10, _hoisted_3$l);
                   }), 128))
                 ]),
                 _: 3
@@ -21617,7 +21617,7 @@
 
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+  const _hoisted_3$k = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
   const __default__$1a = vue.defineComponent({
     name: "ElCheckbox"
   });
@@ -21707,7 +21707,7 @@
                 onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                 onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_3$j)), [
+              }, null, 42, _hoisted_3$k)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
@@ -23220,6 +23220,10 @@
       default: true
     },
     collapseTags: Boolean,
+    maxCollapseTags: {
+      type: Number,
+      default: 1
+    },
     collapseTagsTooltip: {
       type: Boolean,
       default: false
@@ -23255,7 +23259,7 @@
 
   const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder", "onKeydown"];
-  const _hoisted_3$i = ["onClick"];
+  const _hoisted_3$j = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$13 = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -23416,9 +23420,9 @@
         nodes.forEach((node) => allTags.push(genTag(node)));
         allPresentTags.value = allTags;
         if (nodes.length) {
-          const [first, ...rest] = nodes;
+          nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
+          const rest = nodes.slice(props.maxCollapseTags);
           const restCount = rest.length;
-          tags.push(genTag(first));
           if (restCount) {
             if (props.collapseTags) {
               tags.push({
@@ -23743,7 +23747,7 @@
                           vue.createElementVNode("div", {
                             class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
                           }, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(1), (tag2, idx) => {
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
                                 key: idx,
                                 class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
@@ -23837,7 +23841,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$i);
+                  ], 10, _hoisted_3$j);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -24327,7 +24331,7 @@
 
   const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex"];
-  const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
   const __default__$Z = vue.defineComponent({
     name: "ElCollapseItem"
   });
@@ -24403,7 +24407,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$h), [
+              ], 10, _hoisted_3$i), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -26029,7 +26033,7 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$g = ["aria-label"];
+  const _hoisted_3$h = ["aria-label"];
   const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
@@ -26347,7 +26351,7 @@
                   key,
                   scope: "col",
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week)
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$g);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -26385,7 +26389,7 @@
 
   const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$f = { class: "cell" };
+  const _hoisted_3$g = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -26568,7 +26572,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$s);
                 }), 128))
@@ -26590,7 +26594,7 @@
 
   const _hoisted_1$G = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$e = { class: "cell" };
+  const _hoisted_3$f = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
@@ -26675,7 +26679,7 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
                     ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$a))
                   ], 64);
                 }), 64))
@@ -26690,7 +26694,7 @@
 
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
-  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
   const _hoisted_5$7 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
@@ -27198,7 +27202,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -27439,7 +27443,7 @@
 
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$p = ["disabled"];
-  const _hoisted_3$c = ["disabled"];
+  const _hoisted_3$d = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
   const _hoisted_5$6 = ["disabled"];
   const unit$1 = "month";
@@ -27540,6 +27544,9 @@
       const dateFormat = vue.computed(() => {
         return extractDateFormat(format);
       });
+      const isValidValue = (date) => {
+        return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
+      };
       const leftPrevYear = () => {
         leftDate.value = leftDate.value.subtract(1, "year");
         if (!props.unlinkPanels) {
@@ -27750,7 +27757,7 @@
           }
         }
       }
-      emit("set-picker-option", ["isValidValue", isValidRange]);
+      emit("set-picker-option", ["isValidValue", isValidValue]);
       emit("set-picker-option", ["parseUserInput", parseUserInput]);
       emit("set-picker-option", ["formatToString", formatToString]);
       emit("set-picker-option", ["handleClear", handleClear]);
@@ -27946,7 +27953,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(DateTable, {
@@ -28130,7 +28137,7 @@
 
   const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
-  const _hoisted_3$b = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
   const unit = "year";
   const __default__$R = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -28307,7 +28314,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -28826,14 +28833,19 @@
     title: {
       type: String,
       default: ""
+    },
+    ariaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const dialogContentEmits = {
     close: () => true
   };
 
-  const _hoisted_1$B = ["aria-label"];
-  const _hoisted_2$n = ["id"];
+  const _hoisted_1$B = ["aria-level"];
+  const _hoisted_2$n = ["aria-label"];
+  const _hoisted_3$b = ["id"];
   const __default__$O = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     ...__default__$O,
@@ -28871,8 +28883,9 @@
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("span", {
                 role: "heading",
+                "aria-level": _ctx.ariaLevel,
                 class: vue.normalizeClass(vue.unref(ns).e("title"))
-              }, vue.toDisplayString(_ctx.title), 3)
+              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$B)
             ]),
             _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
@@ -28889,14 +28902,14 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_2$n)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
             class: vue.normalizeClass(vue.unref(ns).e("body"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_2$n),
+          ], 10, _hoisted_3$b),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("footer"))
@@ -28954,6 +28967,10 @@
     trapFocus: {
       type: Boolean,
       default: false
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const dialogEmits = {
@@ -29252,6 +29269,7 @@
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
                           title: _ctx.title,
+                          "aria-level": _ctx.headerAriaLevel,
                           onClose: vue.unref(handleClose)
                         }), vue.createSlots({
                           header: vue.withCtx(() => [
@@ -29273,7 +29291,7 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -29363,6 +29381,10 @@
     modalFade: {
       type: Boolean,
       default: true
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const drawerEmits = dialogEmits;
@@ -29412,7 +29434,7 @@
     }
   });
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const _hoisted_2$m = ["id"];
+  const _hoisted_2$m = ["id", "aria-level"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -29479,6 +29501,7 @@
                           key: 0,
                           id: _ctx.titleId,
                           role: "heading",
+                          "aria-level": _ctx.headerAriaLevel,
                           class: vue.normalizeClass(_ctx.ns.e("title"))
                         }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$m)) : vue.createCommentVNode("v-if", true)
                       ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -31745,7 +31768,7 @@
         } else {
           innerInput.removeAttribute("aria-valuemin");
         }
-        innerInput.setAttribute("aria-valuenow", String(data.currentValue));
+        innerInput.setAttribute("aria-valuenow", data.currentValue || data.currentValue === 0 ? String(data.currentValue) : "");
         innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
         if (!isNumber(modelValue) && modelValue != null) {
           let val = Number(modelValue);
@@ -31756,9 +31779,9 @@
         }
       });
       vue.onUpdated(() => {
-        var _a;
+        var _a, _b;
         const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-        innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${data.currentValue}`);
+        innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
       });
       expose({
         focus,
@@ -34209,6 +34232,10 @@
         type: String,
         values: Ee,
         default: "bottom-start"
+      },
+      ariaLabel: {
+        type: String,
+        default: void 0
       }
     },
     emits: [
@@ -34473,7 +34500,7 @@
       };
     }
   });
-  const _hoisted_1$n = ["disabled", "autocomplete"];
+  const _hoisted_1$n = ["disabled", "autocomplete", "aria-label"];
   const _hoisted_2$f = ["disabled"];
   const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -34659,6 +34686,7 @@
                 disabled: _ctx.selectDisabled,
                 autocomplete: _ctx.autocomplete,
                 style: vue.normalizeStyle(_ctx.inputStyle),
+                "aria-label": _ctx.ariaLabel,
                 onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
                 onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                 onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
@@ -34702,6 +34730,7 @@
               "validate-event": false,
               class: vue.normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
               tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
+              label: _ctx.ariaLabel,
               onFocus: _ctx.handleFocus,
               onBlur: _ctx.handleBlur,
               onInput: _ctx.debouncedOnInputChange,
@@ -34748,7 +34777,7 @@
                   ])
                 ])
               } : void 0
-            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
           ], 32)
         ]),
         content: vue.withCtx(() => [