bkui-vue 0.0.1-beta.138 → 0.0.1-beta.140

package/dist/index.esm.js

@@ -12579,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;
@@ -12610,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: [[]]
     };
@@ -12670,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;
       }
@@ -12763,7 +12788,7 @@ var Component$o = defineComponent({
       if (props.always) {
         showPopover();
       } else {
-        addEventToReferenceEl();
+        addEventToPopTargetEl();
       }
     };
     if (!props.always && !props.disabled) {
@@ -12780,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 = () => {
@@ -14628,14 +14666,6 @@ var Component$h = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, sliderPops), {
-    title: {
-      type: String,
-      default: ""
-    },
-    extCls: {
-      type: String,
-      default: ""
-    },
     direction: {
       type: String,
       default: "right",
@@ -14704,10 +14734,10 @@ var Component$h = defineComponent({
         }
       };
       const className = `bk-sideslider-wrapper ${props.scrollable ? "scroll-able" : ""} ${props.extCls}`;
-      const maxHeight = slots.footer ? "calc(100vh - 114px)" : "calc(100vh - 60px)";
+      const maxHeight = slots.footer ? "calc(100vh - 106px)" : "calc(100vh - 52px)";
       return createVNode(BkModal, mergeProps(props, {
         "maxHeight": maxHeight,
-        "extCls": className,
+        "class": className,
         "style": `${props.direction}: 0;`,
         "onHidden": handleHidden,
         "onShown": handleShown,
@@ -14931,9 +14961,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, () => {
@@ -19042,7 +19069,7 @@ const Message$1 = (constructor, options) => {
   });
   const container2 = document.createElement("div");
   const vm = createVNode(constructor, opts);
-  vm.props.onDestory = (id2) => {
+  vm.props.onDestroy = (id2) => {
     close(id2, position, spacing, userOnClose);
     render$1(null, container2);
   };
@@ -19089,7 +19116,7 @@ const messageProps = {
 var MessageConstructor = defineComponent({
   name: "Message",
   props: messageProps,
-  emits: ["destory"],
+  emits: ["destroy"],
   setup(props, {
     emit
   }) {
@@ -19122,7 +19149,7 @@ var MessageConstructor = defineComponent({
     });
     watch(visible, () => {
       if (!visible.value) {
-        emit("destory", props.id);
+        emit("destroy", props.id);
       }
     });
     return {
@@ -19153,7 +19180,7 @@ var MessageConstructor = defineComponent({
       }, [createVNode("div", {
         "class": "bk-message-icon"
       }, [renderIcon()]), this.message]), this.dismissable && createVNode(error, {
-        "class": "bk-message-icon bk-message-close",
+        "class": "bk-message-close",
         "onClick": this.close
       }, null)]), [[vShow, this.visible]])]
     });
@@ -19179,7 +19206,7 @@ const notifyProps = {
 var NotifyConstructor = defineComponent({
   name: "Notify",
   props: notifyProps,
-  emits: ["destory"],
+  emits: ["destroy"],
   setup(props, {
     emit
   }) {
@@ -19211,7 +19238,7 @@ var NotifyConstructor = defineComponent({
     });
     watch(visible, () => {
       if (!visible.value) {
-        emit("destory", props.id);
+        emit("destroy", props.id);
       }
     });
     return {
@@ -19241,7 +19268,7 @@ var NotifyConstructor = defineComponent({
         "class": "bk-notify-content"
       }, [createVNode("div", {
         "class": "bk-notify-icon"
-      }, [renderIcon()]), this.title ? createVNode("h3", {
+      }, [renderIcon()]), this.title ? createVNode("div", {
         "class": "bk-notify-content-header"
       }, [this.title]) : "", createVNode("div", {
         "class": "bk-notify-content-text"
@@ -25952,7 +25979,7 @@ var CascaderPanel = defineComponent({
       "onUpdate:modelValue": ($event) => node.checked = $event,
       "onChange": (val) => this.checkNode(node, val)
     }, null), createVNode("span", {
-      "class": "content"
+      "class": "bk-cascader-node-name"
     }, [node.name]), !node.isLeaf ? createVNode(angleRight, {
       "class": "icon-angle-right"
     }, null) : ""]))]))]);
@@ -26059,7 +26086,7 @@ var Component$5 = defineComponent({
     limitOneLine: PropTypes.bool.def(false),
     extCls: PropTypes.string.def("")
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change", "clear", "toggle"],
   setup(props, {
     emit
   }) {
@@ -26077,20 +26104,21 @@ var Component$5 = defineComponent({
     const selectedText = ref("");
     const selectedTags = ref([]);
     const updateValue = (val) => {
-      emit("update:modelValue", val);
       if (multiple) {
-        selectedTags.value = store.getCheckedNodes().map((node2) => ({
-          text: node2.pathNames.join(separator2),
-          key: node2.id
+        selectedTags.value = store.getCheckedNodes().map((node) => ({
+          text: node.pathNames.join(separator2),
+          key: node.id
         }));
         return;
       }
       if (val.length === 0) {
         selectedText.value = "";
-        return;
+      } else {
+        const node = store.getNodeByValue(val);
+        selectedText.value = node.pathNames.join(separator2);
       }
-      const node = store.getNodeByValue(val);
-      selectedText.value = node.pathNames.join(separator2);
+      emit("update:modelValue", val);
+      emit("change", val);
     };
     const hidePopover = () => {
       panelShow.value = false;
@@ -26098,10 +26126,12 @@ var Component$5 = defineComponent({
     const handleClear = (e) => {
       e.stopPropagation();
       updateValue([]);
+      emit("clear", JSON.parse(JSON.stringify(props.modelValue)));
     };
     const inputClickHandler = (e) => {
       e.stopPropagation();
       panelShow.value = !panelShow.value;
+      emit("toggle", panelShow.value);
     };
     const removeTag = (value, index, e) => {
       e.stopPropagation();