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

package/dist/index.esm.js

@@ -12865,7 +12865,7 @@ function autoUpdate(reference2, floating, update, options) {
 const computePosition = (reference2, floating, options) => computePosition$1(reference2, floating, __spreadValues({
   platform
 }, options));
-var usePlatform = () => {
+var usePlatform = (fullscreenTarget) => {
   const getElementRects = ({
     reference: reference2,
     floating
@@ -12898,11 +12898,11 @@ var usePlatform = () => {
     };
   };
   const getClippingRect2 = ({}) => {
-    var _a, _b;
+    var _a;
     const {
       width = 0,
       height = 0
-    } = (_b = (_a = document.fullscreenElement) == null ? void 0 : _a.getBoundingClientRect()) != null ? _b : {};
+    } = (_a = fullscreenTarget == null ? void 0 : fullscreenTarget.getBoundingClientRect()) != null ? _a : {};
     return {
       width,
       height,
@@ -12916,8 +12916,14 @@ var usePlatform = () => {
     getClippingRect: getClippingRect2
   };
 };
-var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) => {
+var useFloating = (props2, ctx, {
+  refReference,
+  refContent,
+  refArrow,
+  refRoot
+}) => {
   const localIsShow = ref(false);
+  const fullScreenTarget = ref();
   const isElementFullScreen = () => {
     var _a, _b, _c;
     const elReference = resolveTargetElement((_a = refReference.value) == null ? void 0 : _a.$el);
@@ -12981,7 +12987,7 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
         getElementRects,
         getDimensions: getDimensions2,
         getClippingRect: getClippingRect2
-      } = usePlatform();
+      } = usePlatform(fullScreenTarget.value);
       Object.assign(options, {
         platform: __spreadProps(__spreadValues({}, (_a = props3 == null ? void 0 : props3.platform) != null ? _a : {}), {
           getElementRects,
@@ -13166,6 +13172,9 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     };
     return (_a = triggerEvents[props2.trigger]) != null ? _a : [];
   };
+  const updateFullscreenTarget = (val) => {
+    fullScreenTarget.value = val;
+  };
   watch(localIsShow, (val) => {
     if (val) {
       hanldePopoverShow();
@@ -13183,15 +13192,15 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     isElementFullScreen,
     resolveTargetElement,
     createPopInstance,
+    updateFullscreenTarget,
     localIsShow,
     cleanup
   };
 };
 let popContainerId = null;
-let fullscreenReferId = null;
 let parentNodeReferId = null;
 var usePopperId = (props2, prefix = "#") => {
-  const getPrefixId = (isFullscreen = false, root) => {
+  const getPrefixId = (root) => {
     let resolvedBoundary = null;
     const resolveBoundary = (fn2) => {
       if (resolvedBoundary === null) {
@@ -13208,11 +13217,6 @@ var usePopperId = (props2, prefix = "#") => {
         }
       }
     };
-    const resolveFullScreenBoundary = () => {
-      if (isFullscreen) {
-        resolvedBoundary = `[data-fllsrn-id=${fullscreenReferId}]`;
-      }
-    };
     const resolveCommonBoundary = () => {
       if (!/^body$/i.test(props2.boundary) && typeof props2.boundary === "string") {
         if (!isAvailableId(props2.boundary)) {
@@ -13225,7 +13229,6 @@ var usePopperId = (props2, prefix = "#") => {
     };
     resolveBoundary(resolveParentBoundary);
     resolveBoundary(resolveCommonBoundary);
-    resolveBoundary(resolveFullScreenBoundary);
     resolveBoundary(() => {
       resolvedBoundary = typeof props2.boundary === "string" ? props2.boundary : `${prefix}${popContainerId}`;
     });
@@ -13238,33 +13241,20 @@ var usePopperId = (props2, prefix = "#") => {
     popContainer.setAttribute("data-popper-id", popContainerId);
     document.body.append(popContainer);
   }
-  if (fullscreenReferId === null) {
-    fullscreenReferId = `id_${uuid_1.v4()}`;
-  }
   if (parentNodeReferId === null) {
     parentNodeReferId = `id_${uuid_1.v4()}`;
   }
-  const resetFullscreenElementTag = () => {
-    var _a;
-    if (document.fullscreenElement === null) {
-      const query = `[data-fllsrn-id=${fullscreenReferId}]`;
-      ((_a = document.querySelectorAll(query)) != null ? _a : []).forEach((element) => {
-        element.removeAttribute("data-fllsrn-id");
-      });
-    } else {
-      document.fullscreenElement.setAttribute("data-fllsrn-id", fullscreenReferId);
-    }
-  };
   return {
     popContainerId,
     prefixId: getPrefixId(),
-    getPrefixId,
-    resetFullscreenElementTag
+    getPrefixId
   };
 };
-var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot) => {
+var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot }) => {
   let storeEvents = null;
   const isFullscreen = ref(false);
+  const fullscreenReferId = `id_${uuid_1.v4()}`;
+  const fullScreenTarget = ref();
   const {
     localIsShow,
     showPopover,
@@ -13273,9 +13263,10 @@ var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot)
     resolveTriggerEvents,
     resolvePopElements,
     isElementFullScreen,
+    updateFullscreenTarget,
     cleanup,
     createPopInstance
-  } = useFloating(props2, ctx, refReference, refContent, refArrow, refRoot);
+  } = useFloating(props2, ctx, { refReference, refContent, refArrow, refRoot });
   const showFn = () => {
     showPopover();
   };
@@ -13323,16 +13314,49 @@ var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot)
   };
   const updateBoundary = () => {
     const { elReference, root } = resolvePopElements();
-    boundary.value = getPrefixId(isFullscreen.value, root || elReference);
+    if (isFullscreen.value) {
+      boundary.value = fullScreenTarget == null ? void 0 : fullScreenTarget.value;
+      return;
+    }
+    boundary.value = getPrefixId(root || elReference);
+  };
+  const { getPrefixId } = usePopperId(props2, "#");
+  const setFullscreenTag = () => {
+    var _a;
+    (_a = fullScreenTarget == null ? void 0 : fullScreenTarget.value) == null ? void 0 : _a.setAttribute("data-fllsrn-id", fullscreenReferId);
+  };
+  const clearFullscreenTag = () => {
+    var _a;
+    const query = `[data-fllsrn-id=${fullscreenReferId}]`;
+    ((_a = fullScreenTarget == null ? void 0 : fullScreenTarget.value.querySelectorAll(query)) != null ? _a : []).forEach((element) => {
+      element.removeAttribute("data-fllsrn-id");
+    });
   };
-  const { getPrefixId, resetFullscreenElementTag } = usePopperId(props2, "#");
   const boundary = ref();
   const beforeInstanceUnmount = () => {
     removeEventListener2();
   };
-  const handleFullscreenChange = () => {
+  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 handleFullscreenChange = (e) => {
+    if (!document.fullscreenElement) {
+      clearFullscreenTag();
+    }
+    fullScreenTarget.value = getFullscreenRootElement(e.target);
+    updateFullscreenTarget(e.target);
     isFullscreen.value = isElementFullScreen();
-    resetFullscreenElementTag();
+    setFullscreenTag();
     updateBoundary();
     updatePopover(null, props2);
   };
@@ -13365,8 +13389,11 @@ var usePopoverInit = (props2, ctx, refReference, refContent, refArrow, refRoot)
     updateBoundary,
     initPopInstance,
     updatePopover,
+    showPopover,
+    hidePopover,
     showFn,
     hideFn,
+    isFullscreen,
     boundary
   };
 };
@@ -13395,13 +13422,7 @@ var Component$q = defineComponent({
     const refContent = ref();
     const refArrow = ref();
     const refRoot = ref();
-    const isFullscreen = ref(false);
     const refReference = computed(() => reference2.value || refDefaultReference.value);
-    const {
-      showPopover,
-      hidePopover,
-      updatePopover
-    } = useFloating(props2, ctx, refReference, refContent, refArrow, refRoot);
     const {
       onMountedFn,
       onUnmountedFn,
@@ -13411,8 +13432,16 @@ var Component$q = defineComponent({
       initPopInstance,
       showFn,
       hideFn,
+      showPopover,
+      hidePopover,
+      updatePopover,
       boundary
-    } = usePopoverInit(props2, ctx, refReference, refContent, refArrow, refRoot);
+    } = usePopoverInit(props2, ctx, {
+      refReference,
+      refContent,
+      refArrow,
+      refRoot
+    });
     if (!props2.always && !props2.disabled) {
       watch(() => props2.isShow, () => {
         props2.isShow ? showPopover() : hidePopover();
@@ -13430,7 +13459,7 @@ var Component$q = defineComponent({
     updateBoundary();
     onMounted(onMountedFn);
     onBeforeUnmount(onUnmountedFn);
-    const transBoundary = computed(() => (isFullscreen.value || !disableTeleport) && typeof boundary.value === "string");
+    const transBoundary = computed(() => !disableTeleport);
     const show2 = () => {
       showFn();
     };
@@ -14903,6 +14932,7 @@ var SelectTagInput = defineComponent({
     const {
       proxy
     } = getCurrentInstance();
+    const select2 = inject(selectKey, null);
     const {
       modelValue,
       collapseTags,
@@ -14958,6 +14988,7 @@ var SelectTagInput = defineComponent({
       });
     };
     return {
+      select: select2,
       overflowTagIndex,
       value,
       inputRef,
@@ -14993,7 +15024,10 @@ var SelectTagInput = defineComponent({
       },
       "onClose": () => this.handleRemoveTag(item.value)
     }, {
-      default: () => [item.label]
+      default: () => {
+        var _a2;
+        return [(_a2 = this.select) == null ? void 0 : _a2.handleGetLabelByValue(item.value)];
+      }
     })), !!this.overflowTagIndex && this.collapseTags && createVNode(BkTag, {
       "class": "bk-select-overflow-tag"
     }, {
@@ -15442,7 +15476,8 @@ var Component$j = defineComponent({
       unregister,
       registerGroup,
       unregisterGroup,
-      handleOptionSelected
+      handleOptionSelected,
+      handleGetLabelByValue
     }));
     onMounted(() => {
       handleSetSelectedData();
@@ -16121,7 +16156,7 @@ var SORT_OPTION = /* @__PURE__ */ ((SORT_OPTION2) => {
   SORT_OPTION2["NULL"] = "null";
   return SORT_OPTION2;
 })(SORT_OPTION || {});
-const SORT_OPTIONS = ["asc", "desc"];
+const SORT_OPTIONS = ["asc", "desc", "null"];
 var SortScope = /* @__PURE__ */ ((SortScope2) => {
   SortScope2["CURRENT"] = "current";
   SortScope2["ALL"] = "all";
@@ -16149,7 +16184,7 @@ const IColumnType = {
     PropTypes.shape({
       sortFn: PropTypes.func.def(void 0),
       sortScope: PropTypes.commonType(Object.values(SortScope)).def("current"),
-      value: PropTypes.string.def(null)
+      value: PropTypes.string.def(SORT_OPTION.NULL)
     }),
     PropTypes.bool,
     PropTypes.string
@@ -16225,7 +16260,7 @@ const tableProps = {
   })]).def(false),
   asyncData: PropTypes.bool.def(false),
   rowHover: PropTypes.oneOf(ROW_HOVER_OPTIONS).def(ROW_HOVER.HIGHLIGHT),
-  defaultSort: PropTypes.shape({}).def()
+  defaultSort: PropTypes.shape({}).def({})
 };
 var Column = defineComponent({
   name: "TableColumn",
@@ -17314,7 +17349,7 @@ var HeadSort = defineComponent({
   name: "HeadSort",
   props: {
     column: PropTypes.any.def({}),
-    defaultSort: PropTypes.oneOf(SORT_OPTIONS).def(SORT_OPTION.ASC)
+    defaultSort: PropTypes.oneOf(SORT_OPTIONS).def(SORT_OPTION.NULL)
   },
   emits: ["change"],
   setup(props2, {
@@ -18393,13 +18428,15 @@ const useInit = (props2, targetColumns) => {
   const colgroups = reactive([]);
   const { getColumns } = useColumn(props2, targetColumns);
   const updateColGroups = () => {
-    var _a2;
+    var _a2, _b2;
     const checked = ((_a2 = props2.settings) == null ? void 0 : _a2.checked) || [];
+    const settingFields = ((_b2 = props2.settings) == null ? void 0 : _b2.fields) || [];
+    const isSettingField = (col) => settingFields.some((field) => field.field === resolvePropVal(col, "field", [col]));
     colgroups.splice(0, colgroups.length, ...getColumns().map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null,
       resizeWidth: null,
       listeners: /* @__PURE__ */ new Map(),
-      isHidden: checked.length && !checked.includes(resolvePropVal(col, ["field", "type"], [col]))
+      isHidden: isSettingField(col) && checked.length && !checked.includes(resolvePropVal(col, ["field", "type"], [col]))
     })));
   };
   const { dragOffsetXStyle, dragOffsetX, resetResizeEvents, registerResizeEvent } = useColumnResize(colgroups, true);