@element-plus/nightly 0.0.20220214 → 0.0.20220215

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220214 */
+/*! Element Plus v0.0.20220215 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4887,12 +4887,12 @@
     fill: "currentColor",
     d: "M237.248 512l265.408 265.344a32 32 0 01-45.312 45.312l-288-288a32 32 0 010-45.312l288-288a32 32 0 1145.312 45.312L237.248 512z"
   }, null, -1);
-  const _hoisted_4$k = [
+  const _hoisted_4$j = [
     _hoisted_2$1e,
     _hoisted_3$Y
   ];
   function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_4$k);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_4$j);
   }
   var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2B]]);
 
@@ -5024,12 +5024,12 @@
     fill: "currentColor",
     d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
   }, null, -1);
-  const _hoisted_4$j = [
+  const _hoisted_4$i = [
     _hoisted_2$18,
     _hoisted_3$S
   ];
   function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_4$j);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_4$i);
   }
   var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2v]]);
 
@@ -5073,12 +5073,12 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
   }, null, -1);
-  const _hoisted_4$i = [
+  const _hoisted_4$h = [
     _hoisted_2$16,
     _hoisted_3$Q
   ];
   function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_4$i);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_4$h);
   }
   var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2t]]);
 
@@ -5100,14 +5100,14 @@
     fill: "currentColor",
     d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
   }, null, -1);
-  const _hoisted_4$h = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
   }, null, -1);
   const _hoisted_5$b = [
     _hoisted_2$15,
     _hoisted_3$P,
-    _hoisted_4$h
+    _hoisted_4$g
   ];
   function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_5$b);
@@ -6736,7 +6736,7 @@
     };
   };
 
-  const version$1 = "0.0.20220214";
+  const version$1 = "0.0.20220215";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -7661,7 +7661,7 @@
           [_ctx.nsInput.bm("group", "prepend")]: _ctx.$slots.prepend,
           [_ctx.nsInput.m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
           [_ctx.nsInput.m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-          [_ctx.nsInput.m("suffix--password-clear")]: _ctx.clearable && _ctx.showPassword
+          [_ctx.nsInput.m("suffix--password-clear")]: _ctx.showClear && _ctx.showPwdVisible
         },
         _ctx.$attrs.class
       ]),
@@ -14685,7 +14685,7 @@
   };
   const _hoisted_2$C = { class: "el-time-range-picker__content" };
   const _hoisted_3$n = { class: "el-time-range-picker__cell" };
-  const _hoisted_4$g = { class: "el-time-range-picker__header" };
+  const _hoisted_4$f = { class: "el-time-range-picker__header" };
   const _hoisted_5$a = { class: "el-time-range-picker__cell" };
   const _hoisted_6$7 = { class: "el-time-range-picker__header" };
   const _hoisted_7$6 = { class: "el-time-panel__footer" };
@@ -14695,7 +14695,7 @@
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
       vue.createElementVNode("div", _hoisted_2$C, [
         vue.createElementVNode("div", _hoisted_3$n, [
-          vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+          vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
           }, [
@@ -16011,7 +16011,7 @@
   const _hoisted_1$P = ["id", "aria-controls"];
   const _hoisted_2$z = ["tabindex", "role", "aria-checked"];
   const _hoisted_3$m = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_4$f = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+  const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
   function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
@@ -16068,7 +16068,7 @@
           onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
           onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
           onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-        }, null, 42, _hoisted_4$f)), [
+        }, null, 42, _hoisted_4$e)), [
           [vue.vModelCheckbox, _ctx.model]
         ])
       ], 10, _hoisted_2$z),
@@ -17985,7 +17985,7 @@
   };
   const _hoisted_2$t = ["placeholder"];
   const _hoisted_3$j = ["onClick"];
-  const _hoisted_4$e = { class: "el-cascader__empty-text" };
+  const _hoisted_4$d = { class: "el-cascader__empty-text" };
   function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -18158,7 +18158,7 @@
                 })) : vue.createCommentVNode("v-if", true)
               ], 10, _hoisted_3$j);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              vue.createElementVNode("li", _hoisted_4$e, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+              vue.createElementVNode("li", _hoisted_4$d, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
             ])
           ]),
           _: 3
@@ -19272,7 +19272,7 @@
   const _hoisted_1$G = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
   const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
   const _hoisted_3$g = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_4$d = [
+  const _hoisted_4$c = [
     _hoisted_3$g
   ];
   function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
@@ -19290,7 +19290,7 @@
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_4$d, 4)
+      }, _hoisted_4$c, 4)
     ], 4);
   }
   var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1k]]);
@@ -20468,7 +20468,7 @@
   const _hoisted_1$D = { class: "cell" };
   const _hoisted_2$p = { class: "cell" };
   const _hoisted_3$f = { class: "cell" };
-  const _hoisted_4$c = { class: "cell" };
+  const _hoisted_4$b = { class: "cell" };
   const _hoisted_5$9 = { class: "cell" };
   const _hoisted_6$6 = { class: "cell" };
   const _hoisted_7$5 = { class: "cell" };
@@ -20502,7 +20502,7 @@
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 3)])
           }, [
-            vue.createElementVNode("a", _hoisted_4$c, vue.toDisplayString(_ctx.startYear + 3), 1)
+            vue.createElementVNode("a", _hoisted_4$b, vue.toDisplayString(_ctx.startYear + 3), 1)
           ], 2)
         ]),
         vue.createElementVNode("tr", null, [
@@ -20964,7 +20964,7 @@
     class: "el-picker-panel__sidebar"
   };
   const _hoisted_3$e = ["onClick"];
-  const _hoisted_4$b = { class: "el-picker-panel__body" };
+  const _hoisted_4$a = { class: "el-picker-panel__body" };
   const _hoisted_5$8 = {
     key: 0,
     class: "el-date-picker__time-header"
@@ -21010,7 +21010,7 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$e);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$b, [
+        vue.createElementVNode("div", _hoisted_4$a, [
           _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
             vue.createElementVNode("span", _hoisted_6$5, [
               vue.createVNode(_component_el_input, {
@@ -21616,7 +21616,7 @@
     class: "el-picker-panel__sidebar"
   };
   const _hoisted_3$d = ["onClick"];
-  const _hoisted_4$a = { class: "el-picker-panel__body" };
+  const _hoisted_4$9 = { class: "el-picker-panel__body" };
   const _hoisted_5$7 = {
     key: 0,
     class: "el-date-range-picker__time-header"
@@ -21670,7 +21670,7 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$d);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$a, [
+        vue.createElementVNode("div", _hoisted_4$9, [
           _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
             vue.createElementVNode("span", _hoisted_6$4, [
               vue.createElementVNode("span", _hoisted_7$3, [
@@ -22099,7 +22099,7 @@
     class: "el-picker-panel__sidebar"
   };
   const _hoisted_3$c = ["onClick"];
-  const _hoisted_4$9 = { class: "el-picker-panel__body" };
+  const _hoisted_4$8 = { class: "el-picker-panel__body" };
   const _hoisted_5$6 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
   const _hoisted_6$3 = { class: "el-date-range-picker__header" };
   const _hoisted_7$2 = ["disabled"];
@@ -22130,7 +22130,7 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$c);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$9, [
+        vue.createElementVNode("div", _hoisted_4$8, [
           vue.createElementVNode("div", _hoisted_5$6, [
             vue.createElementVNode("div", _hoisted_6$3, [
               vue.createElementVNode("button", {
@@ -23145,7 +23145,7 @@
   const _hoisted_1$x = ["aria-labelledby", "aria-label"];
   const _hoisted_2$l = ["id"];
   const _hoisted_3$b = ["title"];
-  const _hoisted_4$8 = ["aria-label"];
+  const _hoisted_4$7 = ["aria-label"];
   function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -23206,7 +23206,7 @@
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_4$8)) : vue.createCommentVNode("v-if", true)
+                  ], 10, _hoisted_4$7)) : vue.createCommentVNode("v-if", true)
                 ], 10, _hoisted_2$l)) : vue.createCommentVNode("v-if", true),
                 _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
                   key: 1,
@@ -24435,13 +24435,13 @@
     "stop-color": "var(--el-empty-fill-color-1)",
     offset: "0%"
   }, null, -1);
-  const _hoisted_4$7 = /* @__PURE__ */ vue.createElementVNode("stop", {
+  const _hoisted_4$6 = /* @__PURE__ */ vue.createElementVNode("stop", {
     "stop-color": "var(--el-empty-fill-color-4)",
     offset: "100%"
   }, null, -1);
   const _hoisted_5$5 = [
     _hoisted_3$a,
-    _hoisted_4$7
+    _hoisted_4$6
   ];
   const _hoisted_6$2 = ["id"];
   const _hoisted_7$1 = /* @__PURE__ */ vue.createElementVNode("stop", {
@@ -27917,6 +27917,10 @@
     popperAppendToBody: {
       type: Boolean,
       default: void 0
+    },
+    popperOffset: {
+      type: Number,
+      default: 6
     }
   });
   const COMPONENT_NAME$a = "ElSubMenu";
@@ -28098,7 +28102,7 @@
           visible: opened.value,
           effect: "light",
           pure: true,
-          offset: 6,
+          offset: props.popperOffset,
           showArrow: false,
           persistent: true,
           popperClass: props.popperClass,
@@ -29969,9 +29973,8 @@
     }
   });
   const _hoisted_1$l = { class: "select-trigger" };
-  const _hoisted_2$f = { key: 0 };
-  const _hoisted_3$9 = ["disabled", "autocomplete"];
-  const _hoisted_4$6 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+  const _hoisted_2$f = ["disabled", "autocomplete"];
+  const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
   function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -30011,7 +30014,12 @@
               class: vue.normalizeClass(_ctx.nsSelect.e("tags")),
               style: vue.normalizeStyle(_ctx.selectTagsStyle)
             }, [
-              _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$f, [
+              _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                style: vue.normalizeStyle({
+                  marginLeft: _ctx.prefixWidth && _ctx.selected.length ? `${_ctx.prefixWidth}px` : ""
+                })
+              }, [
                 vue.createVNode(_component_el_tag, {
                   closable: !_ctx.selectDisabled && !_ctx.selected[0].isDisabled,
                   size: _ctx.collapseTagSize,
@@ -30042,7 +30050,7 @@
                   ]),
                   _: 1
                 }, 8, ["size", "type"])) : vue.createCommentVNode("v-if", true)
-              ])) : vue.createCommentVNode("v-if", true),
+              ], 4)) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" <div> "),
               !_ctx.collapseTags ? (vue.openBlock(), vue.createBlock(vue.Transition, {
                 key: 1,
@@ -30108,7 +30116,7 @@
                 onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                 onInput: _cache[15] || (_cache[15] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-              }, null, 46, _hoisted_3$9)), [
+              }, null, 46, _hoisted_2$f)), [
                 [vue.vModelText, _ctx.query]
               ]) : vue.createCommentVNode("v-if", true)
             ], 6)) : vue.createCommentVNode("v-if", true),
@@ -30172,7 +30180,7 @@
               _ctx.$slots.prefix ? {
                 name: "prefix",
                 fn: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4$6, [
+                  vue.createElementVNode("div", _hoisted_3$9, [
                     vue.renderSlot(_ctx.$slots, "prefix")
                   ])
                 ])