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

package/dist/index.esm.js

@@ -9878,8 +9878,7 @@ const propsCollapse = {
 };
 const CollapsePanelEventProps = {
   itemClick: {
-    type: Function,
-    default: null
+    type: Function
   }
 };
 const propsCollapsePanel = __spreadValues({
@@ -11324,10 +11323,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 +12938,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 +12959,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 +12988,7 @@ var useFloating = (props2, ctx, {
         element: elArrow
       }));
     }
-    if (isAutoPlacemntAvailable()) {
+    if (isAutoPlacementAvailable()) {
       middleware.push(autoPlacement());
     } else {
       middleware.unshift(inline());
@@ -13193,6 +13208,7 @@ var useFloating = (props2, ctx, {
     resolveTargetElement,
     createPopInstance,
     updateFullscreenTarget,
+    getFullscreenRoot,
     localIsShow,
     cleanup
   };
@@ -13253,7 +13269,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 +13280,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 +13342,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 +13371,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);
   };
@@ -16454,6 +16465,7 @@ var useLimit = () => {
       "class": "bk-pagination-limit-select",
       "clearable": false,
       "size": "small",
+      "withValidate": false,
       "modelValue": localLimit.value,
       "onChange": handleLimitChange,
       "disabled": proxy.disabled
@@ -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
     }, {
@@ -19030,8 +19042,7 @@ var ListTagRender = defineComponent({
     displayKey: PropTypes.string,
     searchKeyword: PropTypes.string,
     tpl: {
-      type: Function,
-      default: null
+      type: Function
     }
   },
   render() {
@@ -19078,24 +19089,19 @@ const tagProps = () => ({
   showClearOnlyHover: PropTypes.bool.def(false),
   leftSpace: PropTypes.number.def(0),
   createTagValidator: {
-    type: Function,
-    default: null
+    type: Function
   },
   filterCallback: {
-    type: Function,
-    default: null
+    type: Function
   },
   tagTpl: {
-    type: Function,
-    default: null
+    type: Function
   },
   tpl: {
-    type: Function,
-    default: null
+    type: Function
   },
   pasteFn: {
-    type: Function,
-    default: null
+    type: Function
   },
   withValidate: {
     type: Boolean,
@@ -19112,8 +19118,7 @@ var TagRender = defineComponent({
     node: PropTypes.object,
     displayKey: PropTypes.string,
     tpl: {
-      type: Function,
-      default: null
+      type: Function
     }
   },
   render() {
@@ -23927,8 +23932,7 @@ const datePickerProps = {
     default: true
   },
   open: {
-    type: Boolean,
-    default: null
+    type: Boolean
   },
   multiple: {
     type: Boolean,
@@ -30249,12 +30253,10 @@ var uploadProps = {
   },
   customRequest: Function,
   beforeUpload: {
-    type: Function,
-    default: null
+    type: Function
   },
   beforeRemove: {
-    type: Function,
-    default: null
+    type: Function
   },
   sliceUpload: {
     type: Boolean,
@@ -30445,8 +30447,7 @@ var UploadTrigger = defineComponent({
     multiple: uploadProps.multiple,
     accept: uploadProps.accept,
     file: {
-      type: Object,
-      default: null
+      type: Object
     }
   },
   emits: ["change", "remove"],