lew-ui 2.7.60 → 2.7.62

package/dist/index.js

@@ -8648,10 +8648,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }));
     const totalColumnWidth = computed(() => {
       let width = sumBy(leafColumns.value, "width");
-      if (props.checkable)
-        width += getCheckableWidth.value;
-      if (props.sortable)
-        width += getDragColumnWidth.value;
+      if (props.checkable) width += getCheckableWidth.value;
+      if (props.sortable) width += getDragColumnWidth.value;
       return width;
     });
     const fixedWidths = computed(() => {
@@ -8692,8 +8690,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     });
     const columnLevel = computed(() => {
       const findMaxDepth = (columns, currentDepth = 1) => {
-        if (!columns || columns.length === 0)
-          return currentDepth;
+        if (!columns || columns.length === 0) return currentDepth;
         let maxDepth = currentDepth;
         for (const col of columns) {
           if (col.children && col.children.length > 0) {
@@ -8832,10 +8829,15 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         right: "end",
         end: "end"
       };
+      const width = column.width;
+      let calculatedWidth = width;
+      if (!state.isScrollbarVisible && !column.fixed) {
+        calculatedWidth = width / (totalColumnWidth.value - fixedWidths.value.left - fixedWidths.value.right) * (state.scrollClientWidth - fixedWidths.value.left - fixedWidths.value.right);
+      }
       const tdStyle = {
         display: "flex",
         flexDirection: "column",
-        width: any2px(column.width),
+        width: any2px(calculatedWidth),
         justifyContent: "center",
         alignItems: xMap[column.x] || "start"
       };
@@ -8844,7 +8846,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         display: "flex",
         alignItems: "center",
         justifyContent: xMap[column.x],
-        width: any2px(column.width),
+        width: any2px(calculatedWidth),
         height: "100%",
         boxSizing: "border-box"
       };
@@ -8881,8 +8883,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         column?.title,
                         column.sortable && h(SortIcon, {
                           "sort-value": sortValue.value[column.field],
-                          "size": props.size,
-                          "class": "lew-table-sorter"
+                          size: props.size,
+                          class: "lew-table-sorter"
                         })
                       ]
                     }
@@ -8926,8 +8928,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
     }
     function updateScrollState() {
-      if (!tableRef.value)
-        return;
+      if (!tableRef.value) return;
       const element = tableRef.value;
       const { clientWidth, scrollWidth, scrollLeft } = element;
       if (scrollWidth === clientWidth) {
@@ -8999,8 +9000,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     const handleTableResize = throttle(() => {
       const table = tableRef.value;
-      if (!table)
-        return;
+      if (!table) return;
       const newScrollClientWidth = table.clientWidth;
       const newIsScroll = table.scrollWidth > table.clientWidth + 5;
       if (state.scrollClientWidth !== newScrollClientWidth) {
@@ -9058,8 +9058,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     const throttledTooltipUpdate = throttle(updateTooltipPosition, TOOLTIP_THROTTLE_DELAY);
     function dragStart(event, row, index2) {
-      if (!props.sortable)
-        return;
+      if (!props.sortable) return;
       initDragState();
       computeTableRowHeight();
       state.dragIndex = index2;
@@ -9144,8 +9143,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     function updateDragTarget(mouseY) {
       state.lastMouseY = mouseY;
-      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0)
-        return;
+      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0) return;
       const dragDistance = Math.abs(state.initialDragY - mouseY);
       const minDragDistance = 5;
       if (dragDistance < minDragDistance) {
@@ -9159,8 +9157,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }));
       positionEntries.sort((a, b) => a.top - b.top);
       for (const entry of positionEntries) {
-        if (entry.id === state.dragRowId)
-          continue;
+        if (entry.id === state.dragRowId) continue;
         const position = entry;
         if (mouseY >= position.top && mouseY <= position.bottom) {
           targetRowId = position.id;
@@ -9170,10 +9167,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       if (!targetRowId) {
         for (let i = 0; i < positionEntries.length - 1; i++) {
-          if (positionEntries[i].id === state.dragRowId)
-            continue;
-          if (positionEntries[i + 1].id === state.dragRowId)
-            continue;
+          if (positionEntries[i].id === state.dragRowId) continue;
+          if (positionEntries[i + 1].id === state.dragRowId) continue;
           if (mouseY > positionEntries[i].bottom && mouseY < positionEntries[i + 1].top) {
             if (mouseY - positionEntries[i].bottom < positionEntries[i + 1].top - mouseY) {
               targetRowId = positionEntries[i].id;
@@ -9208,8 +9203,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     `;
       }
       const targetPosition = state.trPositionsMap[state.targetRowId];
-      if (!targetPosition)
-        return "display: none;";
+      if (!targetPosition) return "display: none;";
       const top2 = state.isAboveTarget ? targetPosition.top : targetPosition.bottom;
       const tableRect = tableRef.value?.getBoundingClientRect();
       const offsetTop = tableRect ? top2 - tableRect.top : 0;
@@ -9228,8 +9222,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       });
     }
     function getRowHeight(row) {
-      if (!row || !row._lew_table_tr_id)
-        return "auto";
+      if (!row || !row._lew_table_tr_id) return "auto";
       const height = state.trHeightMap[row._lew_table_tr_id];
       if (!height) {
         const minHeightMap = {
@@ -15554,9 +15547,6 @@ function useVirtList(userProps, emitFunction) {
       slotSize.footerSize = 0;
     }
   });
-  onActivated(() => {
-    scrollToOffset(reactiveData.offset);
-  });
   function getVirtualSize2beginInView() {
     return reactiveData.virtualSize + getRangeSize(reactiveData.renderBegin, reactiveData.inViewBegin);
   }
@@ -16273,7 +16263,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       let _value;
       let _items;
       if (props.onlyLeafSelectable) {
-        _items = findItemsByValues(selectedKeys.value).filter((item) => item.isLeaf);
+        _items = findItemsByValues(selectedKeys.value).filter(
+          (item) => item.isLeaf
+        );
         _value = _items.map((item) => item.key);
       } else {
         _value = cloneDeep(selectedKeys.value);
@@ -16323,7 +16315,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         state.optionsGroup = [formattedTree];
         state.optionsTree = formattedTree;
         if (formattedTree.length > 0 && !props.free) {
-          initTreeSelection({ tree: formattedTree, keys: modelValue.value });
+          initTreeSelection({
+            tree: formattedTree,
+            keys: modelValue.value
+          });
         }
       } catch (error) {
         console.error("Cascader initialization failed:", error);
@@ -16357,19 +16352,24 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         updateModelValue();
       }
       setTimeout(() => {
-        lewPopoverRef.value && lewPopoverRef.value.refresh();
+        if (lewPopoverRef.value) {
+          lewPopoverRef.value.refresh();
+        }
       }, 100);
     }
     function getSelected() {
       if (props.multiple) {
         return findItemsByValues(modelValue.value);
       } else {
-        return findObjectByValue(state.optionsTree, modelValue.value, nodeCache);
+        return findObjectByValue(
+          state.optionsTree,
+          modelValue.value,
+          nodeCache
+        );
       }
     }
     async function selectItem(item, level) {
-      if (item.disabled)
-        return;
+      if (item.disabled) return;
       if (!item.isLeaf && !isEqual(item.valuePaths, state.activeValues)) {
         state.optionsGroup = state.optionsGroup.slice(0, level + 1);
         if (_loadMethod.value && !item.isLeaf) {
@@ -16406,7 +16406,11 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 updateModelValue();
               });
             }
-            const _options = findChildrenByValue(state.optionsTree, item.value, nodeCache);
+            const _options = findChildrenByValue(
+              state.optionsTree,
+              item.value,
+              nodeCache
+            );
             state.optionsGroup.push(_options);
             loadedDataCache.set(item.value, _options);
             loadedData[item.value] = _options;
@@ -16423,14 +16427,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
       if (!props.multiple) {
         modelValue.value = item.value;
+        emit("change", item.value, toRaw(item));
         if (props.onlyLeafSelectable && item.isLeaf) {
           setTimeout(() => {
             hide2();
           }, 100);
         }
       }
-      if (item.isLeaf)
-        return;
+      if (item.isLeaf) return;
       if (isEqual(item.valuePaths, state.activeValues)) {
         state.activeValues = item.parentValuePaths || [];
         if (level < state.optionsGroup.length - 1) {
@@ -16639,7 +16643,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                                 class: "lew-cascader-icon",
                                 type: "chevron-right"
                               }, null, 512), [
-                                [vShow, !templateProps.loading && !templateProps.isLeaf]
+                                [
+                                  vShow,
+                                  !templateProps.loading && !templateProps.isLeaf
+                                ]
                               ])
                             ], 2)
                           ], 8, _hoisted_2$s)
@@ -16659,7 +16666,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-7cea69f7"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-dd8d6365"]]);
 const cascaderModel = {
   modelValue: {
     type: String
@@ -22877,6 +22884,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     }
     function inputFn(e) {
       const target = e.target;
+      checkValidationMessage();
       emit("input", target.value);
       validationMessage.value = lewInputRef.value.validationMessage;
     }
@@ -22936,6 +22944,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           lewInputRef.value.stepUp();
           modelValue.value = Number(lewInputRef.value.value);
           emit("change", cloneDeep(modelValue.value));
+          checkValidationMessage();
           if (props.max !== void 0 && lewInputRef.value.value >= Number(props.max || 0)) {
             clearTimer();
           }
@@ -22950,6 +22959,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           lewInputRef.value.stepDown();
           modelValue.value = Number(lewInputRef.value.value);
           emit("change", cloneDeep(modelValue.value));
+          checkValidationMessage();
           if (props.min !== void 0 && lewInputRef.value.value <= Number(props.min || 0)) {
             clearTimer();
           }
@@ -22966,12 +22976,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __expose({ focus, validCheck });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", {
+      return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-input-number-view", unref(getInputClassNames)]),
         style: normalizeStyle(unref(getInputNumberViewStyle)),
         onWheel: _cache[3] || (_cache[3] = (e) => e.preventDefault()),
-        onMouseenter: checkValidationMessage,
-        onMouseleave: _cache[4] || (_cache[4] = ($event) => validationMessage.value = "")
+        onMouseenter: checkValidationMessage
       }, [
         withDirectives(createElementVNode("input", {
           ref_key: "lewInputRef",
@@ -22989,11 +22998,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           onChange: changeFn,
           onFocus: focusFn
         }, null, 44, _hoisted_1$q), [
-          [vModelText, modelValue.value],
-          [_directive_tooltip, {
-            content: unref(validationMessage),
-            triggerFrom: "input-number"
-          }]
+          [vModelText, modelValue.value]
         ]),
         createVNode(unref(LewFlex), {
           style: normalizeStyle(unref(getControlStyle)),
@@ -23024,11 +23029,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["style"])
-      ], 38);
+      ], 38)), [
+        [_directive_tooltip, {
+          content: unref(validationMessage),
+          triggerFrom: "input-number"
+        }]
+      ]);
     };
   }
 });
-const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4c6a9fe2"]]);
+const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-aa6b53e5"]]);
 const inputTableEmits = {
   change: (value) => value
 };
@@ -23675,22 +23685,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const isTagMarkedForDeletion = ref(false);
     const autoWidthDelay = ref(false);
     let originalKeydownHandler = null;
-    function openInput() {
-      if (isInputActive.value || props.disabled || props.readonly)
-        return;
-      if (props.maxLength > 0 && Array.isArray(modelValue.value) && modelValue.value.length >= props.maxLength) {
-        LewMessage.warning(locale.t("inputTag.maxLength", { maxLength: props.maxLength }));
-        return;
-      }
-      isInputActive.value = true;
-      nextTick(() => {
-        if (lewInputRef.value && typeof lewInputRef.value?.focus === "function") {
-          lewInputRef.value?.focus();
-        }
-      });
+    function attachKeydownListener() {
       originalKeydownHandler = document.onkeydown;
       document.onkeydown = function(event) {
         const keyCode = event.key || event.code;
+        if (!isInputActive.value)
+          return;
         if (inputValue.value) {
           if (keyCode === "Enter" || keyCode === "NumpadEnter") {
             isTagMarkedForDeletion.value = false;
@@ -23721,24 +23721,33 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
               isTagMarkedForDeletion.value = true;
             }
           }
-          if (keyCode === "Enter" || keyCode === "NumpadEnter") {
-            if (lewInputRef.value && typeof lewInputRef.value.blur === "function") {
-              lewInputRef.value.blur();
-            }
-          }
         }
       };
     }
-    onUnmounted(() => {
+    function detachKeydownListener() {
       if (document.onkeydown && document.onkeydown !== originalKeydownHandler) {
         document.onkeydown = originalKeydownHandler;
       }
-    });
+    }
+    function openInput() {
+      if (isInputActive.value || props.disabled || props.readonly)
+        return;
+      if (props.maxLength > 0 && Array.isArray(modelValue.value) && modelValue.value.length >= props.maxLength) {
+        LewMessage.warning(locale.t("inputTag.maxLength", { maxLength: props.maxLength }));
+        return;
+      }
+      isInputActive.value = true;
+      nextTick(() => {
+        if (lewInputRef.value && typeof lewInputRef.value?.focus === "function") {
+          lewInputRef.value?.focus();
+        }
+      });
+      attachKeydownListener();
+    }
     function addTag() {
       const _value = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-      if (!inputValue.value || inputValue.value.trim() === "") {
+      if (!inputValue.value || inputValue.value.trim() === "")
         return;
-      }
       if (props.maxLength > 0 && _value.length >= props.maxLength) {
         inputValue.value = "";
         isInputActive.value = false;
@@ -23753,9 +23762,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emit("add", addedValue);
     }
     function delTag(index2) {
-      if (!Array.isArray(modelValue.value) || index2 < 0 || index2 >= modelValue.value.length) {
+      if (!Array.isArray(modelValue.value) || index2 < 0 || index2 >= modelValue.value.length)
         return;
-      }
       const removedTag = modelValue.value[index2];
       const newValue = [...modelValue.value];
       newValue.splice(index2, 1);
@@ -23769,6 +23777,26 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emit("change", cloneDeep(newValue));
       emit("remove", removedTag, index2);
     }
+    function clear() {
+      modelValue.value = [];
+      inputValue.value = "";
+      emit("clear");
+      emit("change", void 0);
+    }
+    function onBlur() {
+      isInputActive.value = false;
+      isTagMarkedForDeletion.value = false;
+      detachKeydownListener();
+      if (inputValue.value) {
+        addTag();
+      }
+    }
+    function onFocus() {
+      if (props.disabled || props.readonly)
+        return;
+      isInputActive.value = true;
+      attachKeydownListener();
+    }
     const getInputClassNames = computed(() => {
       const { size, readonly: readonly2, disabled, clearable } = props;
       return object2class("lew-input-tag-view", {
@@ -23786,19 +23814,6 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       };
       return size[props.size] || 14;
     });
-    function clear() {
-      modelValue.value = [];
-      inputValue.value = "";
-      emit("clear");
-      emit("change", void 0);
-    }
-    function onBlur() {
-      isInputActive.value = false;
-      isTagMarkedForDeletion.value = false;
-      if (inputValue.value) {
-        addTag();
-      }
-    }
     const shouldShowIcon = computed(
       () => !((modelValue.value || []).length > 0 && props.clearable)
     );
@@ -23812,6 +23827,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         color: isTagMarkedForDeletion.value && index2 === (modelValue.value || []).length - 1 ? "var(--lew-color-red-dark)" : "var(--lew-color-primary-dark)"
       };
     });
+    onUnmounted(() => {
+      detachKeydownListener();
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-input-tag-view", unref(getInputClassNames)]),
@@ -23852,6 +23870,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 readonly: !unref(isInputActive),
                 placeholder: (modelValue.value || []).length === 0 ? unref(locale).t("inputTag.placeholder") : " ",
                 onInput: _cache[1] || (_cache[1] = ($event) => isTagMarkedForDeletion.value = false),
+                onFocus,
                 onBlur
               }, null, 8, ["modelValue", "auto-width", "size", "readonly", "placeholder"])) : createCommentVNode("", true)
             ]),
@@ -23885,7 +23904,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-2353f614"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-d9c5ffa5"]]);
 const radioEmits = {
   change: () => true
 };
@@ -27324,7 +27343,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e3739c6b"]]);
+const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-0f4c61a3"]]);
 const uploadEmits = {
   change: (files) => files,
   delete: (file) => file
@@ -27991,13 +28010,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       medium: 12,
       large: 14
     };
-    const uploadIconFontSizeMap = computed(() => {
-      return {
-        small: props.viewMode === "list" ? 28 : 22,
-        medium: props.viewMode === "list" ? 30 : 24,
-        large: props.viewMode === "list" ? 32 : 26
-      };
-    });
+    const uploadIconFontSizeMap = computed(
+      () => {
+        return {
+          small: props.viewMode === "list" ? 28 : 22,
+          medium: props.viewMode === "list" ? 30 : 24,
+          large: props.viewMode === "list" ? 32 : 26
+        };
+      }
+    );
     const uploadPaddingMap = computed(() => {
       return {
         small: props.viewMode === "list" ? "10px 8px" : "14px",
@@ -28045,9 +28066,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           lastModified,
           file: item
         };
-        modelValue.value = [fileItem, ...cloneDeep(modelValue.value || [])];
-        emit("change", modelValue.value);
+        const _value = [
+          fileItem,
+          ...cloneDeep(modelValue.value || [])
+        ];
+        modelValue.value = _value;
         nextTick(() => {
+          emit("change", _value);
           if (status === "pending" && isFunction$1(_uploadHelper.value)) {
             setFileItem({
               key: fileItem.key,
@@ -28069,7 +28094,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     }
     async function deleteFile(key) {
       const fileList = cloneDeep(modelValue.value) || [];
-      const index2 = (fileList || []).findIndex((e) => e.key === key);
+      const index2 = (fileList || []).findIndex(
+        (e) => e.key === key
+      );
       if (index2 >= 0) {
         const { status } = fileList[index2];
         const fileItem = fileList[index2];
@@ -28077,6 +28104,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           fileList.splice(index2, 1);
           modelValue.value = fileList;
           emit("delete", key);
+          nextTick(() => {
+            emit("change", fileList);
+          });
           return;
         }
         if (props.beforeDelete && isFunction$1(props.beforeDelete)) {
@@ -28088,6 +28118,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         fileList.splice(index2, 1);
         modelValue.value = fileList;
         emit("delete", key);
+        nextTick(() => {
+          emit("change", fileList);
+        });
       }
     }
     function reUpload(key) {
@@ -28171,7 +28204,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     function setFileItem(item) {
       const { key, percent } = item;
       const fileList = cloneDeep(modelValue.value) || [];
-      const index2 = (fileList || []).findIndex((e) => e.key === key);
+      const index2 = (fileList || []).findIndex(
+        (e) => e.key === key
+      );
       let _percent = percent || 0;
       if (index2 >= 0) {
         if (percent) {
@@ -28186,6 +28221,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         fileList[index2] = { ...fileList[index2], ...item, percent: _percent };
       }
       modelValue.value = fileList;
+      nextTick(() => {
+        emit("change", fileList);
+      });
     }
     const getUploadLabelClass = computed(() => {
       const { disabled, readonly: readonly2, viewMode } = props;
@@ -28311,7 +28349,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-42853cc3"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-fe1dc1c2"]]);
 const statusValues = ["online", "processing", "away", "offline", "busy"];
 const placementValues = ["top-left", "top-right", "bottom-left", "bottom-right"];
 const shapeValues = ["circle", "square", "sharp"];
@@ -30187,7 +30225,7 @@ const contextMenuProps = {
   }
 };
 const MENU_SHOW_DELAY = 120;
-const MENU_DESTROY_DELAY = 250;
+const MENU_DESTROY_DELAY = 300;
 const ATTR_MENU_ID = "lew-context-menu-id";
 const ATTR_DATA_LEW = "data-lew";
 function initLewContextMenu() {
@@ -30200,7 +30238,7 @@ function initLewContextMenu() {
     interactive: true,
     placement: "right-start",
     duration: [250, 250],
-    delay: [250, 0],
+    delay: [120, 120],
     arrow: false,
     appendTo: () => document.body,
     allowHTML: true,
@@ -30457,7 +30495,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return proxy;
     }
     function clickItem(item) {
-      if (item.disabled) return;
+      if (item.disabled)
+        return;
       const instance = props.dropdownInstance || window.LewContextMenu?.instance || null;
       if (isFunction$1(item.onClick)) {
         const proxyItem = createItemProxy(item);
@@ -30616,7 +30655,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7dfed0eb"]]);
+const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a2ddcebf"]]);
 const dropdownModel = {
   selectedKeys: {
     type: Array,
@@ -30990,7 +31029,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-98e31987"]]);
+const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-871c625a"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTree",
   props: /* @__PURE__ */ mergeModels(menuTreeProps, {