@element-plus/nightly 0.0.20221118 → 0.0.20221120

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221118 */
+/*! Element Plus v0.0.20221120 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11103,7 +11103,7 @@
     };
   };
 
-  const version$1 = "0.0.20221118";
+  const version$1 = "0.0.20221120";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11633,6 +11633,25 @@
         }
         return comboBoxAttrs;
       });
+      const containerKls = vue.computed(() => [
+        props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
+        nsInput.m(inputSize.value),
+        nsInput.is("disabled", inputDisabled.value),
+        nsInput.is("exceed", inputExceed.value),
+        {
+          [nsInput.b("group")]: slots.prepend || slots.append,
+          [nsInput.bm("group", "append")]: slots.append,
+          [nsInput.bm("group", "prepend")]: slots.prepend,
+          [nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
+          [nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
+          [nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value
+        },
+        rawAttrs.class
+      ]);
+      const wrapperKls = vue.computed(() => [
+        nsInput.e("wrapper"),
+        nsInput.is("focus", focused.value)
+      ]);
       const attrs = useAttrs({
         excludeKeys: vue.computed(() => {
           return Object.keys(containerAttrs.value);
@@ -11828,21 +11847,7 @@
       });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: [
-            _ctx.type === "textarea" ? vue.unref(nsTextarea).b() : vue.unref(nsInput).b(),
-            vue.unref(nsInput).m(vue.unref(inputSize)),
-            vue.unref(nsInput).is("disabled", vue.unref(inputDisabled)),
-            vue.unref(nsInput).is("exceed", vue.unref(inputExceed)),
-            {
-              [vue.unref(nsInput).b("group")]: _ctx.$slots.prepend || _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend,
-              [vue.unref(nsInput).m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
-              [vue.unref(nsInput).m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-              [vue.unref(nsInput).bm("suffix", "password-clear")]: vue.unref(showClear) && vue.unref(showPwdVisible)
-            },
-            _ctx.$attrs.class
-          ],
+          class: vue.unref(containerKls),
           style: vue.unref(containerStyle),
           role: _ctx.containerRole,
           onMouseenter: handleMouseEnter,
@@ -11858,7 +11863,7 @@
               vue.renderSlot(_ctx.$slots, "prepend")
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(nsInput).e("wrapper"), vue.unref(nsInput).is("focus", focused.value)])
+              class: vue.normalizeClass(vue.unref(wrapperKls))
             }, [
               vue.createCommentVNode(" prefix slot "),
               _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -11866,7 +11871,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("prefix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner")),
+                  onClick: focus
                 }, [
                   vue.renderSlot(_ctx.$slots, "prefix"),
                   _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -11912,7 +11918,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("suffix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner")),
+                  onClick: focus
                 }, [
                   !vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.renderSlot(_ctx.$slots, "suffix"),
@@ -21655,7 +21662,6 @@
                 default: vue.withCtx(() => [
                   tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
-                    teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     placement: "bottom",
@@ -31995,18 +32001,29 @@
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
       const subMenus = vue.ref({});
+      let activeItemFirstOpend = true;
       const isMenuPopup = vue.computed(() => {
         return props.mode === "horizontal" || props.mode === "vertical" && props.collapse;
       });
       const initMenu = () => {
         const activeItem = activeIndex.value && items.value[activeIndex.value];
-        if (!activeItem || props.mode === "horizontal" || props.collapse)
+        if (!activeItem || props.mode === "horizontal" || props.collapse || props.uniqueOpened && !activeItemFirstOpend)
           return;
         const indexPath = activeItem.indexPath;
-        indexPath.forEach((index) => {
-          const subMenu = subMenus.value[index];
-          subMenu && openMenu(index, subMenu.indexPath);
-        });
+        const openAllActiveItem = () => {
+          activeItemFirstOpend = false;
+          indexPath.forEach((index) => {
+            const subMenu = subMenus.value[index];
+            subMenu && openMenu(index, subMenu.indexPath);
+          });
+        };
+        if (activeIndex.value === props.defaultActive && activeItemFirstOpend) {
+          openAllActiveItem();
+        } else {
+          if (indexPath.every((index) => openedMenus.value.includes(index))) {
+            openAllActiveItem();
+          }
+        }
       };
       const openMenu = (index, indexPath) => {
         if (openedMenus.value.includes(index))
@@ -52561,6 +52578,7 @@
       const nsUpload = useNamespace("upload");
       const nsIcon = useNamespace("icon");
       const nsList = useNamespace("list");
+      const disabled = useDisabled();
       const focusing = vue.ref(false);
       const handleRemove = (file) => {
         emit("remove", file);
@@ -52571,7 +52589,7 @@
           class: vue.normalizeClass([
             vue.unref(nsUpload).b("list"),
             vue.unref(nsUpload).bm("list", _ctx.listType),
-            vue.unref(nsUpload).is("disabled", _ctx.disabled)
+            vue.unref(nsUpload).is("disabled", vue.unref(disabled))
           ]),
           name: vue.unref(nsList).b()
         }, {
@@ -52585,7 +52603,7 @@
                   { focusing: focusing.value }
                 ]),
                 tabindex: "0",
-                onKeydown: vue.withKeys(($event) => !_ctx.disabled && handleRemove(file), ["delete"]),
+                onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
                 onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
                 onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
                 onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
@@ -52646,7 +52664,7 @@
                       _: 1
                     }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
                   ], 2),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 2,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
                     onClick: ($event) => handleRemove(file)
@@ -52659,7 +52677,7 @@
                   vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
                   vue.createCommentVNode(" This is a bug which needs to be fixed "),
                   vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("i", {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
                     key: 3,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
                   }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
@@ -52680,7 +52698,7 @@
                         _: 1
                       }, 8, ["class"])
                     ], 10, _hoisted_4$1),
-                    !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+                    !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
                       onClick: ($event) => handleRemove(file)
@@ -52727,15 +52745,15 @@
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
-      const props = __props;
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
         throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
       }
       const ns = useNamespace("upload");
       const dragover = vue.ref(false);
+      const disabled = useDisabled();
       const onDrop = (e) => {
-        if (props.disabled)
+        if (disabled.value)
           return;
         dragover.value = false;
         const files = Array.from(e.dataTransfer.files);
@@ -52764,7 +52782,7 @@
         emit("file", filesFiltered);
       };
       const onDragover = () => {
-        if (!props.disabled)
+        if (!disabled.value)
           dragover.value = true;
       };
       return (_ctx, _cache) => {
@@ -52825,6 +52843,7 @@
     setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("upload");
+      const disabled = useDisabled();
       const requests = vue.shallowRef({});
       const inputRef = vue.shallowRef();
       const uploadFiles = (files) => {
@@ -52922,7 +52941,7 @@
         uploadFiles(Array.from(files));
       };
       const handleClick = () => {
-        if (!props.disabled) {
+        if (!disabled.value) {
           inputRef.value.value = "";
           inputRef.value.click();
         }
@@ -52951,7 +52970,7 @@
         }, [
           _ctx.drag ? (vue.openBlock(), vue.createBlock(UploadDragger, {
             key: 0,
-            disabled: _ctx.disabled,
+            disabled: vue.unref(disabled),
             onFile: uploadFiles
           }, {
             default: vue.withCtx(() => [