@element-plus/nightly 0.0.20220827 → 0.0.20220828

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220827 */
+/*! Element Plus v0.0.20220828 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10536,11 +10536,59 @@
   }
 
   function getTrueOffsetParent(element) {
-    if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
+    if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
       return null;
     }
 
-    return element.offsetParent;
+    return composedOffsetParent(element);
+  }
+  /**
+   * Polyfills the old offsetParent behavior from before the spec was changed:
+   * https://github.com/w3c/csswg-drafts/issues/159
+   */
+
+
+  function composedOffsetParent(element) {
+    let {
+      offsetParent
+    } = element;
+    let ancestor = element;
+    let foundInsideSlot = false;
+
+    while (ancestor && ancestor !== offsetParent) {
+      const {
+        assignedSlot
+      } = ancestor;
+
+      if (assignedSlot) {
+        let newOffsetParent = assignedSlot.offsetParent;
+
+        if (getComputedStyle$1(assignedSlot).display === 'contents') {
+          const hadStyleAttribute = assignedSlot.hasAttribute('style');
+          const oldDisplay = assignedSlot.style.display;
+          assignedSlot.style.display = getComputedStyle$1(ancestor).display;
+          newOffsetParent = assignedSlot.offsetParent;
+          assignedSlot.style.display = oldDisplay;
+
+          if (!hadStyleAttribute) {
+            assignedSlot.removeAttribute('style');
+          }
+        }
+
+        ancestor = assignedSlot;
+
+        if (offsetParent !== newOffsetParent) {
+          offsetParent = newOffsetParent;
+          foundInsideSlot = true;
+        }
+      } else if (isShadowRoot(ancestor) && ancestor.host && foundInsideSlot) {
+        break;
+      }
+
+      ancestor = isShadowRoot(ancestor) && ancestor.host || ancestor.parentNode;
+    }
+
+    return offsetParent;
   }
 
   function getContainingBlock(element) {
@@ -10554,7 +10602,8 @@
       if (isContainingBlock(currentNode)) {
         return currentNode;
       } else {
-        currentNode = currentNode.parentNode;
+        const parent = currentNode.parentNode;
+        currentNode = isShadowRoot(parent) ? parent.host : parent;
       }
     }
 
@@ -10567,11 +10616,11 @@
     const window = getWindow(element);
     let offsetParent = getTrueOffsetParent(element);
 
-    while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
+    while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
       offsetParent = getTrueOffsetParent(offsetParent);
     }
 
-    if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
+    if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
       return window;
     }
 
@@ -10976,7 +11025,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220827";
+  const version$1 = "0.0.20220828";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11112,7 +11161,8 @@
       useEventListener(scrollContainer, "scroll", handleScroll);
       vue.watchEffect(update);
       expose({
-        update
+        update,
+        updateRoot
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -11437,12 +11487,10 @@
       default: false
     },
     suffixIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     prefixIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     containerRole: {
       type: String,
@@ -14462,8 +14510,7 @@
       default: "/"
     },
     separatorIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     }
   });
 
@@ -14586,8 +14633,7 @@
       default: ""
     },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     nativeType: {
       type: String,
@@ -21353,7 +21399,7 @@
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tags"))
                       }, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags, (tag2, idx) => {
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags.slice(1), (tag2, idx) => {
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: idx,
                             class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tag"))
@@ -31680,8 +31726,7 @@
       default: false
     },
     closeIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     customClass: {
       type: String,
@@ -36350,8 +36395,7 @@
     disabled: { type: Boolean, default: false },
     href: { type: String, default: "" },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     }
   });
   const linkEmits = {
@@ -36658,16 +36702,16 @@
       default: 6
     },
     expandCloseIcon: {
-      type: definePropType([Object, Function])
+      type: iconPropType
     },
     expandOpenIcon: {
-      type: definePropType([Object, Function])
+      type: iconPropType
     },
     collapseCloseIcon: {
-      type: definePropType([Object, Function])
+      type: iconPropType
     },
     collapseOpenIcon: {
-      type: definePropType([Object, Function])
+      type: iconPropType
     }
   });
   const COMPONENT_NAME$8 = "ElSubMenu";
@@ -36837,7 +36881,9 @@
             style: {
               transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
             }
-          }, { default: () => vue.h(subMenuTitleIcon.value) })
+          }, {
+            default: () => isString(subMenuTitleIcon.value) ? vue.h(instance.appContext.components[subMenuTitleIcon.value]) : vue.h(subMenuTitleIcon.value)
+          })
         ];
         const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
         const child = rootMenu.isMenuPopup ? vue.h(ElTooltip, {
@@ -39779,7 +39825,7 @@
     },
     icon: {
       type: iconPropType,
-      default: question_filled_default
+      default: () => question_filled_default
     },
     iconColor: {
       type: String,
@@ -45714,12 +45760,10 @@
       default: false
     },
     activeIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     inactiveIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     activeText: {
       type: String,
@@ -53154,6 +53198,7 @@
       const { Option: ElOption } = ElSelect;
       const nsInput = useNamespace("input");
       const select = vue.ref();
+      const _disabled = useDisabled$1();
       const value = vue.computed(() => props.modelValue);
       const start = vue.computed(() => {
         const time = parseTime(props.start);
@@ -53208,7 +53253,7 @@
           ref_key: "select",
           ref: select,
           "model-value": vue.unref(value),
-          disabled: _ctx.disabled,
+          disabled: vue.unref(_disabled),
           clearable: _ctx.clearable,
           "clear-icon": _ctx.clearIcon,
           size: _ctx.size,
@@ -53300,8 +53345,7 @@
       default: "normal"
     },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     hollow: {
       type: Boolean,
@@ -55827,7 +55871,9 @@
         type: Number,
         default: 18
       },
-      icon: [String, Object]
+      icon: {
+        type: iconPropType
+      }
     },
     emits: [
       "check-change",
@@ -57427,15 +57473,11 @@
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
-      const props = __props;
       const { t } = useLocale();
       const nsUpload = useNamespace("upload");
       const nsIcon = useNamespace("icon");
       const nsList = useNamespace("list");
       const focusing = vue.ref(false);
-      const handleClick = (file) => {
-        props.handlePreview(file);
-      };
       const handleRemove = (file) => {
         emit("remove", file);
       };
@@ -57471,13 +57513,13 @@
                     src: file.url,
                     alt: ""
                   }, null, 10, _hoisted_2$4)) : vue.createCommentVNode("v-if", true),
-                  _ctx.listType !== "picture" && (file.status === "uploading" || _ctx.listType !== "picture-card") ? (vue.openBlock(), vue.createElementBlock("div", {
+                  file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 1,
                     class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
                   }, [
                     vue.createElementVNode("a", {
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
-                      onClick: vue.withModifiers(($event) => handleClick(file), ["prevent"])
+                      onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
                     }, [
                       vue.createVNode(vue.unref(ElIcon), {
                         class: vue.normalizeClass(vue.unref(nsIcon).m("document"))
@@ -58598,7 +58640,7 @@
     center: false,
     dangerouslyUseHTMLString: false,
     duration: 3e3,
-    icon: "",
+    icon: void 0,
     id: "",
     message: "",
     onClose: void 0,
@@ -59551,8 +59593,7 @@
       default: 4500
     },
     icon: {
-      type: definePropType([String, Object]),
-      default: ""
+      type: iconPropType
     },
     id: {
       type: String,
@@ -59624,7 +59665,7 @@
       });
       const iconComponent = vue.computed(() => {
         if (!props.type)
-          return "";
+          return props.icon;
         return TypeComponentsMap[props.type] || props.icon;
       });
       const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");