@varlet/ui 3.7.4 → 3.8.0

package/es/uploader/Uploader.mjs

@@ -35,7 +35,7 @@ import { toSizeUnit } from "../utils/elements.mjs";
 import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("uploader");
 let fid = 0;
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, withCtx as _withCtx, createSlots as _createSlots } from "vue";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["src", "alt"];
@@ -79,17 +79,23 @@ function __render__(_ctx, _cache) {
                   3
                   /* TEXT, CLASS */
                 ),
-                _ctx.removable ? (_openBlock(), _createElementBlock("div", {
+                _ctx.removable ? _renderSlot(_ctx.$slots, "remove-button", {
                   key: 0,
-                  class: _normalizeClass(_ctx.n("file-close")),
-                  onClick: _withModifiers(($event) => _ctx.handleRemove(f), ["stop"])
-                }, [
-                  _createVNode(_component_var_icon, {
-                    class: _normalizeClass(_ctx.n("file-close-icon")),
-                    "var-uploader-cover": "",
-                    name: "delete"
-                  }, null, 8, ["class"])
-                ], 10, _hoisted_2)) : _createCommentVNode("v-if", true),
+                  remove: () => {
+                    _ctx.handleRemove(f);
+                  }
+                }, () => [
+                  _createElementVNode("div", {
+                    class: _normalizeClass(_ctx.n("file-close")),
+                    onClick: _withModifiers(($event) => _ctx.handleRemove(f), ["stop"])
+                  }, [
+                    _createVNode(_component_var_icon, {
+                      class: _normalizeClass(_ctx.n("file-close-icon")),
+                      "var-uploader-cover": "",
+                      name: "delete"
+                    }, null, 8, ["class"])
+                  ], 10, _hoisted_2)
+                ]) : _createCommentVNode("v-if", true),
                 f.cover ? (_openBlock(), _createElementBlock("img", {
                   key: 1,
                   role: "img",

package/es/utils/elements.mjs

@@ -160,10 +160,22 @@ function formatStyleVars(styleVars) {
 function padStartFlex(style) {
   return style === "start" || style === "end" ? `flex-${style}` : style;
 }
+function isDisplayNoneElement(element) {
+  let parent = element;
+  while (parent && parent !== document.documentElement) {
+    if (getStyle(parent).display === "none") {
+      return true;
+    }
+    parent = parent.parentNode;
+  }
+  return false;
+}
 const focusableSelector = ["button", "input", "select", "textarea", "[tabindex]", "[href]"].map((s) => `${s}:not([disabled])`).join(", ");
 function focusChildElementByKey(hostElement, parentElement, key) {
   var _a;
-  const focusableElements = parentElement.querySelectorAll(focusableSelector);
+  const focusableElements = Array.from(parentElement.querySelectorAll(focusableSelector)).filter(
+    (element) => !isDisplayNoneElement(element)
+  );
   if (!focusableElements.length) {
     return;
   }
@@ -202,6 +214,7 @@ export {
   getTranslateY,
   getViewportSize,
   isCalc,
+  isDisplayNoneElement,
   isEm,
   isPercent,
   isPx,