cloud-web-corejs 1.0.282 → 1.0.284

package/src/components/xform/form-designer/setting-panel/property-editor/field-table-export-button/table-export-button-editor.vue

@@ -13,8 +13,23 @@
       <el-switch v-model="optionModel.showImageAtTable" @change="changeShowImageAtTable"></el-switch>
     </el-form-item>
     <el-form-item label="导出每页查询数量" class="form-item-label-top">
-      <base-input-number v-model="optionModel.exportPageSize"
-                         :max="optionModel.showImageAtTable?150:1000"></base-input-number>
+      <empty-number-input v-model="optionModel.exportPageSize"
+                          :max="optionModel.showImageAtTable?150:1000"
+                          :placeholder="'默认 ' + defaultPageSize"></empty-number-input>
+    </el-form-item>
+    <el-form-item label="最大查询总数" class="form-item-label-top">
+      <empty-number-input v-model="optionModel.maxQueryTotal"
+                          :placeholder="'默认 ' + defaultMaxQueryTotal"></empty-number-input>
+      <div class="export-limit-tip">
+        条件导出最多拉取的行数。留空则使用全局逻辑参数（默认 {{ defaultMaxQueryTotal }}）
+      </div>
+    </el-form-item>
+    <el-form-item label="每个文件最大数据量" class="form-item-label-top">
+      <empty-number-input v-model="optionModel.limitFileSize"
+                          :placeholder="'默认 ' + defaultLimitFileSize"></empty-number-input>
+      <div class="export-limit-tip">
+        单个 Excel 最多行数，超出则分多个文件。留空则使用全局逻辑参数（默认 {{ defaultLimitFileSize }}）
+      </div>
     </el-form-item>
     <el-form-item label="导出参数" label-width="150px">
       <a href="javascript:void(0);" class="a-link link-oneLind"
@@ -30,10 +45,15 @@
 import i18n from "../../../../../../components/xform/utils/i18n";
 import eventMixin
   from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+import { DEFAULT_CONDITION_EXPORT_CONFIG } from "@base/components/excelExport/conditionExportConfig";
+import emptyNumberInput from "./empty-number-input.vue";
 
 export default {
   name: "table-export-button-editor",
   mixins: [i18n, eventMixin],
+  components: {
+    emptyNumberInput,
+  },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -42,6 +62,9 @@ export default {
   data() {
     return {
       eventParams: [],
+      defaultPageSize: DEFAULT_CONDITION_EXPORT_CONFIG.pageSize,
+      defaultMaxQueryTotal: DEFAULT_CONDITION_EXPORT_CONFIG.maxQueryTotal,
+      defaultLimitFileSize: DEFAULT_CONDITION_EXPORT_CONFIG.limitFileSize,
     };
   },
   methods: {
@@ -57,4 +80,11 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.export-limit-tip {
+  line-height: 18px;
+  color: #909399;
+  font-size: 12px;
+  margin-top: 4px;
+}
+</style>

package/src/components/xform/form-designer/widget-panel/widgetsConfig.js

@@ -3254,6 +3254,9 @@ export const advancedFields = [
       tableRef: "",
       tableExportParam: "",
       showImageAtTable: false,
+      exportPageSize: null,
+      maxQueryTotal: null,
+      limitFileSize: null,
       tableExportFlag: 1,
 
       onCreated: "",
@@ -3316,6 +3319,9 @@ export const advancedFields = [
       tableRef: "",
       tableExportParam: "",
       showImageAtTable: false,
+      exportPageSize: null,
+      maxQueryTotal: null,
+      limitFileSize: null,
       selectExportItemFlag: 1,
       exportItemConditionEnabled: !1,
       // 按钮级明细导出配置：三项各自独立，留空的那项沿用数据表格属性上维护的
@@ -3403,12 +3409,19 @@ export const advancedFields = [
       ...defaultWidgetShowRuleConfig,
       importMultiple: false,
       importMultiSize: 1,
+      // 批量导入时给每行补一层实体信封以承载附件列；默认关＝仍发裸行数组
+      importMultiAttachEnvelope: false,
       importFileLimitSize: 200,
       importEntity: "",
       importAttachCode: "",
       importAttachName: "",
       importScriptCode: "",
       onBeforeImport: "",
+      // 逐行补默认值脚本：返回对象，Object.assign 到该行后再发包
+      importDefaultValue: "",
+      onValidateRow: "",
+      // 必填校验方式："" 默认（逐行标记失败）/ "strict" 解析期整批硬拦 / "off" 不校验
+      requiredCheckMode: "",
       enabledImportPreHandle: false,
       tableRef: "",
       onSuccessImport: "",
@@ -3458,6 +3471,24 @@ export const advancedFields = [
       importAttachCode: "",
       importAttachName: "",
       tableRef: "",
+      // 进度框形态：逐行校验 + 成功/失败计数 + 结果表。
+      // 默认关闭 —— 关闭时是"全屏 loading + 整批入表"的老链路，存量表单无感知。
+      showProgressDialog: false,
+      // 进度框形态下每行怎么处理："table" 塞入关联表格；"script" 交给 onImportRow 逐行脚本
+      importMode: "table",
+      // 前台校验通过后，整批一次送给后台校验并补字段；默认关＝不发请求
+      backendValidateEnabled: false,
+      importScriptCode: "",
+      onImportParams: "",
+      // 内嵌图片三段式：把 Excel 里贴的图取回来填进 attachments_ 列。
+      // 依赖进度框，仅在 showProgressDialog 打开时生效
+      enabledImportPreHandle: false,
+      onImportRow: "",
+      onValidateRow: "",
+      // 入表前按该字段去重，空则不去重
+      dedupField: "",
+      // 必填校验方式："" 默认（有逐行通道就逐行标记，否则整批拦）/ "strict" 整批硬拦 / "off" 不校验
+      requiredCheckMode: "",
       onConfirmImportEnabled: false,
       onConfirmImport: "",
       onSuccessImport: "",

package/src/components/xform/form-render/container-item/data-table-mixin.js

@@ -1051,6 +1051,16 @@ modules = {
         return null;
       }
 
+      return this.runCellsRequiredCheck(rows, rows);
+    },
+    /**
+     * 逐单元格必填校验的核心循环。
+     * @param {Array} targetRows 本次要校验的行。
+     * @param {Array} indexRows 求行下标用的完整数据集（决定校验 prop 里的行下标）。
+     * @returns {String|null} 首个错误提示，全部通过返回 null。
+     */
+    runCellsRequiredCheck(targetRows, indexRows) {
+      const rows = indexRows || [];
       const isEditTable = this.widget.options.isEditTable || false;
       const tableColumns = this.widget.options.tableColumns || [];
       const tableFieldKeyName = this.getFieldKeyName(this.widget);
@@ -1060,8 +1070,8 @@ modules = {
         this.collectColumnValidateEntries(column, isEditTable, columnEntries);
       });
 
-      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
-        const row = rows[rowIndex];
+      for (let rowIndex = 0; rowIndex < targetRows.length; rowIndex++) {
+        const row = targetRows[rowIndex];
         if (!row) {
           continue;
         }
@@ -1112,6 +1122,87 @@ modules = {
 
       return null;
     },
+    /**
+     * 行内保存用：只校验当前行的必填，不牵动其他行。
+     * @param {Object} row 当前行。@returns {String|null} 错误提示，通过为 null。
+     */
+    validateEditRowRequired(row) {
+      if (!row || this.widget.options.hidden || this.designState) {
+        return null;
+      }
+      const rows = this.getValidationRows();
+      return this.runCellsRequiredCheck([row], rows.length ? rows : [row]);
+    },
+    /**
+     * 收集当前行所有参与校验的单元格 prop（用于原生规则的行级校验）。
+     * @param {Object} row 当前行。@returns {Array<String>} 已在表单里注册的 prop 列表。
+     */
+    collectRowValidateProps(row) {
+      const formRef = this.getFormRef?.();
+      const renderForm = formRef?.$refs?.renderForm;
+      if (!row || !renderForm) {
+        return [];
+      }
+      const isEditTable = this.widget.options.isEditTable || false;
+      const tableColumns = this.widget.options.tableColumns || [];
+      const tableFieldKeyName = this.getFieldKeyName(this.widget);
+      const rows = this.getValidationRows();
+      const rowIndex = this.getValidationRowIndex(row, rows, 0);
+      const columnEntries = [];
+      this.loodHandleColumns(tableColumns, (column) => {
+        this.collectColumnValidateEntries(column, isEditTable, columnEntries);
+      });
+
+      // 只保留真正注册进 el-form 的 prop：validateField 传入全部未注册的 prop 会打警告
+      const registered = new Set(
+        (renderForm.fields || []).map((item) => item.prop)
+      );
+      const props = [];
+      columnEntries.forEach(({ column, templateWidget }) => {
+        const fieldWidget = this.resolveRowFieldWidget(row, templateWidget);
+        if (shouldSkipCellValidation(fieldWidget)) {
+          return;
+        }
+        const property = getCellFieldKey(fieldWidget, column);
+        const propName = buildTableCellFormProp(
+          tableFieldKeyName,
+          rowIndex,
+          property
+        );
+        if (propName && registered.has(propName) && !props.includes(propName)) {
+          props.push(propName);
+        }
+      });
+      return props;
+    },
+    /**
+     * 行内保存的校验入口：范围收敛到当前行（原生规则 + 必填兜底），
+     * 不校验其他行、也不校验表格外的表单字段。
+     * @param {Object} row 当前行。@returns {Boolean} 通过为 true。
+     */
+    validateEditRow(row) {
+      const formRef = this.getFormRef?.();
+      const renderForm = formRef?.$refs?.renderForm;
+      const props = this.collectRowValidateProps(row);
+      let nativeError = null;
+      if (renderForm && props.length) {
+        renderForm.validateField(props, (errorMsg) => {
+          if (!nativeError && errorMsg) {
+            nativeError = errorMsg;
+          }
+        });
+      }
+      if (nativeError) {
+        this.$message.error(nativeError);
+        return false;
+      }
+      const requiredError = this.validateEditRowRequired(row);
+      if (requiredError) {
+        this.$message.error(requiredError);
+        return false;
+      }
+      return true;
+    },
     /** @param {Boolean} required 是否将整个数据表设为必填。 */
     setRequired(required) {
       this.$set(this.widget.options, "required", !!required);
@@ -2691,7 +2782,9 @@ modules = {
                 if (
                   customParam?.exportParam?.type !== EXPORT_TYPE.ITEM_SELECTED
                 ) {
-                  formData = tableOption.param ? tableOption.param() || {} : {};
+                  formData = customParam?.exportParam?.exportQuerySnapshot !== undefined
+                    ? this.$baseLodash.cloneDeep(customParam.exportParam.exportQuerySnapshot)
+                    : tableOption.param ? tableOption.param() || {} : {};
                 }
                 const queryParams = Object.assign({}, formData);
 
@@ -4428,14 +4521,9 @@ modules = {
       let logicalRowKey = obj.row?._X_ROW_KEY || null;
       let originalPhysicalId = null;
       try {
-        let valid = await new Promise((resolve, reject) => {
-          try {
-            formRef.validate(resolve);
-          } catch (error) {
-            reject(error);
-          }
-        });
-        if (!valid) return false;
+        // 行内保存只提交当前行，校验范围同步收敛到当前行：其他行与表外字段
+        // 的必填不该拦住单行保存（整体保存仍走 formRef.validate 的全量校验）
+        if (!this.validateEditRow(obj.row)) return false;
 
         let requestRow = obj.row;
         if (treeContext) {

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/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/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 = {
     // 文件类型获取与判断接口