@element-plus/nightly 0.0.20240527 → 0.0.20240529

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240527 */
+/*! Element Plus v0.0.20240529 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11492,7 +11492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240527";
+  const version$1 = "0.0.20240529";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13795,7 +13795,7 @@
 
   const _hoisted_1$17 = ["role"];
   const _hoisted_2$J = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-  const _hoisted_3$j = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_3$l = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
   const __default__$1G = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -14220,7 +14220,7 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$j),
+            }), null, 16, _hoisted_3$l),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -16313,7 +16313,7 @@
 
   const _hoisted_1$15 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$H = { key: 0 };
-  const _hoisted_3$i = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1x = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16581,7 +16581,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$i);
+                    ], 10, _hoisted_3$k);
                   }), 128))
                 ]),
                 _: 3
@@ -21437,7 +21437,7 @@
 
   const _hoisted_1$Z = ["aria-label"];
   const _hoisted_2$D = ["aria-label"];
-  const _hoisted_3$h = ["onMouseenter", "onClick"];
+  const _hoisted_3$j = ["onMouseenter", "onClick"];
   const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$7 = { key: 0 };
   const _hoisted_6$4 = {
@@ -21627,7 +21627,7 @@
                 }, [
                   vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 10, _hoisted_4$b)
-              ], 42, _hoisted_3$h)), [
+              ], 42, _hoisted_3$j)), [
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
@@ -23781,7 +23781,7 @@
 
   const _hoisted_1$S = { key: 0 };
   const _hoisted_2$z = ["placeholder", "onKeydown"];
-  const _hoisted_3$g = ["onClick"];
+  const _hoisted_3$i = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$1c = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -24369,7 +24369,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$g);
+                  ], 10, _hoisted_3$i);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -27001,7 +27001,7 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$f = ["aria-label"];
+  const _hoisted_3$h = ["aria-label"];
   const _hoisted_4$a = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
@@ -27054,7 +27054,7 @@
                   key,
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week),
                   scope: "col"
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$f);
+                }, 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) => {
@@ -27092,7 +27092,7 @@
 
   const _hoisted_1$M = ["aria-label"];
   const _hoisted_2$u = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$e = { class: "cell" };
+  const _hoisted_3$g = { class: "cell" };
   const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -27275,7 +27275,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$e, 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$u);
                 }), 128))
@@ -27298,7 +27298,7 @@
 
   const _hoisted_1$L = ["aria-label"];
   const _hoisted_2$t = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$d = { class: "cell" };
+  const _hoisted_3$f = { class: "cell" };
   const _hoisted_4$9 = { key: 1 };
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
@@ -27393,7 +27393,7 @@
                       ]
                     }, [
                       vue.createElementVNode("div", null, [
-                        vue.createElementVNode("span", _hoisted_3$d, 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$t)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$9))
                   ], 64);
@@ -27409,7 +27409,7 @@
 
   const _hoisted_1$K = ["onClick"];
   const _hoisted_2$s = ["aria-label"];
-  const _hoisted_3$c = ["aria-label"];
+  const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$8 = ["aria-label"];
   const _hoisted_5$6 = ["aria-label"];
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
@@ -27927,7 +27927,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -28169,7 +28169,7 @@
 
   const _hoisted_1$J = ["onClick"];
   const _hoisted_2$r = ["aria-label"];
-  const _hoisted_3$b = ["aria-label"];
+  const _hoisted_3$d = ["aria-label"];
   const _hoisted_4$7 = ["disabled", "aria-label"];
   const _hoisted_5$5 = ["disabled", "aria-label"];
   const _hoisted_6$3 = ["disabled", "aria-label"];
@@ -28656,7 +28656,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$b),
+                  ], 10, _hoisted_3$d),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
@@ -28881,7 +28881,7 @@
 
   const _hoisted_1$I = ["onClick"];
   const _hoisted_2$q = ["disabled"];
-  const _hoisted_3$a = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
   const unit = "year";
   const __default__$_ = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -29059,7 +29059,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$a)) : 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"]),
@@ -29594,7 +29594,7 @@
 
   const _hoisted_1$G = ["aria-level"];
   const _hoisted_2$p = ["aria-label"];
-  const _hoisted_3$9 = ["id"];
+  const _hoisted_3$b = ["id"];
   const __default__$X = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$X,
@@ -29658,7 +29658,7 @@
             class: vue.normalizeClass(vue.unref(ns).e("body"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_3$9),
+          ], 10, _hoisted_3$b),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("footer"))
@@ -30137,7 +30137,7 @@
 
   const _hoisted_1$E = ["aria-label", "aria-labelledby", "aria-describedby"];
   const _hoisted_2$o = ["id", "aria-level"];
-  const _hoisted_3$8 = ["aria-label"];
+  const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$6 = ["id"];
   const __default__$U = vue.defineComponent({
     name: "ElDrawer",
@@ -30270,7 +30270,7 @@
                               ]),
                               _: 1
                             }, 8, ["class"])
-                          ], 10, _hoisted_3$8)) : vue.createCommentVNode("v-if", true)
+                          ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true)
                         ], 2)) : vue.createCommentVNode("v-if", true),
                         vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
                           key: 1,
@@ -31345,7 +31345,7 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$n = ["id"];
-  const _hoisted_3$7 = ["stop-color"];
+  const _hoisted_3$9 = ["stop-color"];
   const _hoisted_4$5 = ["stop-color"];
   const _hoisted_5$4 = ["id"];
   const _hoisted_6$2 = ["stop-color"];
@@ -31405,7 +31405,7 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_3$7),
+              }, null, 8, _hoisted_3$9),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
@@ -34995,6 +34995,7 @@
   });
   const _hoisted_1$r = ["id", "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) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -35073,7 +35074,14 @@
                         default: vue.withCtx(() => [
                           vue.createElementVNode("span", {
                             class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                          }, vue.toDisplayString(item.currentLabel), 3)
+                          }, [
+                            vue.renderSlot(_ctx.$slots, "label", {
+                              label: item.currentLabel,
+                              value: item.value
+                            }, () => [
+                              vue.createTextVNode(vue.toDisplayString(item.currentLabel), 1)
+                            ])
+                          ], 2)
                         ]),
                         _: 2
                       }, 1032, ["closable", "size", "type", "style", "onClose"])
@@ -35130,7 +35138,14 @@
                               default: vue.withCtx(() => [
                                 vue.createElementVNode("span", {
                                   class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                                }, vue.toDisplayString(item.currentLabel), 3)
+                                }, [
+                                  vue.renderSlot(_ctx.$slots, "label", {
+                                    label: item.currentLabel,
+                                    value: item.value
+                                  }, () => [
+                                    vue.createTextVNode(vue.toDisplayString(item.currentLabel), 1)
+                                  ])
+                                ], 2)
                               ]),
                               _: 2
                             }, 1032, ["closable", "size", "type", "onClose"])
@@ -35138,7 +35153,7 @@
                         }), 128))
                       ], 2)
                     ]),
-                    _: 1
+                    _: 3
                   }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
                 ]) : vue.createCommentVNode("v-if", true),
                 !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -35200,7 +35215,13 @@
                     _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
                   ])
                 }, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                  _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                    key: 0,
+                    label: _ctx.currentPlaceholder,
+                    value: _ctx.modelValue
+                  }, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                  ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$8, vue.toDisplayString(_ctx.currentPlaceholder), 1))
                 ], 2)) : vue.createCommentVNode("v-if", true)
               ], 2),
               vue.createElementVNode("div", {
@@ -35585,7 +35606,7 @@
 
   const _hoisted_1$o = ["onKeyup"];
   const _hoisted_2$g = ["aria-current", "aria-label", "tabindex"];
-  const _hoisted_3$6 = ["tabindex", "aria-label"];
+  const _hoisted_3$7 = ["tabindex", "aria-label"];
   const _hoisted_4$4 = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_5$3 = ["tabindex", "aria-label"];
   const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
@@ -35752,7 +35773,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
             (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 42, _hoisted_3$6)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_3$7)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: pager,
@@ -36455,7 +36476,7 @@
 
   const _hoisted_1$n = ["aria-valuenow"];
   const _hoisted_2$f = { viewBox: "0 0 100 100" };
-  const _hoisted_3$5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+  const _hoisted_3$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
   const _hoisted_4$3 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$2 = { key: 0 };
   const __default__$E = vue.defineComponent({
@@ -36619,7 +36640,7 @@
                 "stroke-width": vue.unref(relativeStrokeWidth),
                 fill: "none",
                 style: vue.normalizeStyle(vue.unref(trailPathStyle))
-              }, null, 14, _hoisted_3$5),
+              }, null, 14, _hoisted_3$6),
               vue.createElementVNode("path", {
                 class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
                 d: vue.unref(trackPath),
@@ -38903,20 +38924,10 @@
     }
   });
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-    return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
+    return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
       style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
-    }, vue.toDisplayString(_ctx.item.label), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
-      key: 1,
-      class: vue.normalizeClass(_ctx.ns.be("group", "split")),
-      style: vue.normalizeStyle(_ctx.style)
-    }, [
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass(_ctx.ns.be("group", "split-dash")),
-        style: vue.normalizeStyle({ top: `${_ctx.height / 2}px` })
-      }, null, 6)
-    ], 6));
+    }, vue.toDisplayString(_ctx.item.label), 7);
   }
   var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
@@ -39527,9 +39538,8 @@
           if (filtered.length > 0) {
             all.push({
               label: getLabel(item),
-              isTitle: true,
               type: "Group"
-            }, ...filtered, { type: "Group" });
+            }, ...filtered);
           }
         } else if (props.remote || isValidOption(item)) {
           all.push(item);
@@ -40144,6 +40154,7 @@
   });
   const _hoisted_1$k = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
   const _hoisted_2$d = ["textContent"];
+  const _hoisted_3$5 = { key: 1 };
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -40217,7 +40228,14 @@
                       default: vue.withCtx(() => [
                         vue.createElementVNode("span", {
                           class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, vue.toDisplayString(_ctx.getLabel(item)), 3)
+                        }, [
+                          vue.renderSlot(_ctx.$slots, "label", {
+                            label: _ctx.getLabel(item),
+                            value: _ctx.getValue(item)
+                          }, () => [
+                            vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
+                          ])
+                        ], 2)
                       ]),
                       _: 2
                     }, 1032, ["closable", "size", "type", "style", "onClose"])
@@ -40274,7 +40292,14 @@
                             default: vue.withCtx(() => [
                               vue.createElementVNode("span", {
                                 class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                              }, vue.toDisplayString(_ctx.getLabel(selected)), 3)
+                              }, [
+                                vue.renderSlot(_ctx.$slots, "label", {
+                                  label: _ctx.getLabel(selected),
+                                  value: _ctx.getValue(selected)
+                                }, () => [
+                                  vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(selected)), 1)
+                                ])
+                              ], 2)
                             ]),
                             _: 2
                           }, 1032, ["closable", "size", "type", "onClose"])
@@ -40282,7 +40307,7 @@
                       }), 128))
                     ], 2)
                   ]),
-                  _: 1
+                  _: 3
                 }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
               ]) : vue.createCommentVNode("v-if", true),
               !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -40344,7 +40369,13 @@
                   _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
                 ])
               }, [
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                  key: 0,
+                  label: _ctx.currentPlaceholder,
+                  value: _ctx.modelValue
+                }, () => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$5, vue.toDisplayString(_ctx.currentPlaceholder), 1))
               ], 2)) : vue.createCommentVNode("v-if", true)
             ], 2),
             vue.createElementVNode("div", {