@element-plus/nightly 0.0.20220827 → 0.0.20220830

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220827 */
+/*! Element Plus v0.0.20220830 */
 
 (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.20220830";
 
   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", {
@@ -11155,11 +11205,12 @@
       const props = __props;
       const ns = useNamespace("icon");
       const style = vue.computed(() => {
-        if (!props.size && !props.color)
+        const { size, color } = props;
+        if (!size && !color)
           return {};
         return {
-          fontSize: isUndefined(props.size) ? void 0 : addUnit(props.size),
-          "--color": props.color
+          fontSize: isUndefined(size) ? void 0 : addUnit(size),
+          "--color": color
         };
       });
       return (_ctx, _cache) => {
@@ -11437,12 +11488,10 @@
       default: false
     },
     suffixIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     prefixIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     containerRole: {
       type: String,
@@ -14462,8 +14511,7 @@
       default: "/"
     },
     separatorIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     }
   });
 
@@ -14586,8 +14634,7 @@
       default: ""
     },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     nativeType: {
       type: String,
@@ -21353,7 +21400,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"))
@@ -29511,7 +29558,7 @@
       const handleYearTableClick = (event) => {
         const clickTarget = event.target;
         const target = clickTarget.closest("td");
-        if (target) {
+        if (target && target.textContent) {
           if (hasClass(target, "disabled"))
             return;
           const year = target.textContent || target.innerText;
@@ -31679,9 +31726,12 @@
       type: Boolean,
       default: false
     },
+    alignCenter: {
+      type: Boolean,
+      default: false
+    },
     closeIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     customClass: {
       type: String,
@@ -31731,6 +31781,7 @@
             vue.unref(ns).b(),
             vue.unref(ns).is("fullscreen", _ctx.fullscreen),
             vue.unref(ns).is("draggable", vue.unref(draggable)),
+            vue.unref(ns).is("align-center", _ctx.alignCenter),
             { [vue.unref(ns).m("center")]: _ctx.center },
             _ctx.customClass
           ]),
@@ -31878,6 +31929,12 @@
       }
       return style2;
     });
+    const overlayDialogStyle = vue.computed(() => {
+      if (props.alignCenter) {
+        return { display: "flex" };
+      }
+      return {};
+    });
     function afterEnter() {
       emit("opened");
     }
@@ -31999,6 +32056,7 @@
       bodyId,
       closed,
       style,
+      overlayDialogStyle,
       rendered,
       visible,
       zIndex
@@ -32007,7 +32065,8 @@
 
   const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
   const __default__$K = {
-    name: "ElDialog"
+    name: "ElDialog",
+    inheritAttrs: false
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     ...__default__$K,
@@ -32023,6 +32082,14 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/dialog.html#slots"
       }, vue.computed(() => !!slots.title));
+      useDeprecated({
+        scope: "el-dialog",
+        from: "custom-class",
+        replacement: "class",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => !!props.customClass));
       const ns = useNamespace("dialog");
       const dialogRef = vue.ref();
       const headerRef = vue.ref();
@@ -32032,6 +32099,7 @@
         titleId,
         bodyId,
         style,
+        overlayDialogStyle,
         rendered,
         zIndex,
         afterEnter,
@@ -32084,6 +32152,7 @@
                     "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
                     "aria-describedby": vue.unref(bodyId),
                     class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                    style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
                     onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
                     onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
                     onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
@@ -32097,19 +32166,21 @@
                       onReleaseRequested: vue.unref(onCloseRequested)
                     }, {
                       default: vue.withCtx(() => [
-                        vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, {
+                        vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, vue.mergeProps({
                           key: 0,
                           ref_key: "dialogContentRef",
-                          ref: dialogContentRef,
+                          ref: dialogContentRef
+                        }, _ctx.$attrs, {
                           "custom-class": _ctx.customClass,
                           center: _ctx.center,
+                          "align-center": _ctx.alignCenter,
                           "close-icon": _ctx.closeIcon,
                           draggable: vue.unref(draggable),
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
                           title: _ctx.title,
                           onClose: vue.unref(handleClose)
-                        }, vue.createSlots({
+                        }), vue.createSlots({
                           header: vue.withCtx(() => [
                             !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
                               key: 0,
@@ -32129,11 +32200,11 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$B)
+                  ], 46, _hoisted_1$B)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -36350,8 +36421,7 @@
     disabled: { type: Boolean, default: false },
     href: { type: String, default: "" },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     }
   });
   const linkEmits = {
@@ -36658,16 +36728,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 +36907,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 +39851,7 @@
     },
     icon: {
       type: iconPropType,
-      default: question_filled_default
+      default: () => question_filled_default
     },
     iconColor: {
       type: String,
@@ -45714,12 +45786,10 @@
       default: false
     },
     activeIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     inactiveIcon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     activeText: {
       type: String,
@@ -47290,18 +47360,19 @@
         }
       },
       changeSortCondition(states, options) {
-        const { sortingColumn: column, sortProp: prop, sortOrder: order } = states;
-        if (vue.unref(order) === null) {
+        const { sortingColumn, sortProp, sortOrder } = states;
+        const columnValue = vue.unref(sortingColumn), propValue = vue.unref(sortProp), orderValue = vue.unref(sortOrder);
+        if (orderValue === null) {
           states.sortingColumn.value = null;
           states.sortProp.value = null;
         }
-        const ingore = { filter: true };
-        instance.store.execQuery(ingore);
+        const ignore = { filter: true };
+        instance.store.execQuery(ignore);
         if (!options || !(options.silent || options.init)) {
           instance.emit("sort-change", {
-            column: vue.unref(column),
-            prop: vue.unref(prop),
-            order: vue.unref(order)
+            column: columnValue,
+            prop: propValue,
+            order: orderValue
           });
         }
         instance.store.updateTableScrollY();
@@ -53154,6 +53225,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 +53280,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 +53372,7 @@
       default: "normal"
     },
     icon: {
-      type: iconPropType,
-      default: ""
+      type: iconPropType
     },
     hollow: {
       type: Boolean,
@@ -55827,7 +55898,9 @@
         type: Number,
         default: 18
       },
-      icon: [String, Object]
+      icon: {
+        type: iconPropType
+      }
     },
     emits: [
       "check-change",
@@ -57427,15 +57500,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 +57540,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 +58667,7 @@
     center: false,
     dangerouslyUseHTMLString: false,
     duration: 3e3,
-    icon: "",
+    icon: void 0,
     id: "",
     message: "",
     onClose: void 0,
@@ -59551,8 +59620,7 @@
       default: 4500
     },
     icon: {
-      type: definePropType([String, Object]),
-      default: ""
+      type: iconPropType
     },
     id: {
       type: String,
@@ -59624,7 +59692,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");