@weitutech/by-components-v3 1.1.2 → 1.1.3

package/dist/by-component-v3.mjs

@@ -36800,6 +36800,96 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const CustomColumn = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-0dadba78"]]);
+const isCachedTableColumns = (name) => {
+  if (!name) return false;
+  const cachedData = localStorage.getItem(name);
+  if (!cachedData) return false;
+  try {
+    const parsedData = JSON.parse(cachedData);
+    return Array.isArray(parsedData) && parsedData.length > 0;
+  } catch (e) {
+    return false;
+  }
+};
+const removeCachedTableColumns = (name) => {
+  localStorage.removeItem(name);
+};
+const saveCachedColumns = (name, context) => {
+  if (!name) return;
+  const collectColumn = context.$table.getTableColumn().collectColumn;
+  const cachedColumns = getCachedColumns(name);
+  const updateColumnWidth = (columns, targetField, newWidth) => {
+    const result = [];
+    for (const col of columns) {
+      if (col.children) {
+        const updatedChildren = updateColumnWidth(col.children, targetField, newWidth);
+        if (updatedChildren.length > 0) {
+          result.push({
+            field: col.field,
+            width: newWidth,
+            children: updatedChildren
+          });
+        }
+      } else if (col.field === targetField) {
+        result.push({
+          field: col.field,
+          width: newWidth
+        });
+      }
+    }
+    return result;
+  };
+  const currentColumn = context.column;
+  const updatedColumns = updateColumnWidth(collectColumn, currentColumn.field, currentColumn.renderWidth);
+  const mergeColumns = (newColumns, cachedColumns2) => {
+    const result = [...cachedColumns2];
+    for (const newCol of newColumns) {
+      const existingIndex = result.findIndex((col) => col.field === newCol.field);
+      if (existingIndex !== -1) {
+        if (newCol.children && result[existingIndex].children) {
+          result[existingIndex].children = mergeColumns(newCol.children, result[existingIndex].children);
+        } else {
+          result[existingIndex].width = newCol.width;
+        }
+      } else {
+        result.push(newCol);
+      }
+    }
+    return result;
+  };
+  const finalColumns = mergeColumns(updatedColumns, cachedColumns);
+  localStorage.setItem(name, JSON.stringify(finalColumns));
+};
+const getCachedColumns = (name) => {
+  return JSON.parse(localStorage.getItem(name) || "[]");
+};
+const replaceColumnWidthToColumns = (name, columns) => {
+  if (!name) {
+    return columns;
+  }
+  const cacheColumns = getCachedColumns(name);
+  if (!cacheColumns) {
+    return columns;
+  }
+  const processColumnWidth = (columns2, cacheColumns2) => {
+    return columns2.map((column) => {
+      if (column.children) {
+        const cacheColumn2 = cacheColumns2.find((col) => col.field === column.field);
+        return {
+          ...column,
+          ...(cacheColumn2 == null ? void 0 : cacheColumn2.width) && { width: cacheColumn2.width },
+          children: processColumnWidth(column.children, (cacheColumn2 == null ? void 0 : cacheColumn2.children) || [])
+        };
+      }
+      const cacheColumn = cacheColumns2.find((col) => col.field === column.field);
+      return {
+        ...column,
+        ...(cacheColumn == null ? void 0 : cacheColumn.width) && { width: cacheColumn.width }
+      };
+    });
+  };
+  return processColumnWidth(columns, cacheColumns);
+};
 const events = ["keydown", "current-change", "radio-change", "checkbox-change", "checkbox-all", "checkbox-range-start", "checkbox-range-change", "checkbox-range-end", "cell-dblclick", "cell-menu", "cell-mouseenter", "cell-mouseleave", "cell-delete-value", "header-cell-click", "header-cell-dblclick", "header-cell-menu", "footer-cell-click", "footer-cell-dblclick", "footer-cell-menu", "clear-merge", "sort-change", "clear-sort", "filter-visible", "filter-change", "clear-filter", "toggle-row-expand", "toggle-tree-expand", "menu-click", "cell-selected", "edit-closed", "edit-activated", "edit-disabled", "valid-error", "scroll", "custom", "page-change", "form-submit", "form-submit-invalid", "form-reset", "form-collapse", "proxy-query", "proxy-delete", "proxy-save", "toolbar-button-click", "toolbar-tool-click", "zoom", "cell-click"];
 const capitalizeFirstLetter = (str) => {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -36833,12 +36923,12 @@ const ByTable = /* @__PURE__ */ defineComponent({
         columns,
         ...others
       } = props.gridOptions;
-      const newColumns = getColumnsData(columns);
+      const newColumns = replaceColumnWidthToColumns(props.name, columns);
+      setHasCache();
       return {
         border: true,
         // 'visible' 值在 v4 版本中已经不再支持 (true:显示省略号； false：不显示省略号，自动撑高)
         showOverflow: !props.autoHeight,
-        // showHeaderOverflow: props.autoHeight ? 'tooltip' : true,//表头不加，要换行显示
         height: 710,
         align: "center",
         copyFields: [],
@@ -36869,41 +36959,17 @@ const ByTable = /* @__PURE__ */ defineComponent({
       };
     });
     const listeners = ref({});
+    const CustomColumnRef = ref();
+    const vxeGridRef = ref();
+    const hasCache = ref(false);
+    const originColumns = ref([]);
     onMounted(() => {
+      originColumns.value = deepClone(props.gridOptions.columns);
       events.forEach((eventName) => {
         listeners.value["on" + eventName.split("-").map((item) => capitalizeFirstLetter(item)).join("")] = (event) => emit(eventName, event);
       });
       console.log(listeners.value, "listeners");
     });
-    const CustomColumnRef = ref();
-    const vxeGridRef = ref();
-    const getColumnsData = (columns) => {
-      if (!props.name) {
-        return columns;
-      }
-      const cacheColumns = JSON.parse(localStorage.getItem(props.name));
-      if (!cacheColumns) {
-        return columns;
-      }
-      const processColumnWidth = (columns2, cacheColumns2) => {
-        return columns2.map((column) => {
-          if (column.children) {
-            const cacheColumn2 = cacheColumns2.find((col) => col.field === column.field);
-            return {
-              ...column,
-              width: (cacheColumn2 == null ? void 0 : cacheColumn2.width) || column.width,
-              children: processColumnWidth(column.children, (cacheColumn2 == null ? void 0 : cacheColumn2.children) || [])
-            };
-          }
-          const cacheColumn = cacheColumns2.find((col) => col.field === column.field);
-          return {
-            ...column,
-            width: (cacheColumn == null ? void 0 : cacheColumn.width) || column.width
-          };
-        });
-      };
-      return processColumnWidth(columns, cacheColumns);
-    };
     const handlePagerChange = (context) => {
       emit("pageChange", context);
     };
@@ -36928,26 +36994,18 @@ const ByTable = /* @__PURE__ */ defineComponent({
     };
     const handleResizableChange = (context) => {
       emit("resizable-change", context);
-      if (!props.name) return;
-      const collectColumn = context.$table.getTableColumn().collectColumn;
-      console.log(collectColumn, "collectColumn");
-      const processColumns = (columns) => {
-        return columns.filter((col) => col.field || col.children).map((col) => {
-          if (col.children) {
-            return {
-              field: col.field,
-              width: col.renderWidth,
-              children: processColumns(col.children)
-            };
-          }
-          return {
-            field: col.field,
-            width: col.renderWidth
-          };
-        });
-      };
-      const clos = processColumns(collectColumn);
-      localStorage.setItem(props.name, JSON.stringify(clos));
+      saveCachedColumns(props.name, context);
+      setHasCache();
+    };
+    const setHasCache = () => {
+      hasCache.value = isCachedTableColumns(props.name);
+    };
+    const resetCachedTableColumns = () => {
+      removeCachedTableColumns(props.name);
+      setHasCache();
+      if (vxeGridRef.value) {
+        vxeGridRef.value.reloadColumn(originColumns.value);
+      }
     };
     const handleOpenCustomColumn = () => {
       console.log(CustomColumnRef.value.dialogVisible, "CustomColumnRef.value.dialogVisible");
@@ -36997,7 +37055,8 @@ const ByTable = /* @__PURE__ */ defineComponent({
           }
         }
       }
-      const newColumns = getColumnsData(result);
+      const newColumns = replaceColumnWidthToColumns(props.name, result);
+      setHasCache();
       emit("setColumns", newColumns);
     };
     expose({
@@ -37057,9 +37116,25 @@ const ByTable = /* @__PURE__ */ defineComponent({
         "submit-method": props.gridOptions.customColumnConfig.submitMethod,
         "submitMethodParams": ((_f = (_e2 = props.gridOptions) == null ? void 0 : _e2.customColumnConfig) == null ? void 0 : _f.submitMethodParams) ?? {},
         "onChangeTable": changeTableFields
-      }, null) : null, props.gridOptions.pagerConfig ? createVNode(BasePager, mergeProps(props.gridOptions.pagerConfig, {
+      }, null) : null, props.gridOptions.pagerConfig ? createVNode("div", {
+        "class": "pager-container"
+      }, [createVNode(resolveComponent("el-button"), {
+        "disabled": !hasCache.value,
+        "size": "mini",
+        "onClick": resetCachedTableColumns
+      }, {
+        default: () => [createTextVNode("重置列宽")]
+      }), createVNode(BasePager, mergeProps(props.gridOptions.pagerConfig, {
         "onChange": handlePagerChange
-      }), null) : null]);
+      }), null)]) : createVNode("div", {
+        "class": "reset-button"
+      }, [createVNode(resolveComponent("el-button"), {
+        "disabled": !hasCache.value,
+        "size": "mini",
+        "onClick": resetCachedTableColumns
+      }, {
+        default: () => [createTextVNode("重置列宽")]
+      })])]);
     };
   }
 });