@element-plus/nightly 0.0.20220902 → 0.0.20220905

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220902 */
+/*! Element Plus v0.0.20220905 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9441,10 +9441,12 @@
     let withoutHiddenClass = false;
     let bodyWidth = "0";
     const cleanup = () => {
-      removeClass(document.body, hiddenCls.value);
-      if (withoutHiddenClass) {
-        document.body.style.width = bodyWidth;
-      }
+      setTimeout(() => {
+        removeClass(document.body, hiddenCls.value);
+        if (withoutHiddenClass) {
+          document.body.style.width = bodyWidth;
+        }
+      }, 200);
     };
     vue.watch(trigger, (val) => {
       if (!val) {
@@ -11024,7 +11026,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220902";
+  const version$1 = "0.0.20220905";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12968,7 +12970,7 @@
     },
     fallbackPlacements: {
       type: definePropType(Array),
-      default: () => []
+      default: void 0
     },
     gpuAcceleration: {
       type: Boolean,
@@ -13088,7 +13090,7 @@
         name: "flip",
         options: {
           padding: 5,
-          fallbackPlacements: fallbackPlacements != null ? fallbackPlacements : []
+          fallbackPlacements
         }
       },
       {
@@ -15607,7 +15609,7 @@
       const slots = vue.useSlots();
       useDeprecated({
         from: "type.text",
-        replacement: "type.link",
+        replacement: "link",
         version: "3.0.0",
         scope: "props",
         ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
@@ -18220,7 +18222,7 @@
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(nsDay).b())
                     }, [
-                      vue.renderSlot(_ctx.$slots, "dateCell", {
+                      vue.renderSlot(_ctx.$slots, "date-cell", {
                         data: getSlotData(cell)
                       }, () => [
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
@@ -18261,6 +18263,7 @@
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const solts = vue.useSlots();
       const ns = useNamespace("calendar");
       const { t, lang } = useLocale();
       const selectedDay = vue.ref();
@@ -18369,6 +18372,14 @@
           return;
         pickDay(day);
       };
+      useDeprecated({
+        from: '"dateCell"',
+        replacement: '"date-cell"',
+        scope: "ElCalendar",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/calendar.html#slots",
+        type: "Slot"
+      }, vue.computed(() => !!solts.dateCell));
       expose({
         selectedDay: realSelectedDay,
         pickDay,
@@ -18434,10 +18445,10 @@
               "selected-day": vue.unref(realSelectedDay),
               onPick: pickDay
             }, vue.createSlots({ _: 2 }, [
-              _ctx.$slots.dateCell ? {
-                name: "dateCell",
+              _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+                name: "date-cell",
                 fn: vue.withCtx((data) => [
-                  vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.guardReactiveProps(data)))
+                  _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                 ])
               } : void 0
             ]), 1032, ["date", "selected-day"])
@@ -18454,10 +18465,10 @@
                 "hide-header": index !== 0,
                 onPick: pickDay
               }, vue.createSlots({ _: 2 }, [
-                _ctx.$slots.dateCell ? {
-                  name: "dateCell",
+                _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+                  name: "date-cell",
                   fn: vue.withCtx((data) => [
-                    vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.guardReactiveProps(data)))
+                    _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                   ])
                 } : void 0
               ]), 1032, ["date", "selected-day", "range", "hide-header"]);
@@ -29785,23 +29796,36 @@
         }
         return getProp(model, props.prop).value;
       });
-      const _rules = vue.computed(() => {
-        const rules = props.rules ? castArray$1(props.rules) : [];
+      const normalizedRules = vue.computed(() => {
+        const { required } = props;
+        const rules = [];
+        if (props.rules) {
+          rules.push(...castArray$1(props.rules));
+        }
         const formRules = formContext == null ? void 0 : formContext.rules;
         if (formRules && props.prop) {
-          const _rules2 = getProp(formRules, props.prop).value;
-          if (_rules2) {
-            rules.push(...castArray$1(_rules2));
+          const _rules = getProp(formRules, props.prop).value;
+          if (_rules) {
+            rules.push(...castArray$1(_rules));
+          }
+        }
+        if (required !== void 0) {
+          const requiredRules = rules.map((rule, i) => [rule, i]).filter(([rule]) => Object.keys(rule).includes("required"));
+          if (requiredRules.length > 0) {
+            for (const [rule, i] of requiredRules) {
+              if (rule.required === required)
+                continue;
+              rules[i] = { ...rule, required };
+            }
+          } else {
+            rules.push({ required });
           }
         }
-        if (props.required !== void 0) {
-          rules.push({ required: !!props.required });
-        }
         return rules;
       });
-      const validateEnabled = vue.computed(() => _rules.value.length > 0);
+      const validateEnabled = vue.computed(() => normalizedRules.value.length > 0);
       const getFilteredRule = (trigger) => {
-        const rules = _rules.value;
+        const rules = normalizedRules.value;
         return rules.filter((rule) => {
           if (!rule.trigger || !trigger)
             return true;
@@ -29812,7 +29836,7 @@
           }
         }).map(({ trigger: trigger2, ...rule }) => rule);
       };
-      const isRequired = vue.computed(() => _rules.value.some((rule) => rule.required === true));
+      const isRequired = vue.computed(() => normalizedRules.value.some((rule) => rule.required));
       const shouldShowError = vue.computed(() => {
         var _a;
         return validateStateDebounced.value === "error" && props.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
@@ -33234,6 +33258,11 @@
       validateEvent: {
         type: Boolean,
         default: true
+      },
+      placement: {
+        type: String,
+        values: Ee,
+        default: "bottom-start"
       }
     },
     emits: [
@@ -33335,6 +33364,10 @@
         maxWidth: `${vue.unref(inputWidth) - 32}px`,
         width: "100%"
       }));
+      const tagTextStyle = vue.computed(() => {
+        const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
+        return { maxWidth: `${maxWidth}px` };
+      });
       vue.provide(selectKey, vue.reactive({
         props,
         options,
@@ -33445,7 +33478,8 @@
         scrollbar,
         wrapperKls,
         selectTagsStyle,
-        nsSelect
+        nsSelect,
+        tagTextStyle
       };
     }
   });
@@ -33469,7 +33503,7 @@
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
         visible: _ctx.dropMenuVisible,
-        placement: "bottom-start",
+        placement: _ctx.placement,
         teleported: _ctx.teleported,
         "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
         "fallback-placements": ["bottom-start", "top-start", "right", "left"],
@@ -33508,7 +33542,7 @@
                   default: vue.withCtx(() => [
                     vue.createElementVNode("span", {
                       class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
-                      style: vue.normalizeStyle({ maxWidth: _ctx.inputWidth - 123 + "px" })
+                      style: vue.normalizeStyle(_ctx.tagTextStyle)
                     }, vue.toDisplayString(_ctx.selected[0].currentLabel), 7)
                   ]),
                   _: 1
@@ -33748,7 +33782,7 @@
           })
         ]),
         _: 3
-      }, 8, ["visible", "teleported", "popper-class", "effect", "transition", "persistent", "onShow"])
+      }, 8, ["visible", "placement", "teleported", "popper-class", "effect", "transition", "persistent", "onShow"])
     ], 2)), [
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
@@ -37484,6 +37518,11 @@
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom-start"
     }
   };
   const OptionProps = {
@@ -37932,7 +37971,7 @@
       return totalHeight > props.height ? props.height : totalHeight;
     });
     const hasModelValue = vue.computed(() => {
-      return props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+      return !isNil(props.modelValue);
     });
     const showClearBtn = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : hasModelValue.value;
@@ -38565,7 +38604,7 @@
         "popper-options": _ctx.popperOptions,
         "fallback-placements": ["bottom-start", "top-start", "right", "left"],
         effect: _ctx.effect,
-        placement: "bottom-start",
+        placement: _ctx.placement,
         pure: "",
         transition: `${_ctx.nsSelectV2.namespace.value}-zoom-in-top`,
         trigger: "click",
@@ -38879,7 +38918,7 @@
           }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
         ]),
         _: 3
-      }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onBeforeShow"])
+      }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
     ], 34)), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
@@ -40334,7 +40373,7 @@
             vue.createElementVNode("div", {
               class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
             }, [
-              vue.unref(currentStatus) !== "success" && vue.unref(currentStatus) !== "error" ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 0,
                   class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
@@ -40343,20 +40382,27 @@
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                !_ctx.icon && !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 1,
+                  class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(check_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 2,
+                  class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(close_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 3,
                   class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
                 }, vue.toDisplayString(index.value + 1), 3)) : vue.createCommentVNode("v-if", true)
-              ]) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 1,
-                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(check_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(close_default), { key: 1 }))
-                ]),
-                _: 1
-              }, 8, ["class"]))
+              ])
             ], 2)
           ], 2),
           vue.createCommentVNode(" title & description "),
@@ -44800,6 +44846,9 @@
       if (realMinWidth.value) {
         column.minWidth = realMinWidth.value;
       }
+      if (!realWidth.value && realMinWidth.value) {
+        column.width = void 0;
+      }
       if (!column.minWidth) {
         column.minWidth = 80;
       }
@@ -44861,7 +44910,7 @@
           } else {
             children = originRenderCell(data);
           }
-          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0;
+          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0 && data.column.type !== "selection";
           const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
           const props2 = {
             class: "cell",
@@ -49924,7 +49973,9 @@
       return () => {
         const node = props.node;
         const { data, store } = node;
-        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: ns.be("node", "label") }, [node.label]);
+        return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : vue.h("span", { class: ns.be("node", "label") }, [
+          tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : node.label
+        ]);
       };
     }
   });
@@ -52758,8 +52809,7 @@
             onRemove: vue.unref(handleRemove)
           }, vue.createSlots({
             append: vue.withCtx(() => [
-              _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
-                key: 0,
+              vue.createVNode(UploadContent, vue.mergeProps({
                 ref_key: "uploadRef",
                 ref: uploadRef
               }, vue.unref(uploadContentProps)), {
@@ -52768,7 +52818,7 @@
                   !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 3
-              }, 16)) : vue.createCommentVNode("v-if", true)
+              }, 16)
             ]),
             _: 2
           }, [
@@ -52779,7 +52829,7 @@
               ])
             } : void 0
           ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true),
-          _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
+          !vue.unref(isPictureCard) || vue.unref(isPictureCard) && !_ctx.showFileList ? (vue.openBlock(), vue.createBlock(UploadContent, vue.mergeProps({
             key: 1,
             ref_key: "uploadRef",
             ref: uploadRef
@@ -53598,7 +53648,9 @@
         vue.render(null, container);
       }
     };
-    const vnode = vue.createVNode(MessageConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? { default: props.message } : null);
+    const vnode = vue.createVNode(MessageConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
+      default: isFunction(props.message) ? props.message : () => props.message
+    } : null);
     vnode.appContext = context || message._context;
     vue.render(vnode, container);
     appendTo.appendChild(container.firstElementChild);
@@ -54129,7 +54181,9 @@
 
   const messageInstance = /* @__PURE__ */ new Map();
   const initInstance = (props, container, appContext = null) => {
-    const vnode = vue.h(MessageBoxConstructor, props);
+    const vnode = vue.createVNode(MessageBoxConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
+      default: isFunction(props.message) ? props.message : () => props.message
+    } : null);
     vnode.appContext = appContext;
     vue.render(vnode, container);
     document.body.appendChild(container.firstElementChild);
@@ -54173,15 +54227,6 @@
         vm[prop] = options[prop];
       }
     }
-    vue.watch(() => vm.message, (newVal, oldVal) => {
-      if (vue.isVNode(newVal)) {
-        instance.slots.default = () => [newVal];
-      } else if (vue.isVNode(oldVal) && !vue.isVNode(newVal)) {
-        delete instance.slots.default;
-      }
-    }, {
-      immediate: true
-    });
     vm.visible = true;
     return vm;
   };