@element-plus/nightly 0.0.20220825 → 0.0.20220826

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220825 */
+/*! 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.20220825";
+  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"
     }
   });
@@ -29929,7 +29938,7 @@
     ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       const props = __props;
       const modes = {
         CONTAIN: {
@@ -29949,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,
@@ -29963,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;
@@ -30092,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)
@@ -30146,7 +30157,7 @@
           }
         });
       });
-      vue.watch(index, (val) => {
+      vue.watch(activeIndex, (val) => {
         reset();
         emit("switch", val);
       });
@@ -30155,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",
@@ -30290,7 +30304,7 @@
                       onError: handleImgError,
                       onMousedown: handleMouseDown
                     }, null, 46, _hoisted_1$u)), [
-                      [vue.vShow, i === index.value]
+                      [vue.vShow, i === activeIndex.value]
                     ]);
                   }), 128))
                 ], 2),
@@ -31229,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";
@@ -31254,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;
@@ -31394,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);
@@ -54704,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;