bkui-vue 0.0.1-beta.109 → 0.0.1-beta.111

package/dist/index.esm.js

@@ -9063,7 +9063,8 @@ const buttonProps = {
   outline: PropTypes.bool,
   text: PropTypes.bool,
   nativeType: {
-    type: String
+    type: String,
+    default: "button"
   }
 };
 var Component$y = defineComponent({
@@ -9103,14 +9104,14 @@ var Component$y = defineComponent({
       return ["", "default"].includes(props.theme) ? "" : "white";
     });
     const loadingSize = computed(() => isText.value || props.size === BkLoadingSize.Small ? BkLoadingSize.Mini : BkLoadingSize.Small);
-    const handleClick = () => {
+    const handleClick = (e) => {
       if (props.loading)
         return;
-      emit("click");
+      emit("click", e);
     };
-    const handleMouseOver = () => {
+    const handleMouseOver = (e) => {
       isHover.value = true;
-      emit("mouseover");
+      emit("mouseover", e);
     };
     const handleMouseout = () => {
       isHover.value = false;
@@ -9305,7 +9306,8 @@ var Component$x = defineComponent({
     function eventHandler(eventName) {
       return (e) => {
         var _a2;
-        if (e.code === "Enter" || e.key === "Enter" || e.keyCode === 13) {
+        e.preventDefault();
+        if (eventName === EVENTS$2.KEYDOWN && (e.code === "Enter" || e.key === "Enter" || e.keyCode === 13)) {
           ctx.emit(EVENTS$2.ENTER, e.target.value, e);
         }
         if (isCNInput.value && [EVENTS$2.INPUT, EVENTS$2.CHANGE].some((e2) => eventName === e2))
@@ -10908,13 +10910,19 @@ function createPopperInstance(el, popper2, options) {
     ]
   });
   if (trigger === "hover") {
-    const showEvents = ["mouseenter", "focus"];
-    const hideEvents = ["mouseleave", "blur"];
-    showEvents.forEach((event) => {
-      el.addEventListener(event, show);
+    let hideTimeout = null;
+    el.addEventListener("mouseenter", () => {
+      show();
+      clearTimeout(hideTimeout);
+    });
+    popper2.addEventListener("mouseenter", () => {
+      clearTimeout(hideTimeout);
     });
-    hideEvents.forEach((event) => {
-      el.addEventListener(event, hide2);
+    el.addEventListener("mouseleave", () => {
+      hideTimeout = setTimeout(hide2, 100);
+    });
+    popper2.addEventListener("mouseleave", () => {
+      hideTimeout = setTimeout(hide2, 100);
     });
   } else if (trigger === "click") {
     document.body.addEventListener("click", (event) => {
@@ -18820,7 +18828,9 @@ var MessageConstructor = defineComponent({
         visible.value = false;
       }, props.delay);
     };
-    const close2 = () => {
+    const close2 = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
       visible.value = false;
     };
     onMounted(() => {
@@ -23108,11 +23118,8 @@ var Component$7 = defineComponent({
         state.showClose = true;
       }
     };
-    const handleInputMouseleave = (e) => {
-      var _a;
-      if ((_a = e.toElement) == null ? void 0 : _a.classList.contains("clear-action")) {
-        return;
-      }
+    const handleInputMouseleave = (_e) => {
+      console.log("handleInputMouseleave");
       state.showClose = false;
     };
     const emitChange = (type) => {
@@ -23230,7 +23237,6 @@ var Component$7 = defineComponent({
     const onPickSuccess = () => {
       var _a;
       state.visible = false;
-      console.error("onPickSuccess");
       nextTick(() => {
         emit("pick-success");
       });
@@ -23305,9 +23311,7 @@ var Component$7 = defineComponent({
     var _a, _b, _c;
     const defaultTrigger = createVNode("div", null, [createVNode("span", {
       "class": ["icon-wrapper", this.disabled ? "disabled" : ""],
-      "onClick": this.handleIconClick,
-      "onMouseenter": this.handleInputMouseenter,
-      "onMouseleave": this.handleInputMouseleave
+      "onClick": this.handleIconClick
     }, [this.type === "time" || this.type === "timerange" ? createVNode("svg", {
       "class": "picker-icon",
       "x": "0px",
@@ -23364,13 +23368,11 @@ var Component$7 = defineComponent({
       "onFocus": this.handleFocus,
       "onClick": this.handleFocus,
       "onBlur": this.handleBlur,
-      "onMouseenter": this.handleInputMouseenter,
-      "onMouseleave": this.handleInputMouseleave,
       "onKeydown": this.handleKeydown,
       "onChange": this.handleInputChange
-    }, null), this.clearable && this.showClose ? createVNode("i", {
-      "class": "bk-icon icon-close-circle-shape clear-action",
-      "onClick": this.handleClear
+    }, null), this.clearable && this.showClose ? createVNode(close$1, {
+      "onClick": this.handleClear,
+      "class": "clear-action"
     }, null) : ""]);
     const shortcutsSlot = this.hasShortcuts ? {
       shortcuts: () => {
@@ -23382,7 +23384,9 @@ var Component$7 = defineComponent({
       "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
     }, [createVNode("div", {
       "ref": "triggerRef",
-      "class": "bk-date-picker-rel"
+      "class": "bk-date-picker-rel",
+      "onMouseenter": this.handleInputMouseenter,
+      "onMouseleave": this.handleInputMouseleave
     }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
       "to": "body",
       "disabled": !this.appendToBody