cloud-web-corejs 1.0.281 → 1.0.283

package/src/components/xform/utils/dynamicSchemaUtil.js

@@ -161,6 +161,30 @@ export function isNonDataExportColumn(formatS, type, options) {
     && options?.isFormLabel !== true;
 }
 
+/**
+ * 该列导出时是否只输出空值（列本身仍保留，表头与列位置不变）。
+ *
+ * 目前只有一种：**没有配「导出类型」的附件列**。附件的内容是文件，不配导出类型就意味着
+ * 这次导出既不写图片、也没有任何有意义的文本可写；而附件列没有 filterVal，走取值兜底会
+ * 落到 getCellValue 的 vNode 挂载，为了爬一段文件名文本给每个单元格挂一次附件组件 ——
+ * 既没价值又是导出耗时的大头。
+ *
+ * 与 isNonDataExportColumn 的区别：那个是**整列剔除**（字段树里都看不到，用于操作列/
+ * 脱敏列）；这个是**列在、格空**，不改变导出文件的列结构。
+ *
+ * 注意配了导出类型（Image/Image2）的附件列不在此列 —— 即使本次导出没开 showImageAtTable、
+ * 图片最终不会写进文件，也保持原有行为不变。
+ *
+ * @param {String} formatS 列的展示格式。
+ * @param {String} type 展示组件类型。
+ * @param {String} exportType 列上配置的导出类型。
+ * @returns {Boolean}
+ */
+export function isBlankExportColumn(formatS, type, exportType) {
+  if (exportType) return false;
+  return formatS === "editAttachment" || type === "baseAttachment";
+}
+
 function isActionOrGroupColumn(item, formatS) {
   if (Array.isArray(item.children) && item.children.length) return true;
   return isActionColumn(item, formatS);

package/src/components/xform/utils/tableColumnHelper.js

@@ -1,3 +1,47 @@
+import { columnFormatMap } from "./util";
+
+/**
+ * 列的某一侧（展示 / 编辑）是否真的配了组件。
+ *
+ * 判据与表单加载时的实例化口径一致（见 form-render/indexMixin 的 columnLoopDo）：
+ * 只有 formatS / editFormatS 能映射出组件类型时该侧才会建 widget。纯格式化列
+ * （formatS 是 d1 这类格式码）与被改回空的列都不算。
+ * @param {Object} columnConfig 列配置。@param {Boolean} isEdit 是否编辑侧。
+ * @returns {Boolean}
+ */
+function hasColumnWidgetSide(columnConfig, isEdit) {
+  if (isEdit) {
+    return !!(
+      columnConfig.editWidget || columnFormatMap[columnConfig.editFormatS]
+    );
+  }
+  return !!(columnConfig.widget || columnFormatMap[columnConfig.formatS]);
+}
+
+/**
+ * 取该侧生效的列级组件配置。
+ *
+ * 动态列走 widgetOptions / editWidgetOptions（本来就没有 formatS），直接生效；
+ * 设计器静态列的 columnOption / editColumnOption 必须门控：展示组件被改回空
+ * 之后那份 columnOption 仍会留在模板 JSON 里，无条件读会让这列凭空变必填
+ * （表头星号 + 拦保存），而加载时的 applyColumnMetaToFieldWidget 只读对应侧，
+ * 两边口径不一致正是该现象的根因。
+ * @param {Object} columnConfig 列配置。@param {Boolean} isEdit 是否编辑侧。
+ * @returns {Object|null}
+ */
+function getEffectiveColumnOptions(columnConfig, isEdit) {
+  const dynamicOptions = isEdit
+    ? columnConfig.editWidgetOptions
+    : columnConfig.widgetOptions;
+  if (dynamicOptions) {
+    return dynamicOptions;
+  }
+  if (!hasColumnWidgetSide(columnConfig, isEdit)) {
+    return null;
+  }
+  return isEdit ? columnConfig.editColumnOption : columnConfig.columnOption;
+}
+
 function buildColumnConfigMap(tableColumns, map = {}) {
   if (!tableColumns || !tableColumns.length) {
     return map;
@@ -56,10 +100,8 @@ export function resolveColumnRequiredFlag(columnConfig) {
   if (columnConfig.widget?.options?.required) {
     return true;
   }
-  const widgetOptions =
-    columnConfig.widgetOptions ?? columnConfig.columnOption;
-  const editWidgetOptions =
-    columnConfig.editWidgetOptions ?? columnConfig.editColumnOption;
+  const widgetOptions = getEffectiveColumnOptions(columnConfig, false);
+  const editWidgetOptions = getEffectiveColumnOptions(columnConfig, true);
   return !!(widgetOptions?.required || editWidgetOptions?.required);
 }
 

package/src/components/xform/utils/textMaskUtil.js

@@ -124,8 +124,10 @@ export function resolveTextMaskFlag(widgetOptions, ctx) {
  *
  * @param {Object} $grid vxe-grid 实例。
  * @param {Object} ctx 判定上下文，由 buildTextMaskContext 生成。
+ * @param {Array} [exportItemColumns] 本次明细导出实际使用的列（导出按钮上单独维护时由调用方
+ *   传入）；不传则回落到表格属性上配的那套。
  */
-export function markMaskedExportColumns($grid, ctx) {
+export function markMaskedExportColumns($grid, ctx, exportItemColumns) {
   if (!$grid || typeof $grid.getTableColumn !== "function") return;
 
   /** 打标记。列本就被其它规则（isNonDataExportColumn）剔除时不接管，避免撤销时误删。 */
@@ -174,6 +176,7 @@ export function markMaskedExportColumns($grid, ctx) {
     }
   };
   let originOption = $grid.params?.originOption;
-  let exportItemColumns = originOption?.exportItemConfig?.columns || [];
-  exportItemColumns.forEach(markItemColumn);
+  let tableItemColumns = originOption?.exportItemConfig?.columns;
+  let itemColumns = exportItemColumns || tableItemColumns || [];
+  itemColumns.forEach(markItemColumn);
 }

package/src/layout/components/TagsView/index.vue

@@ -271,9 +271,11 @@ export default {
       this.closeMenu()
     },
     getIsLock() {
-      let path = this.$route.path;
+      // 按 viewKey 而不是 path 定位：可重复打开时同一 path 有多个页签，
+      // 按 path 找到的可能是另一个实例（锁的是 A，却把 B 的刷新按钮禁掉）
+      let key = viewKey(this.$route)
       let visitedViews = this.$store.state.tagsView.visitedViews
-      let currentItem = visitedViews.find(item => item.path == path)
+      let currentItem = visitedViews.find(item => viewKey(item) === key)
       return !!currentItem?.meta?.user_affix;
     },
   }

package/src/store/modules/tagsView.js

@@ -2,6 +2,20 @@ import store from "../index.js";
 import _ from "lodash";
 import { isRepeatable, viewKey } from "@base/utils/repeatOpen";
 
+/**
+ * 页签是否「不可被批量关闭」：
+ * - meta.affix：菜单本身维护的固定页签；
+ * - meta.user_affix：运行期临时锁（如导出期间锁住当前页签）。
+ * 临时锁不能再写 meta.affix —— affix 会让 isRepeatable 翻转、viewKey 从 fullPath
+ * 塌成 path，页签缓存直接失配。所以这里两个标记都要判。
+ * @param {Object} view 页签对象
+ * @returns {Boolean}
+ */
+function isPinned(view) {
+  const meta = (view && view.meta) || {};
+  return !!(meta.affix || meta.user_affix);
+}
+
 let state, mutations, actions;
 state = {
   visitedViews: [],
@@ -34,6 +48,11 @@ mutations = {
       Object.assign({}, view, {
         title: title || "no-name",
         repeatIndex,
+        // meta 必须另拷一份：直接浅拷贝的话页签的 meta 与路由记录的 meta 是同一个
+        // 对象，任何往页签 meta 上写状态的代码（如导出锁写 user_affix）都会连带
+        // 改到 $route.meta —— 曾因此把 affix 写进路由，导致 isRepeatable 翻转、
+        // viewKey 从 fullPath 塌成 path，页签缓存失配、切回来整页重建。
+        meta: { ...(view.meta || {}) },
       })
     );
   },
@@ -79,7 +98,7 @@ mutations = {
   DEL_OTHERS_VISITED_VIEWS: (state, view) => {
     const key = viewKey(view);
     state.visitedViews = state.visitedViews.filter((v) => {
-      return v.meta.affix || viewKey(v) === key;
+      return isPinned(v) || viewKey(v) === key;
     });
   },
   DEL_OTHERS_CACHED_VIEWS: (state, view) => {
@@ -95,7 +114,7 @@ mutations = {
 
   DEL_ALL_VISITED_VIEWS: (state) => {
     // keep affix tags
-    const affixTags = state.visitedViews.filter((tag) => tag.meta.affix);
+    const affixTags = state.visitedViews.filter((tag) => isPinned(tag));
     state.visitedViews = affixTags;
   },
   DEL_ALL_CACHED_VIEWS: (state) => {
@@ -106,7 +125,12 @@ mutations = {
     const key = viewKey(view);
     for (let v of state.visitedViews) {
       if (viewKey(v) === key) {
-        v = Object.assign(v, view);
+        // 同 ADD_VISITED_VIEW：meta 走合并而不是整体替换，
+        // 否则一次 update 就把页签 meta 换回路由那个共享对象，
+        // 并且会抹掉只存在于页签上的标记（user_affix 等）。
+        v = Object.assign(v, view, {
+          meta: { ...(v.meta || {}), ...(view.meta || {}) },
+        });
         break;
       }
     }

package/src/utils/assetUrl.js

@@ -0,0 +1,19 @@
+/**
+ * 取出 require(图片) 的真实 URL。
+ *
+ * webpack4(url-loader，vue-cli 设了 esModule:false) 下 require 直接返回 URL 字符串；
+ * webpack5(vue-cli5 的 asset modules) 下返回的是 ES Module 命名空间对象，且该对象
+ * 由 Object.create(null) 生成——没有原型链就没有 toString，直接绑到 :src 上时
+ * setAttribute 会抛 "Cannot convert object to primitive value" 整棵子树渲染失败
+ * （webpack5 的 asset modules 没有 esModule 开关，只能在取值处兜底）。
+ *
+ * 消费应用的构建配置不受本库控制，凡是把 require 结果往 DOM 属性上放的地方都要过这里。
+ */
+export function assetUrl(mod) {
+  if (mod && typeof mod === "object") {
+    return mod.default || "";
+  }
+  return mod || "";
+}
+
+export default assetUrl;

package/src/utils/importLimit.js

@@ -0,0 +1,72 @@
+/**
+ * 导入文件闸门。
+ *
+ * 导入侧是整文件 readAsBinaryString 读进内存 → XLSX.read（占用通常是文件体积的
+ * 5~20 倍）→ 再逐格建行数组，全程同步且没有任何让步。此前没有大小与行数校验，
+ * 几十 MB 的 xlsx 会直接把标签页撑爆，且崩在 FileReader / XLSX 内部，用户看到的
+ * 同样是"页面崩溃"而不是一句提示。
+ *
+ * 阈值都可以由导入配置覆盖（maxFileSize / maxRowNum，也支持写在 importOption 上），
+ * 传 0 表示不限制。
+ */
+
+/** 导入文件大小上限（字节）。 */
+export const DEFAULT_IMPORT_FILE_SIZE = 20 * 1024 * 1024;
+
+/** 导入数据行数上限（不含模板前 3 行表头）。 */
+export const DEFAULT_IMPORT_ROW_NUM = 20000;
+
+const readOption = (option, key) => {
+  if (option && option[key] !== undefined) return option[key];
+  if (option && option.importOption && option.importOption[key] !== undefined) {
+    return option.importOption[key];
+  }
+  return undefined;
+};
+
+const resolveLimit = (value, defaultValue) => {
+  let num = Number(value);
+  if (!isFinite(num) || num < 0) return defaultValue;
+  return num;
+};
+
+/** @param {Object} option 导入配置。@returns {Number} 文件大小上限，0 表示不限制。 */
+export function getImportFileSizeLimit(option) {
+  return resolveLimit(readOption(option, "maxFileSize"), DEFAULT_IMPORT_FILE_SIZE);
+}
+
+/** @param {Object} option 导入配置。@returns {Number} 行数上限，0 表示不限制。 */
+export function getImportRowLimit(option) {
+  return resolveLimit(readOption(option, "maxRowNum"), DEFAULT_IMPORT_ROW_NUM);
+}
+
+/** @param {File} file 待导入文件。@param {Object} option 导入配置。@returns {Boolean} */
+export function isImportFileOversize(file, option) {
+  let limit = getImportFileSizeLimit(option);
+  return limit > 0 && !!file && file.size > limit;
+}
+
+/** @param {Number} rowNum 数据行数。@param {Object} option 导入配置。@returns {Boolean} */
+export function isImportRowsOverLimit(rowNum, option) {
+  let limit = getImportRowLimit(option);
+  return limit > 0 && rowNum > limit;
+}
+
+/** @param {Number} bytes 字节数。@returns {Number} 保留一位小数的 MB 数。 */
+export function toFileSizeMb(bytes) {
+  return Math.round(((bytes || 0) / 1024 / 1024) * 10) / 10;
+}
+
+/**
+ * 取单元格文本：w（格式化文本）缺失时回退 v（原始值）。
+ * 模板里手工粘贴或公式生成的数值格常常只有 v，直接 w.trim() 会 TypeError，
+ * 而调用点外层的 catch 会把它吞成"点了导入没反应"。
+ * @param {Object} cell xlsx 单元格。
+ * @returns {String|undefined}
+ */
+export function getImportCellText(cell) {
+  if (cell === undefined || cell === null) return undefined;
+  let text = cell.w !== undefined && cell.w !== null ? cell.w : cell.v;
+  if (text === undefined || text === null) return undefined;
+  return String(text).trim();
+}

package/src/utils/pdfUtil.js

@@ -11,6 +11,8 @@ const PAGE_MARGIN = 10;
 //超过之后 toDataURL 直接返回空白图——长详情页很容易撞上，这里按内容尺寸回退 scale。
 const MAX_CANVAS_SIDE = 16384;
 const MAX_CANVAS_AREA = 268435456;
+//回退倍率的下限。再往下字就糊到认不出了，与其导出一份看不清的 PDF，不如让它明确失败
+const MIN_SCALE = 0.2;
 
 const JPEG_QUALITY = 0.92;
 
@@ -103,7 +105,10 @@ function pickScale(width, height, expected) {
     MAX_CANVAS_SIDE / height,
     Math.sqrt(MAX_CANVAS_AREA / (width * height))
   );
-  return Math.max(scale, 1);
+  //下限不能取 1：内容高度超过 16384 CSS px 的长页面(整页导出的常态)算出来的上限本就 <1，
+  //抬回 1 等于把上面这段保护整个作废——canvas 照样越界，toDataURL 返回空白图，
+  //正是 MAX_CANVAS_SIDE 想拦的那个失败。html2canvas 支持 scale < 1，糊一点也要出得来。
+  return Math.max(scale, MIN_SCALE);
 }
 
 //Safari(WebKit) 的 getComputedStyle 会把颜色序列化成 color(srgb …) / color(display-p3 …)，

package/src/utils/request.js

@@ -92,6 +92,15 @@ service.interceptors.request.use(
         background: "unset",
       });
     }
+
+    // 被取消的请求走不到响应/错误拦截器里的 removeModel —— Cancel 对象不带 config，
+    // 那边无从知道该清理哪一个请求。不收口的话上面这两样会永久留在页面上（一个关不掉
+    // 的转圈遮罩）。挂到令牌自己的 promise 上，取消时精确清理本次请求创建的那份。
+    if (config.cancelToken && (config.ajaxOverlay || config.loadingInstance)) {
+      config.cancelToken.promise.then(function () {
+        removeModel(config);
+      });
+    }
     return config;
   },
   (error) => {
@@ -383,6 +392,14 @@ service.interceptors.response.use(
     }
   },
   (error) => {
+    // 主动取消（axios.CancelToken）不是错误，必须最先短路返回。
+    // axios 0.18 取消时 reject 的是 Cancel 对象，它**不带 config**，会一路落到下面
+    // 那个 else 分支无条件弹 ErroreBox —— 而 ErroreBox 是弹窗不是 toast，取消 N 个
+    // 在途请求就会连弹 N 个错误框。config.errorMsg 那条逃生口在 if (config) 里面，
+    // Cancel 走不到，所以只能在这里拦。调用方按需自行 catch。
+    if (axios.isCancel(error)) {
+      return Promise.reject(error);
+    }
     let config = error.config;
     if (
       error.response &&

package/src/utils/vab.js

@@ -13,6 +13,7 @@ import XEUtils from "xe-utils";
 import prefixConfig from "@/prefixConfig.js";
 import moment from "moment";
 import { openView } from "./repeatOpen";
+import { assetUrl } from "./assetUrl";
 
 let imFun = {
   request,
@@ -28,7 +29,8 @@ let imFun = {
 };
 
 function reqImg(a) {
-  return require("@/resources/images/" + a);
+  /* webpack5 下 require 返回的是无原型的 Module 对象，直接当 src 用会崩，统一取真实 URL */
+  return assetUrl(require("@/resources/images/" + a));
 }
 
 const FILE_ICON_NAME_MAP = {
@@ -398,6 +400,8 @@ install = (Vue, opts = {}) => {
   Vue.prototype.$baseLodash = imFun.lodash;
   /* 全局事件总线 */
   Vue.prototype.$baseEventBus = new Vue();
+  /* 模板里 :src="$assetUrl(require(...))" 用，见 utils/assetUrl.js */
+  Vue.prototype.$assetUrl = assetUrl;
 
   Vue.prototype.$commonFileUtil = {
     // 文件类型获取与判断接口