bkui-vue 0.0.1-beta.209 → 0.0.1-beta.210

package/dist/index.esm.js

@@ -11412,13 +11412,19 @@ function createPopoverComponent(options) {
       };
       updateStyle(refProps.value.target);
       const show3 = () => {
-        var _a, _b;
-        (_b = (_a = refReference.value) == null ? void 0 : _a.show) == null ? void 0 : _b.call(_a);
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = refReference.value) == null ? void 0 : _a.show) == null ? void 0 : _b.call(_a);
+        });
       };
       const hide3 = () => {
         var _a, _b;
         (_b = (_a = refReference.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
       };
+      const stopHide = () => {
+        var _a, _b;
+        (_b = (_a = refReference.value) == null ? void 0 : _a.stopHide) == null ? void 0 : _b.call(_a);
+      };
       const attrs = computed(() => {
         const excludeKeys = ["target"];
         return Object.keys(refProps.value).filter((key2) => !excludeKeys.includes(key2)).reduce((out, curKey) => __spreadProps(__spreadValues({}, out), {
@@ -11435,13 +11441,24 @@ function createPopoverComponent(options) {
           (_b2 = (_a2 = refReference.value) == null ? void 0 : _a2.updatePopover) == null ? void 0 : _b2.call(_a2);
         });
       };
+      const handleContentMouseenter = () => {
+        var _a;
+        (_a = resolvedOptions.onContentMouseenter) == null ? void 0 : _a.call(resolvedOptions);
+      };
+      const handleContentMouseleave = () => {
+        var _a;
+        (_a = resolvedOptions.onContentMouseleave) == null ? void 0 : _a.call(resolvedOptions);
+      };
       expose({
         show: show3,
         hide: hide3,
-        updateTarget
+        updateTarget,
+        stopHide
       });
       return () => createVNode(Component$q, mergeProps(attrs.value, {
-        "ref": refReference
+        "ref": refReference,
+        "onContentMouseenter": handleContentMouseenter,
+        "onContentMouseleave": handleContentMouseleave
       }), {
         default: () => [createVNode("span", {
           "style": referStyle.value
@@ -11494,7 +11511,9 @@ function createPopoverComponent(options) {
     show: show2,
     hide: hide2,
     update,
-    vm: $PopoverInstanceVm,
+    get vm() {
+      return $PopoverInstanceVm;
+    },
     get $el() {
       return $PopoverInstanceVm.$el;
     }
@@ -11515,16 +11534,33 @@ const resolveOptions = (el, binding) => {
 const createInstance = (el, binding) => {
   let instance = null;
   let createTimer = null;
+  let hidePopTimer = null;
   const options = resolveOptions(el, binding);
   const { disabled } = options;
   if (disabled || instance) {
     return;
   }
+  const handleContentEnter = () => {
+    hidePopTimer && clearTimeout(hidePopTimer);
+    hidePopTimer = null;
+  };
+  const handleContentLeave = () => {
+    if (createTimer) {
+      clearTimeout(createTimer);
+    }
+    instance == null ? void 0 : instance.hide();
+    instance == null ? void 0 : instance.close();
+    instance = null;
+  };
   const handleMouseEnter = () => {
     createTimer && clearTimeout(createTimer);
     createTimer = setTimeout(() => {
       const targetOptions = resolveOptions(el, binding);
       targetOptions.content = targetOptions.content || el.innerHTML;
+      Object.assign(targetOptions, {
+        onContentMouseenter: handleContentEnter,
+        onContentMouseleave: handleContentLeave
+      });
       instance = createPopoverComponent(targetOptions);
       setTimeout(() => {
         instance.show();
@@ -11532,12 +11568,14 @@ const createInstance = (el, binding) => {
     }, 100);
   };
   const handleMouseLeave = () => {
-    if (createTimer) {
-      clearTimeout(createTimer);
-    }
-    instance == null ? void 0 : instance.hide();
-    instance == null ? void 0 : instance.close();
-    instance = null;
+    hidePopTimer = setTimeout(() => {
+      if (createTimer) {
+        clearTimeout(createTimer);
+      }
+      instance == null ? void 0 : instance.hide();
+      instance == null ? void 0 : instance.close();
+      instance = null;
+    }, 120);
   };
   el.addEventListener("mouseenter", handleMouseEnter);
   el.addEventListener("mouseleave", handleMouseLeave);
@@ -11581,16 +11619,22 @@ var Arrow = defineComponent({
   }
 });
 const EMPTY$2 = (..._args) => true;
-let EMITEVENTS;
-(function(EMITEVENTS2) {
-  EMITEVENTS2["SHOW"] = "show";
-  EMITEVENTS2["HIDE"] = "hide";
-  EMITEVENTS2["CLICK_OUTSIDE"] = "clickoutside";
-})(EMITEVENTS || (EMITEVENTS = {}));
+let EMIT_EVENTS$1;
+(function(EMIT_EVENTS2) {
+  EMIT_EVENTS2["SHOW"] = "show";
+  EMIT_EVENTS2["HIDE"] = "hide";
+  EMIT_EVENTS2["CLICK_OUTSIDE"] = "clickoutside";
+  EMIT_EVENTS2["CONTENT_MOUSEENTER"] = "contentMouseenter";
+  EMIT_EVENTS2["CONTENT_MOUSELEAVE"] = "contentMouseleave";
+  EMIT_EVENTS2["STOP_HIDE"] = "stopHide";
+})(EMIT_EVENTS$1 || (EMIT_EVENTS$1 = {}));
 const EMIT_EVENT_TYPES$1 = {
-  [EMITEVENTS.SHOW]: EMPTY$2,
-  [EMITEVENTS.HIDE]: EMPTY$2,
-  [EMITEVENTS.CLICK_OUTSIDE]: EMPTY$2
+  [EMIT_EVENTS$1.SHOW]: EMPTY$2,
+  [EMIT_EVENTS$1.HIDE]: EMPTY$2,
+  [EMIT_EVENTS$1.CLICK_OUTSIDE]: EMPTY$2,
+  [EMIT_EVENTS$1.CONTENT_MOUSEENTER]: EMPTY$2,
+  [EMIT_EVENTS$1.CONTENT_MOUSELEAVE]: EMPTY$2,
+  [EMIT_EVENTS$1.STOP_HIDE]: EMPTY$2
 };
 var Content = defineComponent({
   name: "PopContent",
@@ -13144,13 +13188,15 @@ var useFloating = (props2, ctx, {
       updateArrowStyle(elArrow, resolvedPlacement, middlewareData);
     });
   };
+  let popHideTimerId = void 0;
+  let isMouseenter = false;
   const showPopover = () => {
-    !props2.disabled && (localIsShow.value = true);
+    setTimeout(() => {
+      !props2.disabled && (localIsShow.value = true);
+    }, 100);
   };
-  let popShowTimerId = void 0;
-  let isMouseenter = false;
   const hidePopover = () => {
-    popShowTimerId = setTimeout(() => {
+    popHideTimerId = setTimeout(() => {
       localIsShow.value = false;
     }, 100);
   };
@@ -13179,25 +13225,33 @@ var useFloating = (props2, ctx, {
       hidePopover();
     }
   };
-  const hanldeClickRef = () => {
+  const handleClickRef = () => {
     triggerPopover();
   };
   const handlePopContentMouseEnter = () => {
     if (props2.trigger !== "hover") {
       return;
     }
-    if (popShowTimerId) {
+    if (popHideTimerId) {
       isMouseenter = true;
-      clearTimeout(popShowTimerId);
-      popShowTimerId = void 0;
+      clearTimeout(popHideTimerId);
+      popHideTimerId = void 0;
     }
+    emitPopContentMouseEnter();
   };
   const handlePopContentMouseLeave = () => {
     if (isMouseenter) {
       hidePopover();
       isMouseenter = false;
+      emitPopContentMouseLeave();
     }
   };
+  const emitPopContentMouseEnter = () => {
+    ctx.emit(EMIT_EVENTS$1.CONTENT_MOUSEENTER);
+  };
+  const emitPopContentMouseLeave = () => {
+    ctx.emit(EMIT_EVENTS$1.CONTENT_MOUSELEAVE);
+  };
   const resolveTriggerEvents = () => {
     var _a;
     const triggerEvents = {
@@ -13205,8 +13259,11 @@ var useFloating = (props2, ctx, {
         content: [["mouseenter", handlePopContentMouseEnter], ["mouseleave", handlePopContentMouseLeave]],
         reference: [["mouseenter", showPopover], ["mouseleave", hidePopover], ["focus", showPopover], ["blur", hidePopover]]
       },
-      click: [["click", hanldeClickRef]],
-      manual: [[]]
+      click: [["click", handleClickRef]],
+      manual: {
+        content: [["mouseenter", emitPopContentMouseEnter], ["mouseleave", emitPopContentMouseLeave]],
+        reference: [[]]
+      }
     };
     return (_a = triggerEvents[props2.trigger]) != null ? _a : [];
   };
@@ -13220,6 +13277,13 @@ var useFloating = (props2, ctx, {
       handlePopoverHide();
     }
   });
+  const stopHide = () => {
+    if (popHideTimerId) {
+      isMouseenter = true;
+      clearTimeout(popHideTimerId);
+      popHideTimerId = void 0;
+    }
+  };
   return {
     showPopover,
     hidePopover,
@@ -13232,6 +13296,7 @@ var useFloating = (props2, ctx, {
     createPopInstance,
     updateFullscreenTarget,
     getFullscreenRoot,
+    stopHide,
     localIsShow,
     cleanup
   };
@@ -13304,7 +13369,8 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     isElementFullScreen,
     updateFullscreenTarget,
     createPopInstance,
-    getFullscreenRoot
+    getFullscreenRoot,
+    stopHide
   } = useFloating(props2, ctx, { refReference, refContent, refArrow, refRoot });
   const showFn = () => {
     showPopover();
@@ -13407,7 +13473,7 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
   };
   const handleClickOutside = (_e) => {
-    ctx.emit(EMITEVENTS.CLICK_OUTSIDE, { isShow: localIsShow.value, event: _e });
+    ctx.emit(EMIT_EVENTS$1.CLICK_OUTSIDE, { isShow: localIsShow.value, event: _e });
     if (props2.disableOutsideClick || props2.always || props2.disabled || props2.trigger === "manual") {
       return;
     }
@@ -13427,6 +13493,7 @@ var usePopoverInit = (props2, ctx, { refReference, refContent, refArrow, refRoot
     hidePopover,
     showFn,
     hideFn,
+    stopHide,
     isFullscreen,
     boundary
   };
@@ -13469,6 +13536,7 @@ var Component$q = defineComponent({
       showPopover,
       hidePopover,
       updatePopover,
+      stopHide,
       boundary
     } = usePopoverInit(props2, ctx, {
       refReference,
@@ -13512,7 +13580,8 @@ var Component$q = defineComponent({
       handleClickOutside,
       updatePopover,
       hide: hide2,
-      show: show2
+      show: show2,
+      stopHide
     };
   },
   render() {
@@ -17474,7 +17543,7 @@ var Settings = defineComponent({
     emit
   }) {
     const defaultSizeList = DEFAULT_SIZE_LIST;
-    const resolvedColVal = (item, index) => resolvePropVal(item, ["field", "index"], [item, index]);
+    const resolvedColVal = (item, index) => resolvePropVal(item, ["field", "type"], [item, index]);
     const checkAll = ref(false);
     const isShow = ref(false);
     const localSettings = typeof props2.settings === "boolean" ? ref({
@@ -17489,7 +17558,7 @@ var Settings = defineComponent({
     }) : ref(props2.settings);
     const activeSize = ref(localSettings.value.size || "small");
     const activeHeight = ref(props2.rowHeight);
-    const checkedFields = ref(localSettings.value.checked);
+    const checkedFields = ref(localSettings.value.checked || []);
     const className = resolveClassName("table-settings");
     const theme = `light ${className}`;
     const cachedValue = {
@@ -17528,10 +17597,12 @@ var Settings = defineComponent({
       e.preventDefault();
       checkAll.value = !checkAll.value;
       const fields = localSettings.value.fields || props2.columns || [];
+      const readonlyFields = fields.filter((f2, index) => f2.disabled && checkedFields.value.includes(resolvedColVal(f2, index))).map((item, index) => resolvedColVal(item, index));
       if (checkAll.value) {
-        checkedFields.value = fields.filter((f2) => !f2.disabled).map((item, index) => resolvedColVal(item, index));
+        const allFields = fields.filter((f2) => !f2.disabled).map((item, index) => resolvedColVal(item, index));
+        checkedFields.value.splice(0, checkedFields.value.length, ...allFields, ...readonlyFields);
       } else {
-        checkedFields.value.splice(0, checkedFields.value.length);
+        checkedFields.value.splice(0, checkedFields.value.length, ...readonlyFields);
       }
     };
     const isLimit = computed(() => {