@element-plus/nightly 0.0.20220903 → 0.0.20220904

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220903 */
+/*! Element Plus v0.0.20220904 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11026,7 +11026,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220903";
+  const version$1 = "0.0.20220904";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12970,7 +12970,7 @@
     },
     fallbackPlacements: {
       type: definePropType(Array),
-      default: () => []
+      default: void 0
     },
     gpuAcceleration: {
       type: Boolean,
@@ -13090,7 +13090,7 @@
         name: "flip",
         options: {
           padding: 5,
-          fallbackPlacements: fallbackPlacements != null ? fallbackPlacements : []
+          fallbackPlacements
         }
       },
       {
@@ -29796,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;
@@ -29823,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);
@@ -33245,6 +33258,11 @@
       validateEvent: {
         type: Boolean,
         default: true
+      },
+      placement: {
+        type: String,
+        values: Ee,
+        default: "bottom-start"
       }
     },
     emits: [
@@ -33480,7 +33498,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"],
@@ -33759,7 +33777,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]
     ]);
@@ -37495,6 +37513,11 @@
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom-start"
     }
   };
   const OptionProps = {
@@ -38576,7 +38599,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",
@@ -38890,7 +38913,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]
     ]);
@@ -40345,7 +40368,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"))
@@ -40354,20 +40377,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 "),
@@ -44811,6 +44841,9 @@
       if (realMinWidth.value) {
         column.minWidth = realMinWidth.value;
       }
+      if (!realWidth.value && realMinWidth.value) {
+        column.width = void 0;
+      }
       if (!column.minWidth) {
         column.minWidth = 80;
       }
@@ -54141,7 +54174,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);
@@ -54185,15 +54220,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;
   };