@weitutech/by-components-v3 1.1.13 → 1.1.14

package/dist/by-component-v3.js

@@ -40558,8 +40558,11 @@ const ByTable = /* @__PURE__ */ defineComponent({
         columns,
         ...others
       } = props.gridOptions;
-      const newColumns = replaceColumnWidthToColumns(props.name, columns);
+      let newColumns = replaceColumnWidthToColumns(props.name, columns);
       setHasCache();
+      if (isMobile.value || tableWidth.value < 1e3) {
+        newColumns = removeFixedColumns(newColumns);
+      }
       return {
         border: true,
         round: true,
@@ -40611,6 +40614,8 @@ const ByTable = /* @__PURE__ */ defineComponent({
     const hasCache = ref(false);
     const originColumns = ref([]);
     const tempColumns = ref([]);
+    const tableWidth = ref(window.innerWidth);
+    const isMobile = ref(false);
     watch(() => props.gridOptions.columns, (newColumns) => {
       const result = rewriteWidthColumns(tempColumns.value, newColumns);
       originColumns.value = result;
@@ -40623,8 +40628,51 @@ const ByTable = /* @__PURE__ */ defineComponent({
       events.forEach((eventName) => {
         listeners.value["on" + eventName.split("-").map((item) => capitalizeFirstLetter(item)).join("")] = (event) => emit(eventName, event);
       });
-      console.log(listeners.value, "listeners");
+      checkDeviceType();
+      initResizeListener();
+    });
+    onUnmounted(() => {
+      removeResizeListener();
     });
+    const checkDeviceType = () => {
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      const isMobileByUA = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+      const isSmallScreen = window.innerWidth <= 1024;
+      isMobile.value = isMobileByUA || isSmallScreen;
+    };
+    const initResizeListener = () => {
+      window.addEventListener("resize", handleResize);
+      nextTick(() => {
+        if (vxeGridRef.value && vxeGridRef.value.$el) {
+          tableWidth.value = vxeGridRef.value.$el.offsetWidth;
+        }
+      });
+    };
+    const removeResizeListener = () => {
+      window.removeEventListener("resize", handleResize);
+    };
+    const handleResize = () => {
+      if (vxeGridRef.value && vxeGridRef.value.$el) {
+        tableWidth.value = vxeGridRef.value.$el.offsetWidth;
+      } else {
+        tableWidth.value = window.innerWidth;
+      }
+    };
+    const removeFixedColumns = (columns) => {
+      if (!columns || !Array.isArray(columns)) return columns;
+      return columns.map((column) => {
+        const newColumn = {
+          ...column
+        };
+        if (newColumn.fixed) {
+          delete newColumn.fixed;
+        }
+        if (newColumn.children && Array.isArray(newColumn.children)) {
+          newColumn.children = removeFixedColumns(newColumn.children);
+        }
+        return newColumn;
+      });
+    };
     const handlePagerChange = (context) => {
       if (vxeGridRef.value) {
         vxeGridRef.value.scrollTo(0, 0);