@element-plus/nightly 0.0.20260104 → 0.0.20260105

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260104 */
+/*! Element Plus v0.0.20260105 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12960,7 +12960,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20260104";
+  const version$1 = "0.0.20260105";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18895,13 +18895,11 @@
     size: {
       type: [Number, String],
       values: componentSizes,
-      default: "",
       validator: (val) => isNumber(val)
     },
     shape: {
       type: String,
-      values: ["circle", "square"],
-      default: "circle"
+      values: ["circle", "square"]
     },
     icon: {
       type: iconPropType
@@ -18921,6 +18919,10 @@
     error: (evt) => evt instanceof Event
   };
 
+  const avatarGroupContextKey = Symbol(
+    "avatarGroupContextKey"
+  );
+
   const _hoisted_1$19 = ["src", "alt", "srcset"];
   const _sfc_main$2d = vue.defineComponent({
     ...{
@@ -18932,23 +18934,33 @@
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const avatarGroupContext = vue.inject(avatarGroupContextKey, void 0);
       const ns = useNamespace("avatar");
       const hasLoadError = vue.ref(false);
+      const size = vue.computed(() => {
+        var _a;
+        return (_a = props.size) != null ? _a : avatarGroupContext == null ? void 0 : avatarGroupContext.size;
+      });
+      const shape = vue.computed(
+        () => {
+          var _a, _b;
+          return (_b = (_a = props.shape) != null ? _a : avatarGroupContext == null ? void 0 : avatarGroupContext.shape) != null ? _b : "circle";
+        }
+      );
       const avatarClass = vue.computed(() => {
-        const { size, icon, shape } = props;
+        const { icon } = props;
         const classList = [ns.b()];
-        if (isString$1(size))
-          classList.push(ns.m(size));
+        if (isString$1(size.value))
+          classList.push(ns.m(size.value));
         if (icon)
           classList.push(ns.m("icon"));
-        if (shape)
-          classList.push(ns.m(shape));
+        if (shape.value)
+          classList.push(ns.m(shape.value));
         return classList;
       });
       const sizeStyle = vue.computed(() => {
-        const { size } = props;
-        return isNumber(size) ? ns.cssVarBlock({
-          size: addUnit(size)
+        return isNumber(size.value) ? ns.cssVarBlock({
+          size: addUnit(size.value)
         }) : void 0;
       });
       const fitStyle = vue.computed(() => ({
@@ -18991,7 +19003,87 @@
   });
   var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/avatar/src/avatar.vue"]]);
 
-  const ElAvatar = withInstall(Avatar);
+  const avatarGroupProps = buildProps({
+    size: avatarProps.size,
+    shape: avatarProps.shape,
+    collapseAvatars: Boolean,
+    collapseAvatarsTooltip: Boolean,
+    maxCollapseAvatars: {
+      type: Number,
+      default: 1
+    },
+    effect: {
+      type: definePropType(String),
+      default: "light"
+    },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "top"
+    },
+    popperClass: useTooltipContentProps.popperClass,
+    popperStyle: useTooltipContentProps.popperStyle,
+    collapseClass: String,
+    collapseStyle: {
+      type: definePropType([String, Array, Object])
+    }
+  });
+
+  var AvatarGroup = vue.defineComponent({
+    name: "ElAvatarGroup",
+    props: avatarGroupProps,
+    setup(props, {
+      slots
+    }) {
+      const ns = useNamespace("avatar-group");
+      vue.provide(avatarGroupContextKey, vue.reactive({
+        size: vue.toRef(props, "size"),
+        shape: vue.toRef(props, "shape")
+      }));
+      return () => {
+        var _a, _b;
+        const avatars = flattedChildren((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []);
+        let visibleAvatars = avatars;
+        const showCollapseAvatar = props.collapseAvatars && avatars.length > props.maxCollapseAvatars;
+        if (showCollapseAvatar) {
+          visibleAvatars = avatars.slice(0, props.maxCollapseAvatars);
+          const hiddenAvatars = avatars.slice(props.maxCollapseAvatars);
+          visibleAvatars.push(vue.createVNode(ElTooltip, {
+            "popperClass": props.popperClass,
+            "popperStyle": props.popperStyle,
+            "placement": props.placement,
+            "effect": props.effect,
+            "disabled": !props.collapseAvatarsTooltip
+          }, {
+            default: () => vue.createVNode(Avatar, {
+              "size": props.size,
+              "shape": props.shape,
+              "class": props.collapseClass,
+              "style": props.collapseStyle
+            }, {
+              default: () => [vue.createTextVNode("+ "), hiddenAvatars.length]
+            }),
+            content: () => vue.createVNode("div", {
+              "class": ns.e("collapse-avatars")
+            }, [hiddenAvatars.map((node, idx) => {
+              var _a2;
+              return vue.isVNode(node) ? vue.cloneVNode(node, {
+                key: (_a2 = node.key) != null ? _a2 : idx
+              }) : node;
+            })])
+          }));
+        }
+        return vue.createVNode("div", {
+          "class": ns.b()
+        }, [visibleAvatars]);
+      };
+    }
+  });
+
+  const ElAvatar = withInstall(Avatar, {
+    AvatarGroup
+  });
+  const ElAvatarGroup = withNoopInstall(AvatarGroup);
 
   const backtopProps = {
     visibilityHeight: {
@@ -46729,9 +46821,9 @@
     let xOffset = 0;
     let yOffset = 0;
     const hasReachedEdge = (x, y) => {
-      const xEdgeReached = x <= 0 && atXStartEdge.value || x >= 0 && atXEndEdge.value;
-      const yEdgeReached = y <= 0 && atYStartEdge.value || y >= 0 && atYEndEdge.value;
-      return xEdgeReached && yEdgeReached;
+      const xEdgeReached = x < 0 && atXStartEdge.value || x > 0 && atXEndEdge.value;
+      const yEdgeReached = y < 0 && atYStartEdge.value || y > 0 && atYEndEdge.value;
+      return xEdgeReached || yEdgeReached;
     };
     const onWheel = (e) => {
       cAF(frameHandle);
@@ -46746,7 +46838,7 @@
         x = y;
         y = 0;
       }
-      if (hasReachedEdge(xOffset, yOffset) && hasReachedEdge(xOffset + x, yOffset + y))
+      if (hasReachedEdge(x, y))
         return;
       xOffset += x;
       yOffset += y;
@@ -65040,7 +65132,8 @@
       type: Boolean,
       default: void 0
     },
-    limit: Number
+    limit: Number,
+    directory: Boolean
   });
   const uploadProps = buildProps({
     ...uploadBaseProps,
@@ -65314,7 +65407,8 @@
     disabled: {
       type: Boolean,
       default: void 0
-    }
+    },
+    directory: Boolean
   });
   const uploadDraggerEmits = {
     file: (file) => isArray$1(file)
@@ -65329,6 +65423,7 @@
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit: __emit }) {
+      const props = __props;
       const emit = __emit;
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
@@ -65340,13 +65435,58 @@
       const ns = useNamespace("upload");
       const dragover = vue.ref(false);
       const disabled = useFormDisabled();
-      const onDrop = (e) => {
+      const getFile = (entry) => {
+        return new Promise((resolve, reject) => entry.file(resolve, reject));
+      };
+      const getAllFiles = async (entry) => {
+        try {
+          if (entry.isFile) {
+            const file = await getFile(
+              entry
+            );
+            file.isDirectory = false;
+            return [file];
+          }
+          if (entry.isDirectory) {
+            const dirReader = entry.createReader();
+            const getEntries = () => {
+              return new Promise(
+                (resolve, reject) => dirReader.readEntries(resolve, reject)
+              );
+            };
+            const entries = [];
+            let readEntries = await getEntries();
+            while (readEntries.length > 0) {
+              entries.push(...readEntries);
+              readEntries = await getEntries();
+            }
+            const filePromises = entries.map(
+              (entry2) => getAllFiles(entry2).catch(() => [])
+            );
+            const files = await Promise.all(filePromises);
+            return flatten(files);
+          }
+        } catch (e) {
+          return [];
+        }
+        return [];
+      };
+      const onDrop = async (e) => {
         if (disabled.value)
           return;
         dragover.value = false;
         e.stopPropagation();
         const files = Array.from(e.dataTransfer.files);
         const items = e.dataTransfer.items || [];
+        if (props.directory) {
+          const entries = Array.from(items).map((item) => {
+            var _a;
+            return (_a = item == null ? void 0 : item.webkitGetAsEntry) == null ? void 0 : _a.call(item);
+          }).filter((entry) => entry);
+          const allFiles = await Promise.all(entries.map(getAllFiles));
+          emit("file", flatten(allFiles));
+          return;
+        }
         files.forEach((file, index) => {
           var _a;
           const item = items[index];
@@ -65419,7 +65559,7 @@
   });
 
   const _hoisted_1$9 = ["tabindex", "aria-disabled", "onKeydown"];
-  const _hoisted_2$5 = ["name", "disabled", "multiple", "accept"];
+  const _hoisted_2$5 = ["name", "disabled", "multiple", "accept", "webkitdirectory"];
   const _sfc_main$h = vue.defineComponent({
     ...{
       name: "ElUploadContent",
@@ -65591,13 +65731,14 @@
           _ctx.drag ? (vue.openBlock(), vue.createBlock(UploadDragger, {
             key: 0,
             disabled: vue.unref(disabled),
+            directory: _ctx.directory,
             onFile: uploadFiles
           }, {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["disabled"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
+          }, 8, ["disabled", "directory"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
           vue.createElementVNode("input", {
             ref_key: "inputRef",
             ref: inputRef,
@@ -65606,6 +65747,7 @@
             disabled: vue.unref(disabled),
             multiple: _ctx.multiple,
             accept: _ctx.accept,
+            webkitdirectory: _ctx.directory,
             type: "file",
             onChange: handleChange,
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -69388,6 +69530,7 @@
     ElAutocomplete,
     ElAutoResizer,
     ElAvatar,
+    ElAvatarGroup,
     ElBacktop,
     ElBadge,
     ElBreadcrumb,
@@ -71538,6 +71681,7 @@
   exports.ElAutoResizer = ElAutoResizer;
   exports.ElAutocomplete = ElAutocomplete;
   exports.ElAvatar = ElAvatar;
+  exports.ElAvatarGroup = ElAvatarGroup;
   exports.ElBacktop = ElBacktop;
   exports.ElBadge = ElBadge;
   exports.ElBreadcrumb = ElBreadcrumb;
@@ -71711,6 +71855,8 @@
   exports.autocompleteEmits = autocompleteEmits;
   exports.autocompleteProps = autocompleteProps;
   exports.avatarEmits = avatarEmits;
+  exports.avatarGroupContextKey = avatarGroupContextKey;
+  exports.avatarGroupProps = avatarGroupProps;
   exports.avatarProps = avatarProps;
   exports.backtopEmits = backtopEmits;
   exports.backtopProps = backtopProps;