cloud-web-corejs 1.0.282 → 1.0.283

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.282",
+  "version": "1.0.283",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",

package/src/components/excelImport/index.vue

@@ -26,7 +26,7 @@
           </div>
         </el-upload>
         <div class="upload-finish" v-if="fileRaw">
-          <img :src="require('@/resources' + '/images/ico-excel.svg')" class="ico"/>
+          <img :src="$assetUrl(require('@/resources' + '/images/ico-excel.svg'))" class="ico"/>
           <p class="name">{{ fileRaw.name }}</p>
           <!-- <p>2022-1-17</p> -->
           <el-tooltip :enterable="false" class="item" effect="dark"

package/src/components/excelImport/mixins.js

@@ -6,14 +6,22 @@ var XLSX = window.XLSX || { read, utils };
 import { getToken } from "../../utils/auth";
 import XEUtils from "xe-utils";
 import { getErrorMsg } from "@base/utils/index.js";
+import {
+  getImportCellText,
+  getImportFileSizeLimit,
+  getImportRowLimit,
+  isImportFileOversize,
+  isImportRowsOverLimit,
+  toFileSizeMb,
+} from "../../utils/importLimit";
 
 let configUtil = {
   baseUrl: process.env.VUE_APP_BASE_API,
   XLSX,
   getToken,
 };
-let importTimer = null;
-let loadingObj = null;
+// 计时器与遮罩句柄必须挂实例：模块级单例在 tagsView 同时开两个导入页时会被后开的
+// 那个覆盖，先开的 100ms interval 永远停不掉，还会把整个组件钉住不被回收。
 tmixins = {
   name: "excelImport",
   props: ["param"],
@@ -40,6 +48,8 @@ tmixins = {
       option: {},
       showContent: false,
       resOption: {},
+      importTimer: null,
+      loadingObj: null,
     };
   },
   created() {},
@@ -225,6 +235,24 @@ tmixins = {
       let that = this;
       let option = this.option;
 
+      // 整文件读进内存前先卡一刀：下面的 readAsBinaryString + XLSX.read 是同步的，
+      // 占用约为文件体积的 5~20 倍，超限时崩在库内部，连提示都给不出来。
+      if (isImportFileOversize(file, option)) {
+        this.showImportDialog2 = false;
+        this.showContent = false;
+        this.clearImportTimer();
+        this.$baseAlert(
+          this.$t1(
+            "导入文件过大（{size}MB），当前最多支持 {limit}MB，请拆分后分批导入",
+            {
+              size: toFileSizeMb(file.size),
+              limit: toFileSizeMb(getImportFileSizeLimit(option)),
+            }
+          )
+        );
+        return false;
+      }
+
       const fileReader = new FileReader();
       fileReader.onload = async (ev) => {
         var resultData;
@@ -250,6 +278,23 @@ tmixins = {
           var range = configUtil.XLSX.utils.decode_range(sheet["!ref"]);
           var dataSize = range.e.r + 1; //行数
           that.dataSize = dataSize - 3 >= 0 ? dataSize - 3 : 0;
+          // 行数闸门：下面逐格取值、建行对象、再整批发包全是同步的，行数失控时
+          // 主线程会被占死甚至 OOM。文件本身不大但行极多（窄表）时只有这一道能拦。
+          if (isImportRowsOverLimit(that.dataSize, option)) {
+            that.showImportDialog2 = false;
+            that.showContent = false;
+            that.clearImportTimer();
+            that.$baseAlert(
+              that.$t1(
+                "导入数据 {size} 行，超过单次上限 {limit} 行，请拆分后分批导入",
+                {
+                  size: that.dataSize,
+                  limit: getImportRowLimit(option),
+                }
+              )
+            );
+            return false;
+          }
           var titles = [];
           var fields = [];
 
@@ -275,7 +320,7 @@ tmixins = {
               if (typeof nextCell === "undefined") {
                 row.push(void 0);
               } else {
-                row.push(nextCell.w.trim());
+                row.push(getImportCellText(nextCell));
               }
             }
             if (rowNum === 1) {
@@ -794,15 +839,17 @@ tmixins = {
     createImportTimer() {
       this.excTime = 0;
       let beginTime = new Date().getTime();
-      importTimer = setInterval(() => {
+      this.importTimer = setInterval(() => {
         let nowTime = new Date().getTime();
         let diffTime = (nowTime - beginTime) / 1000;
         this.$set(this, "excTime", this.$baseLodash.round(diffTime, 2));
       }, 100);
     },
     clearImportTimer() {
-      clearInterval(importTimer);
-      loadingObj && loadingObj.close();
+      if (this.importTimer) clearInterval(this.importTimer);
+      this.importTimer = null;
+      this.loadingObj && this.loadingObj.close();
+      this.loadingObj = null;
     },
     async dialogPrimary3() {
       if (!this.fileRaw) {
@@ -825,7 +872,7 @@ tmixins = {
         }
         return;
       }
-      loadingObj = this.$baseLoading({
+      this.loadingObj = this.$baseLoading({
         target: document.body,
         background: "unset",
       });
@@ -841,7 +888,8 @@ tmixins = {
           console.error(et);
         }
         setTimeout(function () {
-          loadingObj && loadingObj.close();
+          that.loadingObj && that.loadingObj.close();
+          that.loadingObj = null;
         }, 200);
       });
     },

package/src/components/table/vxeFilter/mixin.js

@@ -2,7 +2,8 @@
 // initVxeTable 只把 getCellValue/createParams 挂在初始化时的那个 xTable 实例上，
 // 页面若用 v-if 销毁重建 vxe-grid（如 product_problem_record/list.vue），
 // 新实例上没有这两个方法，筛选面板会报 $table.getCellValue is not a function
-import { getCellValue, createParams } from "../util/index";
+// （createParams 已不再直接使用：候选值取值统一走下面 load() 里的 readCellValue 缓存）
+import { getCellValue } from "../util/index";
 
 let modules = {};
 
@@ -54,15 +55,34 @@ modules = {
         let valMap =
           option.data && option.data.valMap ? option.data.valMap : null;
 
-        let lsm = {};
-        let colValList = [];
-        fullData.map((row, $rowIndex) => {
-          let cellValue = getCellValue({
+        // 取值可能落到 getCellValue 的兜底渲染：非 filterVal 白名单的组件列每个单元格
+        // 都要 new Vue + $mount + 爬 DOM，还会跑一遍用户的表单脚本。而本方法要把全表
+        // 跑三遍（候选值 → 按其他筛选列过滤 → 过滤后计数），行多列宽时打开一次筛选面板
+        // 就是几千次同步挂载，主线程直接定住。同一 (列, 行) 只算一次。
+        // 注：第三遍原本按过滤后子集的下标取值，改用缓存后统一为整表下标——只有依赖
+        // 行下标的自定义渲染列会有差异，而这类列本就不该出现在值列表筛选里。
+        let cellValueCache = new Map();
+        const readCellValue = (row, col, $rowIndex) => {
+          let colCache = cellValueCache.get(col);
+          if (!colCache) {
+            colCache = new Map();
+            cellValueCache.set(col, colCache);
+          }
+          if (colCache.has(row)) return colCache.get(row);
+          let value = getCellValue({
             row,
             $rowIndex,
             $table,
-            column,
+            column: col,
           });
+          colCache.set(row, value);
+          return value;
+        };
+
+        let lsm = {};
+        let colValList = [];
+        fullData.map((row, $rowIndex) => {
+          let cellValue = readCellValue(row, column, $rowIndex);
           let sortValue = cellValue
           let sortField = column.params?.sortField;
           if(sortField){
@@ -106,24 +126,14 @@ modules = {
               return false;
             }
             const vals = option1.data.vals || [];
-            let param = createParams({
-              $table: $table,
-              row,
-              column: filterColumn,
-            });
-            let cellValue = getCellValue(param);
+            let cellValue = readCellValue(row, filterColumn);
             return !vals.includes(cellValue);
           });
           return item == null;
         });
         let lsm2 = {};
         datas.map((row, $rowIndex) => {
-          let cellValue = getCellValue({
-            row,
-            $rowIndex,
-            $table,
-            column,
-          });
+          let cellValue = readCellValue(row, column, $rowIndex);
           if (lsm2[cellValue]) {
             lsm2[cellValue].count = lsm2[cellValue].count + 1;
           } else {

package/src/components/xform/docs/2026-07 table/344/270/216excelExport/344/277/256/345/244/215/345/217/212/345/257/274/345/207/272/344/274/230/345/214/226.md"

@@ -43,11 +43,18 @@
 1. **字符串具名插槽列支持导出**（`table/util/index.js` getCellValue）：xform 的 aLink 超链接按钮、widget、widgetList 等列的 `slots.default` 是字符串插槽名（由 data-table-item.vue 的 `#widget` 等模板提供），此前导出侧无法执行——修复前直接当函数调用会崩，快路径版本则退化为取原始字段，而设计器对按钮类列会清空 `prop`（table-column-dialog.vue changeFormatS：`row.prop = null`），导致**超链接按钮列导出全为空**。现在 getCellValue 遇到字符串插槽时从 `$table.$xegrid.$scopedSlots[插槽名]` 解析出插槽函数再走 vNode 渲染（所见即所得：isFormLabel 的按钮导出表单值，静态标签导出按钮文字）；解析不到仍回退原始字段。`mixins.js` getExportCellValue 同步把字符串插槽列纳入渲染兜底。
 2. **vNode 挂载补唯一 key**（`table/util/index.js` ensureVNodeKey）：复用临时实例连续挂载**无 key** 的同类型组件 vNode 时，Vue patch 会复用旧组件实例、props 更新异步生效，同步爬 DOM 拿到的是**上一个单元格的内容**（jsdom 实测：`["AAA","AAA","AAA"]`；带 key 则正确）。该问题在旧代码中已存在于"同一单元格多个组件 vNode"场景（多个按钮只有第一个的值），批量复用后扩大到跨单元格。现挂载前为无 key 的 vNode 补全局唯一 key，强制全新挂载、同步渲染正确内容。
 
-## 四、未实施（第三期备忘）
+## 四、第三期备忘（**2026-09 已结项，勿照此重做**）
 
-- `startProcess2`（当前页/勾选导出）仍是一次性单包上送，大数据量有请求体超限风险 → 建议分片复用分页 append；
-- 导出完成无右下角通知；「取消」只销毁前端组件，进行中的请求与服务端临时文件不中止/清理（后端如有 `/excel/clear` 类接口可接入 beforeDestroy）；
-- 下载仍为表单 POST 携带 `access_token`，可改 axios blob + header 鉴权（需后端支持）。
+本节原为未实施清单，2026-09 那一轮已逐条处理完，明细见
+`2026-09 条件导出大数据量崩溃排查.md` §八第三、四轮。此处只留结论：
+
+| 原备忘项 | 结论 |
+|---|---|
+| `startProcess2`（当前页/勾选导出）一次性单包上送，请求体超限风险 → 建议分片复用分页 append | **已做**。按 `getExportPageSize()` 串行切片 append + `mergeExcel(1,N)`；页数 ≤1 时请求序列与旧实现完全一致 |
+| 导出完成无右下角通知 | **明确不做**（2026-09 需求方决定） |
+| 「取消」只销毁前端组件，进行中的请求不中止 | **已做**。axios `CancelToken` 挂到全部导出请求；配套在 `request.js` 错误拦截器最前面加了 `axios.isCancel` 短路（**该文件的唯一一处改动，已单独获批**），否则取消 N 个在途请求会连弹 N 个 ErroreBox 弹窗 |
+| 服务端临时文件不清理（后端如有 `/excel/clear` 类接口可接入 beforeDestroy） | **不做**。全仓检索确认后端至今无此类端点；需求方决定由后端定时清理兜底，前端不再预留 |
+| 下载仍为表单 POST 携带 `access_token`，可改 axios blob + header 鉴权（需后端支持） | **已做**，且保留表单 POST 作为自动回退——后端是否放开该接口的头鉴权前端无法验证，回退保证下载不会因此失效 |
 
 ## 五、对下游的兼容性提示