bkui-vue 0.0.1-beta.202 → 0.0.1-beta.203

package/dist/index.esm.js

@@ -11324,10 +11324,17 @@ function hide$1(el) {
     onHide();
   }
 }
+const CachedConst = {};
 const isAvailableId = (query) => {
   const container2 = document.querySelector(query);
   return container2 instanceof HTMLElement;
 };
+const getFullscreenUid = () => {
+  if (!CachedConst.fullscreenReferId) {
+    CachedConst.fullscreenReferId = `id_${uuid_1.v4()}`;
+  }
+  return CachedConst.fullscreenReferId;
+};
 function createPopoverComponent(options) {
   let $PopoverInstance = null;
   let $PopoverInstanceVm = null;
@@ -12932,6 +12939,15 @@ var useFloating = (props2, ctx, {
     }
     return (_c = document.fullscreenElement) == null ? void 0 : _c.contains(elReference);
   };
+  const getFullscreenRoot = (selector) => {
+    if (isElementFullScreen()) {
+      if (document.fullscreenElement.shadowRoot) {
+        return document.fullscreenElement.shadowRoot.querySelector(selector);
+      }
+      return document.fullscreenElement.querySelector(selector);
+    }
+    return document.body;
+  };
   const themeList = ["dark", "light"];
   const compTheme = computed(() => {
     var _a, _b;
@@ -12944,8 +12960,8 @@ var useFloating = (props2, ctx, {
       customThemes
     };
   });
-  const isHideMiddlewareAvailable = () => !isElementFullScreen() && props2.autoVisibility;
-  const isAutoPlacemntAvailable = () => isElementFullScreen() || props2.autoPlacement;
+  const isHideMiddlewareAvailable = () => props2.autoVisibility;
+  const isAutoPlacementAvailable = () => props2.autoPlacement;
   const resolvePopElements = () => {
     var _a, _b, _c, _d;
     const elReference = resolveTargetElement((_a = refReference.value) == null ? void 0 : _a.$el);
@@ -12973,7 +12989,7 @@ var useFloating = (props2, ctx, {
         element: elArrow
       }));
     }
-    if (isAutoPlacemntAvailable()) {
+    if (isAutoPlacementAvailable()) {
       middleware.push(autoPlacement());
     } else {
       middleware.unshift(inline());
@@ -13193,6 +13209,7 @@ var useFloating = (props2, ctx, {
     resolveTargetElement,
     createPopInstance,
     updateFullscreenTarget,
+    getFullscreenRoot,
     localIsShow,
     cleanup
   };
@@ -13253,7 +13270,7 @@ var usePopperId = (props2, prefix = "#") => {
 var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot }) => {
   let storeEvents = null;
   const isFullscreen = ref(false);
-  const fullscreenReferId = `id_${uuid_1.v4()}`;
+  const fullscreenReferId = getFullscreenUid();
   const fullScreenTarget = ref();
   const {
     localIsShow,
@@ -13264,8 +13281,8 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     resolvePopElements,
     isElementFullScreen,
     updateFullscreenTarget,
-    cleanup,
-    createPopInstance
+    createPopInstance,
+    getFullscreenRoot
   } = useFloating(props2, ctx, { refReference, refContent, refArrow, refRoot });
   const showFn = () => {
     showPopover();
@@ -13326,37 +13343,27 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     (_a = fullScreenTarget == null ? void 0 : fullScreenTarget.value) == null ? void 0 : _a.setAttribute("data-fllsrn-id", fullscreenReferId);
   };
   const clearFullscreenTag = () => {
-    var _a;
+    var _a, _b;
     const query = `[data-fllsrn-id=${fullscreenReferId}]`;
-    ((_a = fullScreenTarget == null ? void 0 : fullScreenTarget.value.querySelectorAll(query)) != null ? _a : []).forEach((element) => {
-      element.removeAttribute("data-fllsrn-id");
+    ((_b = (_a = fullScreenTarget == null ? void 0 : fullScreenTarget.value) == null ? void 0 : _a.querySelectorAll(query)) != null ? _b : []).forEach((element) => {
+      element == null ? void 0 : element.removeAttribute("data-fllsrn-id");
     });
   };
   const boundary = ref();
   const beforeInstanceUnmount = () => {
     removeEventListener2();
   };
-  const getFullscreenRootElement = (target) => {
-    var _a;
-    if (((_a = document.fullscreenElement) == null ? void 0 : _a.shadowRoot) && document.fullscreenElement.shadowRoot.contains(target)) {
-      if (target.parentNode === document.fullscreenElement.shadowRoot) {
-        return target;
-      }
-      if (target.parentNode === document.body) {
-        return document.body;
-      }
-      return getFullscreenRootElement(target.parentNode);
-    }
-    return document.fullscreenElement;
+  const updateFullscreen = (target) => {
+    fullScreenTarget.value = target;
+    updateFullscreenTarget(target);
+    isFullscreen.value = isElementFullScreen();
+    setFullscreenTag();
   };
   const handleFullscreenChange = (e) => {
     if (!document.fullscreenElement) {
       clearFullscreenTag();
     }
-    fullScreenTarget.value = getFullscreenRootElement(e.target);
-    updateFullscreenTarget(e.target);
-    isFullscreen.value = isElementFullScreen();
-    setFullscreenTag();
+    updateFullscreen(e.target);
     updateBoundary();
     updatePopover(null, props2);
   };
@@ -13365,6 +13372,11 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
       return;
     }
     initPopInstance();
+    if (isElementFullScreen()) {
+      const query = `[data-fllsrn-id=${fullscreenReferId}]`;
+      const target = getFullscreenRoot(query);
+      updateFullscreen(target);
+    }
     updateBoundary();
     document.body.addEventListener("fullscreenchange", handleFullscreenChange);
   };
@@ -17307,7 +17319,7 @@ var HeadFilter = defineComponent({
     return () => createVNode(BkPopover2, mergeProps({
       "trigger": "click",
       "isShow": state.isOpen,
-      "placement": "bottom-end",
+      "placement": "bottom-start",
       "arrow": false,
       "offset": 0
     }, {