bkui-vue 0.0.1-beta.136 → 0.0.1-beta.139

package/dist/index.esm.js

@@ -11028,6 +11028,8 @@ function show(el) {
   nodeList.get(el).popperInstance = popperInstance;
 }
 function hide$1(el) {
+  if (!nodeList.get(el))
+    return;
   const { popper: popper2, popperInstance, opts: { onHide } } = nodeList.get(el);
   if (popper2 && document.body.contains(popper2)) {
     popper2.removeAttribute("data-show");
@@ -12577,8 +12579,12 @@ var useFloating = (props, ctx, refReference, refContent, refArrow, refRoot) => {
   const showPopover = () => {
     localIsShow.value = true;
   };
+  let popShowTimerId = void 0;
+  let isMouseenter = false;
   const hidePopover = () => {
-    localIsShow.value = false;
+    popShowTimerId = setTimeout(() => {
+      localIsShow.value = false;
+    }, 100);
   };
   const hanldePopoverShow = () => {
     var _a;
@@ -12608,10 +12614,29 @@ var useFloating = (props, ctx, refReference, refContent, refArrow, refRoot) => {
   const hanldeClickRef = () => {
     triggerPopover();
   };
+  const handlePopContentMouseEnter = () => {
+    if (props.trigger !== "hover") {
+      return;
+    }
+    if (popShowTimerId) {
+      isMouseenter = true;
+      clearTimeout(popShowTimerId);
+      popShowTimerId = void 0;
+    }
+  };
+  const handlePopContentMouseLeave = () => {
+    if (isMouseenter) {
+      hidePopover();
+      isMouseenter = false;
+    }
+  };
   const resolveTriggerEvents = () => {
     var _a;
     const triggerEvents = {
-      hover: [["mouseenter", showPopover], ["mouseleave", hidePopover], ["focus", showPopover], ["blur", hidePopover]],
+      hover: {
+        content: [["mouseenter", handlePopContentMouseEnter], ["mouseleave", handlePopContentMouseLeave]],
+        reference: [["mouseenter", showPopover], ["mouseleave", hidePopover], ["focus", showPopover], ["blur", hidePopover]]
+      },
       click: [["click", hanldeClickRef]],
       manual: [[]]
     };
@@ -12668,6 +12693,8 @@ var usePopperId = (props, prefix = "#") => {
       if (!/^body$/i.test(props.boundary) && typeof props.boundary === "string") {
         if (!isAvailableId(props.boundary)) {
           console.error("props.boundary is not available selector");
+          resolvedBoundary = "body";
+          return;
         }
         resolvedBoundary = props.boundary;
       }
@@ -12761,7 +12788,7 @@ var Component$o = defineComponent({
       if (props.always) {
         showPopover();
       } else {
-        addEventToReferenceEl();
+        addEventToPopTargetEl();
       }
     };
     if (!props.always && !props.disabled) {
@@ -12778,13 +12805,26 @@ var Component$o = defineComponent({
         beforeInstanceUnmount();
       }
     });
-    const addEventToReferenceEl = () => {
+    const addEventToPopTargetEl = () => {
       const {
-        elReference
+        elReference,
+        elContent
       } = resolvePopElements();
       storeEvents = resolveTriggerEvents();
-      storeEvents.forEach(([event, listener]) => {
-        elReference.addEventListener(event, listener);
+      if (Array.isArray(storeEvents)) {
+        addEventToTargetEl(elReference, storeEvents);
+      } else {
+        const {
+          content: content2,
+          reference: reference2
+        } = storeEvents;
+        addEventToTargetEl(elReference, reference2);
+        addEventToTargetEl(elContent, content2);
+      }
+    };
+    const addEventToTargetEl = (target, evets) => {
+      evets.forEach(([event, listener]) => {
+        target.addEventListener(event, listener);
       });
     };
     const removeEventListener2 = () => {
@@ -14929,9 +14969,6 @@ var Component$f = defineComponent({
         const sizeStr = `bk-switcher-${props.size}`;
         cls[sizeStr] = true;
       }
-      if (!props.size) {
-        cls["bk-switcher-nomal"] = true;
-      }
       return cls;
     });
     watch(() => props.modelValue, () => {