@element-plus/nightly 0.0.20220823 → 0.0.20220826

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220823 */
+/*! Element Plus v0.0.20220826 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10976,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220823";
+  const version$1 = "0.0.20220826";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12342,9 +12342,18 @@
     LIGHT: "light",
     DARK: "dark"
   };
+  const roleTypes = [
+    "dialog",
+    "grid",
+    "listbox",
+    "menu",
+    "tooltip",
+    "tree"
+  ];
   const usePopperProps = buildProps({
     role: {
       type: String,
+      values: roleTypes,
       default: "tooltip"
     }
   });
@@ -19106,7 +19115,7 @@
       if (toTypeString(value) === "[object Boolean]") {
         return value;
       } else if (Array.isArray(value)) {
-        return value.includes(props.label);
+        return value.map(vue.toRaw).includes(props.label);
       } else if (value !== null && value !== void 0) {
         return value === props.trueLabel;
       } else {
@@ -28209,6 +28218,11 @@
       values: ["left", "right", "top"],
       default: "right"
     },
+    requireAsteriskPosition: {
+      type: String,
+      values: ["left", "right"],
+      default: "left"
+    },
     labelWidth: {
       type: [String, Number],
       default: ""
@@ -29640,6 +29654,7 @@
         ns.is("success", validateState.value === "success"),
         ns.is("required", isRequired.value || props.required),
         ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
+        (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
         { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
       ]);
       const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
@@ -29923,7 +29938,7 @@
     ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       const props = __props;
       const modes = {
         CONTAIN: {
@@ -29943,7 +29958,7 @@
       const imgRefs = vue.ref([]);
       const scopeEventListener = vue.effectScope();
       const loading = vue.ref(true);
-      const index = vue.ref(props.initialIndex);
+      const activeIndex = vue.ref(props.initialIndex);
       const mode = vue.shallowRef(modes.CONTAIN);
       const transform = vue.ref({
         scale: 1,
@@ -29957,13 +29972,13 @@
         return urlList.length <= 1;
       });
       const isFirst = vue.computed(() => {
-        return index.value === 0;
+        return activeIndex.value === 0;
       });
       const isLast = vue.computed(() => {
-        return index.value === props.urlList.length - 1;
+        return activeIndex.value === props.urlList.length - 1;
       });
       const currentImg = vue.computed(() => {
-        return props.urlList[index.value];
+        return props.urlList[activeIndex.value];
       });
       const imgStyle = vue.computed(() => {
         const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
@@ -30086,22 +30101,24 @@
         const modeNames = keysOf(modes);
         const modeValues = Object.values(modes);
         const currentMode = mode.value.name;
-        const index2 = modeValues.findIndex((i) => i.name === currentMode);
-        const nextIndex = (index2 + 1) % modeNames.length;
+        const index = modeValues.findIndex((i) => i.name === currentMode);
+        const nextIndex = (index + 1) % modeNames.length;
         mode.value = modes[modeNames[nextIndex]];
         reset();
       }
+      function setActiveItem(index) {
+        const len = props.urlList.length;
+        activeIndex.value = (index + len) % len;
+      }
       function prev() {
         if (isFirst.value && !props.infinite)
           return;
-        const len = props.urlList.length;
-        index.value = (index.value - 1 + len) % len;
+        setActiveItem(activeIndex.value - 1);
       }
       function next() {
         if (isLast.value && !props.infinite)
           return;
-        const len = props.urlList.length;
-        index.value = (index.value + 1) % len;
+        setActiveItem(activeIndex.value + 1);
       }
       function handleActions(action, options = {}) {
         if (loading.value)
@@ -30140,7 +30157,7 @@
           }
         });
       });
-      vue.watch(index, (val) => {
+      vue.watch(activeIndex, (val) => {
         reset();
         emit("switch", val);
       });
@@ -30149,6 +30166,9 @@
         registerEventListener();
         (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
       });
+      expose({
+        setActiveItem
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, {
           to: "body",
@@ -30284,7 +30304,7 @@
                       onError: handleImgError,
                       onMousedown: handleMouseDown
                     }, null, 46, _hoisted_1$u)), [
-                      [vue.vShow, i === index.value]
+                      [vue.vShow, i === activeIndex.value]
                     ]);
                   }), 128))
                 ], 2),
@@ -31223,6 +31243,18 @@
     popperOffset: {
       type: Number,
       default: 6
+    },
+    expandCloseIcon: {
+      type: definePropType([Object, Function])
+    },
+    expandOpenIcon: {
+      type: definePropType([Object, Function])
+    },
+    collapseCloseIcon: {
+      type: definePropType([Object, Function])
+    },
+    collapseOpenIcon: {
+      type: definePropType([Object, Function])
     }
   });
   const COMPONENT_NAME$8 = "ElSubMenu";
@@ -31248,7 +31280,7 @@
       const vPopper = vue.ref(null);
       const currentPlacement = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
       const subMenuTitleIcon = vue.computed(() => {
-        return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? arrow_down_default : arrow_right_default;
+        return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? props.expandCloseIcon && props.expandOpenIcon ? opened.value ? props.expandOpenIcon : props.expandCloseIcon : arrow_down_default : props.collapseCloseIcon && props.collapseOpenIcon ? opened.value ? props.collapseOpenIcon : props.collapseCloseIcon : arrow_right_default;
       });
       const isFirstLevel = vue.computed(() => {
         return subMenu.level === 0;
@@ -31388,7 +31420,10 @@
         const titleTag = [
           (_a = slots.title) == null ? void 0 : _a.call(slots),
           vue.h(ElIcon, {
-            class: nsSubMenu.e("icon-arrow")
+            class: nsSubMenu.e("icon-arrow"),
+            style: {
+              transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+            }
           }, { default: () => vue.h(subMenuTitleIcon.value) })
         ];
         const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
@@ -43805,6 +43840,11 @@
       } else {
         useEventListener(window, "resize", resizeListener);
       }
+      useResizeObserver(table.refs.bodyWrapper, () => {
+        var _a, _b;
+        resizeListener();
+        (_b = (_a = table.refs) == null ? void 0 : _a.scrollBarRef) == null ? void 0 : _b.update();
+      });
     };
     const resizeListener = () => {
       var _a, _b, _c;
@@ -43831,7 +43871,7 @@
       }
       tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
+      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
       bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
@@ -43879,7 +43919,6 @@
       return {};
     });
     const scrollbarStyle = vue.computed(() => {
-      var _a, _b;
       if (props.height) {
         return {
           height: "100%"
@@ -43887,13 +43926,11 @@
       }
       if (props.maxHeight) {
         if (!Number.isNaN(Number(props.maxHeight))) {
-          const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
-          const footerHeight = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
           const maxHeight = props.maxHeight;
           const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
           if (reachMaxHeight) {
             return {
-              maxHeight: `${tableScrollHeight.value - headerHeight - footerHeight}px`
+              maxHeight: `${tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value}px`
             };
           }
         } else {
@@ -53240,7 +53277,7 @@
     const { prev } = getInstance(id);
     if (!prev)
       return 0;
-    return prev.vm.exposeProxy.bottom;
+    return prev.vm.exposed.bottom.value;
   };
 
   const _hoisted_1$2 = ["id"];
@@ -53430,7 +53467,7 @@
     const vm = vnode.component;
     const handler = {
       close: () => {
-        vm.exposeProxy.visible = false;
+        vm.exposed.visible.value = false;
       }
     };
     const instance = {
@@ -54341,7 +54378,7 @@
     appendTo.appendChild(container.firstElementChild);
     return {
       close: () => {
-        vm.component.proxy.visible = false;
+        vm.component.exposed.visible.value = false;
       }
     };
   };
@@ -54385,7 +54422,7 @@
   function closeAll() {
     for (const orientedNotifications of Object.values(notifications)) {
       orientedNotifications.forEach(({ vm }) => {
-        vm.component.proxy.visible = false;
+        vm.component.exposed.visible.value = false;
       });
     }
   }
@@ -54696,6 +54733,7 @@
   exports.rateProps = rateProps;
   exports.renderThumbStyle = renderThumbStyle$1;
   exports.resultProps = resultProps;
+  exports.roleTypes = roleTypes;
   exports.rowContextKey = rowContextKey;
   exports.rowProps = rowProps;
   exports.scrollbarContextKey = scrollbarContextKey;