@element-plus/nightly 0.0.20230408 → 0.0.20230410

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230408 */
+/*! Element Plus v0.0.20230410 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11225,7 +11225,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230408";
+  const version$1 = "0.0.20230410";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13031,7 +13031,7 @@
     }
   });
 
-  const _hoisted_1$13 = ["role", "aria-labelledby"];
+  const _hoisted_1$12 = ["role", "aria-labelledby"];
   const __default__$1y = vue.defineComponent({
     name: "ElFormItem"
   });
@@ -13327,7 +13327,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$13);
+        ], 10, _hoisted_1$12);
       };
     }
   });
@@ -13513,7 +13513,7 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$12 = ["role"];
+  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 __default__$1x = vue.defineComponent({
@@ -13941,7 +13941,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$12)), [
+        ], 16, _hoisted_1$11)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -15788,7 +15788,7 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "content.vue"]]);
 
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
   const __default__$1p = vue.defineComponent({
     name: "ElTooltip"
@@ -15930,7 +15930,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16026,7 +16026,7 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
@@ -16359,7 +16359,7 @@
                   ])
                 } : void 0
               ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-            ], 14, _hoisted_1$10)
+            ], 14, _hoisted_1$$)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16400,7 +16400,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$$ = ["src", "alt", "srcset"];
+  const _hoisted_1$_ = ["src", "alt", "srcset"];
   const __default__$1n = vue.defineComponent({
     name: "ElAvatar"
   });
@@ -16449,7 +16449,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$$)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$_)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16584,7 +16584,7 @@
     }
   });
 
-  const _hoisted_1$_ = ["textContent"];
+  const _hoisted_1$Z = ["textContent"];
   const __default__$1l = vue.defineComponent({
     name: "ElBadge"
   });
@@ -16623,7 +16623,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$_), [
+              }, null, 10, _hoisted_1$Z), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -16770,6 +16770,17 @@
       var _a, _b, _c;
       return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
     });
+    const _props = vue.computed(() => {
+      if (props.tag === "button") {
+        return {
+          ariaDisabled: _disabled.value || props.loading,
+          disabled: _disabled.value || props.loading,
+          autofocus: props.autofocus,
+          type: props.nativeType
+        };
+      }
+      return {};
+    });
     const shouldAddSpace = vue.computed(() => {
       var _a;
       const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -16793,6 +16804,7 @@
       _size,
       _type,
       _ref,
+      _props,
       shouldAddSpace,
       handleClick
     };
@@ -16842,6 +16854,10 @@
     autoInsertSpace: {
       type: Boolean,
       default: void 0
+    },
+    tag: {
+      type: definePropType([String, Object]),
+      default: "button"
     }
   });
   const buttonEmits = {
@@ -17775,7 +17791,6 @@
     });
   }
 
-  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
   const __default__$1i = vue.defineComponent({
     name: "ElButton"
   });
@@ -17787,7 +17802,7 @@
       const props = __props;
       const buttonStyle = useButtonCustomStyle(props);
       const ns = useNamespace("button");
-      const { _ref, _size, _type, _disabled, shouldAddSpace, handleClick } = useButton(props, emit);
+      const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
       expose({
         ref: _ref,
         size: _size,
@@ -17796,10 +17811,11 @@
         shouldAddSpace
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("button", {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
           ref_key: "_ref",
-          ref: _ref,
-          class: vue.normalizeClass([
+          ref: _ref
+        }, vue.unref(_props), {
+          class: [
             vue.unref(ns).b(),
             vue.unref(ns).m(vue.unref(_type)),
             vue.unref(ns).m(vue.unref(_size)),
@@ -17811,37 +17827,36 @@
             vue.unref(ns).is("text", _ctx.text),
             vue.unref(ns).is("link", _ctx.link),
             vue.unref(ns).is("has-bg", _ctx.bg)
-          ]),
-          "aria-disabled": vue.unref(_disabled) || _ctx.loading,
-          disabled: vue.unref(_disabled) || _ctx.loading,
-          autofocus: _ctx.autofocus,
-          type: _ctx.nativeType,
-          style: vue.normalizeStyle(vue.unref(buttonStyle)),
-          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args))
-        }, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).is("loading"))
-            }, {
+          ],
+          style: vue.unref(buttonStyle),
+          onClick: vue.unref(handleClick)
+        }), {
+          default: vue.withCtx(() => [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).is("loading"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              _: 1
-            }, 8, ["class"]))
-          ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
-            default: vue.withCtx(() => [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 2,
-            class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Z);
+              _: 3
+            })) : vue.createCommentVNode("v-if", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 2,
+              class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16, ["class", "style", "onClick"]);
       };
     }
   });
@@ -31348,33 +31363,35 @@
           class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
           style: vue.normalizeStyle(vue.unref(containerStyle))
         }, [
-          imageSrc.value !== void 0 && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-            src: imageSrc.value,
-            loading: _ctx.loading,
-            style: vue.unref(imageStyle),
-            class: [
-              vue.unref(ns).e("inner"),
-              vue.unref(preview) && vue.unref(ns).e("preview"),
-              isLoading.value && vue.unref(ns).is("loading")
-            ],
-            onClick: clickHandler,
-            onLoad: handleLoad,
-            onError: handleError
-          }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
-          isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
-          }, [
-            isLoading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-              }, null, 2)
-            ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("error"))
-              }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
-            ]) : vue.createCommentVNode("v-if", true)
-          ], 2)) : vue.createCommentVNode("v-if", true),
+          hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("error"))
+            }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
+          ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
+              src: imageSrc.value,
+              loading: _ctx.loading,
+              style: vue.unref(imageStyle),
+              class: [
+                vue.unref(ns).e("inner"),
+                vue.unref(preview) && vue.unref(ns).e("preview"),
+                isLoading.value && vue.unref(ns).is("loading")
+              ],
+              onClick: clickHandler,
+              onLoad: handleLoad,
+              onError: handleError
+            }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
+            isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
+                }, null, 2)
+              ])
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ], 64)),
           vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElImageViewer), {
               key: 0,