lew-ui 2.7.60 → 2.7.61

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) {
@@ -8786,7 +8783,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       state.isAllChecked = isEmpty(uncheckedKeys) && props.multiple && props.checkable && checkedKeys.length > 0;
     }
     function setAllRowsChecked(checked) {
-      state.selectedRowsMap = mapValues(keyBy(state.dataSource, _rowKey), () => checked);
+      state.selectedRowsMap = mapValues(
+        keyBy(state.dataSource, _rowKey),
+        () => checked
+      );
       if (props.multiple) {
         selectedKeys.value = checked ? keys(state.selectedRowsMap) : [];
       }
@@ -8805,7 +8805,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     function updateSelectedKeys(keys2) {
       if (props.multiple) {
-        state.selectedRowsMap = mapValues(keyBy(state.dataSource, _rowKey), () => false);
+        state.selectedRowsMap = mapValues(
+          keyBy(state.dataSource, _rowKey),
+          () => false
+        );
         keys2.forEach((key) => {
           state.selectedRowsMap[key] = true;
         });
@@ -8832,10 +8835,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 +8852,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 +8889,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"
                         })
                       ]
                     }
@@ -8897,7 +8905,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                 style: tdGroupStyle
               },
               {
-                default: () => column.children.map((child) => readerHeaderTd({ column: child }))
+                default: () => column.children.map(
+                  (child) => readerHeaderTd({ column: child })
+                )
               }
             ) : null
           ]
@@ -8926,8 +8936,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 +9008,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) {
@@ -9056,10 +9064,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       state.showTooltip = false;
       state.isDragging = false;
     }
-    const throttledTooltipUpdate = throttle(updateTooltipPosition, TOOLTIP_THROTTLE_DELAY);
+    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;
@@ -9153,14 +9163,15 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       let targetRowId = "";
       let isAbove = false;
-      const positionEntries = Object.entries(state.trPositionsMap).map(([id, pos]) => ({
-        id,
-        ...pos
-      }));
+      const positionEntries = Object.entries(state.trPositionsMap).map(
+        ([id, pos]) => ({
+          id,
+          ...pos
+        })
+      );
       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 +9181,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 +9217,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 +9236,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 +15561,6 @@ function useVirtList(userProps, emitFunction) {
       slotSize.footerSize = 0;
     }
   });
-  onActivated(() => {
-    scrollToOffset(reactiveData.offset);
-  });
   function getVirtualSize2beginInView() {
     return reactiveData.virtualSize + getRangeSize(reactiveData.renderBegin, reactiveData.inViewBegin);
   }
@@ -22877,6 +22881,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 +22941,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 +22956,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 +22973,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 +22995,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 +23026,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-67533033"]]);
 const inputTableEmits = {
   change: (value) => value
 };
@@ -23675,22 +23682,11 @@ 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 +23717,31 @@ 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 addTag() {
-      const _value = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-      if (!inputValue.value || inputValue.value.trim() === "") {
+    }
+    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() === "") return;
       if (props.maxLength > 0 && _value.length >= props.maxLength) {
         inputValue.value = "";
         isInputActive.value = false;
@@ -23753,9 +23756,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 +23771,25 @@ 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 +23807,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 +23820,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 +23863,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 +23897,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-60df733b"]]);
 const radioEmits = {
   change: () => true
 };
@@ -27324,7 +27336,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-dadd6f86"]]);
 const uploadEmits = {
   change: (files) => files,
   delete: (file) => file
@@ -27991,13 +28003,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 +28059,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 +28087,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 +28097,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 +28111,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 +28197,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 +28214,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 +28342,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 +30218,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 +30231,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 +30488,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 +30648,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 +31022,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-4a79a5c9"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTree",
   props: /* @__PURE__ */ mergeModels(menuTreeProps, {