cloud-web-corejs 1.1.0-dev.21 → 1.1.0-dev.23

package/src/components/mobile/wf/content.vue

@@ -93,7 +93,12 @@
           <div class="tit"><span>{{
               (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name
             }}</span></div>
-          <iframe style="width: 100%;flex:1" :src="wfImage"></iframe>
+          <iframe
+            ref="wfPreviewFrame"
+            style="width: 100%;flex:1"
+            :src="wfImage"
+            @load="fitWorkflowPreview"
+          ></iframe>
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -620,8 +625,27 @@ export default {
   mounted() {
     this.init();
   },
-  methods: {
-    getWfStatusLabel() {
+  methods: {
+    fitWorkflowPreview() {
+      /* warm-flow-ui 是独立 iframe，窄屏下默认画布宽于视口，左右节点会被
+         它自己的 overflow:hidden 裁掉。复用其「自适应」能力，在数据逐步
+         渲染的几个时点重新 fit；跨域部署时访问 document 会抛错，静默跳过。 */
+      [0, 300, 800, 1500].forEach((delay) => {
+        window.setTimeout(() => {
+          try {
+            const frame = this.$refs.wfPreviewFrame;
+            const buttons = frame?.contentDocument?.querySelectorAll("button") || [];
+            const fitButton = Array.from(buttons).find(
+              (button) => button.textContent.trim() === "自适应"
+            );
+            fitButton?.click();
+          } catch (e) {
+            // 跨域 iframe 无法读取内部 DOM，保留 warm-flow-ui 原有交互。
+          }
+        }, delay);
+      });
+    },
+    getWfStatusLabel() {
       return this.wfStatusMap[this.wfInfo.stat]?.label;
     },
     getWfStatusType() {

package/src/components/table/index.js

@@ -97,7 +97,7 @@ async function initVxeTable(option) {
   let searchColumns = null;
   if (tableName) {
     setTableState($grid, "tableName", tableName);
-    if (option.path) {
+    if (option.path && option.readQueryAllPage !== false) {
       await getTableData(that, option.tableRef, "isQueryAllPage", (res1) => {
         let result = res1.objx ? res1.objx.data : null;
         if (result !== null && result !== undefined) {
@@ -1252,7 +1252,10 @@ function checkQueryTotal(that, tableRef, value) {
   let pagerConfig = $grid.pagerConfig;
 
   $grid.pagerConfig.layouts = pagerConfig.layouts || [];
-  addTableData(that, tableRef, value);
+  let originOption = $grid.params && $grid.params.originOption;
+  if (!originOption || originOption.readQueryAllPage !== false) {
+    addTableData(that, tableRef, value);
+  }
   $grid.commitProxy("query");
 }
 

package/src/components/table/plugins/cell-area/index.js

@@ -464,8 +464,8 @@ function clearAreaValues($table, area) {
 }
 
 /**
- * 粘贴落盘。必须整段同步执行：业务的 pasteMethod 里会读 window.event.clipboardData
- * 取粘贴进来的图片文件，一旦跨出原生事件派发（setTimeout/await/$nextTick）就读不到了。
+ * 粘贴落盘。必须整段同步执行：clipboardData 会随 clipData 传给业务 pasteMethod，
+ * 一旦跨出原生事件派发（setTimeout/await/$nextTick），部分浏览器就读不到图片文件了。
  */
 function applyPaste($table, pasteCells, clipData) {
   let store = getStore($table);
@@ -499,8 +499,11 @@ function applyPaste($table, pasteCells, clipData) {
       let newRows = insertRows;
       if (clipOpts.createRowsMethod) {
         let created = clipOpts.createRowsMethod({
+          $table: $table,
           insertRows: insertRows,
           pasteCells: pasteCells,
+          startRowIndex: startRowIndex,
+          targetRow: rows[startRowIndex] || null,
         });
         newRows = created || insertRows;
       }
@@ -887,7 +890,11 @@ const cellAreaMixin = {
         pasteCells = [[""]];
       }
       evnt.preventDefault();
-      applyPaste($table, pasteCells, { text: text, html: html });
+      applyPaste($table, pasteCells, {
+        text: text,
+        html: html,
+        clipboardData: clipboardData,
+      });
       if (store.isCut) {
         store.isCut = false;
         store.copyArea = null;

package/src/components/wf/wfStartDialog.vue

@@ -3,6 +3,7 @@
     <el-dialog
       :title="$t2('流程启动', 'components.wf.wfStart')"
       :visible.sync="showDialog"
+      :width="option && option.layoutType === 'H5' ? 'calc(100% - 32px)' : undefined"
       v-if="showDialog"
       :modal-append-to-body="false"
       @close="close"

package/src/components/wf/wfUtil.js

@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import settingConfig from '@/settings.js'
-import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
+import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
+import { isWfInfoHidden } from '@base/components/wf/wfVisibility';
 
 let f;
 let configUtil = {
@@ -48,26 +49,36 @@ f = async function (option) {
        content.vue 里的 $http 回调/定时器还会回来调宿主方法，
        它内部那些 append-to-body 的 popover/dialog 的 DOM 也没人收。
        页签模式下详情会被反复重挂载，一次一份，所以统一登记、挂到宿主的销毁钩子上回收。 */
-    let instances = [];
-    let disposed = false;
-    let registerDispose = () => {
-      if (!instances.length || !that.$once) return;
-      that.$once("hook:beforeDestroy", () => {
-        disposed = true;
-        instances.forEach((vm) => {
-          try {
-            vm.$destroy(); //会级联销毁子组件，append-to-body 的那些 el 由它们自己的 destroyed 摘掉
-            //$destroy 不管 DOM，自己收一下（宿主子树里的那份本来也会被父级移除）
-            if (vm.$el && vm.$el.parentNode) vm.$el.parentNode.removeChild(vm.$el);
-          } catch (e) {
-            //拆的时候出问题不要拖累宿主销毁
-          }
-        });
-        instances.length = 0;
-      });
-    };
-
-    let done = () => {
+    let instances = [];
+    let disposed = false;
+    let disposeRegistered = false;
+    let renderRevision = 0;
+    let clearInstances = () => {
+      renderRevision++;
+      instances.forEach((vm) => {
+        try {
+          vm.$destroy();
+          if (vm.$el && vm.$el.parentNode) vm.$el.parentNode.removeChild(vm.$el);
+        } catch (e) {
+          //显隐切换或宿主销毁时，单个流程实例回收失败不能影响其余实例
+        }
+      });
+      instances.length = 0;
+    };
+    let registerDispose = () => {
+      if (disposeRegistered || !that.$once) return;
+      disposeRegistered = true;
+      that.$once("hook:beforeDestroy", () => {
+        disposed = true;
+        clearInstances();
+        if (that._refreshWfInfoVisibility === refreshVisibility) {
+          delete that._refreshWfInfoVisibility;
+        }
+      });
+    };
+
+    let done = () => {
+      let currentRevision = ++renderRevision;
       let $wfBtnRegion = that.$refs[option.wfBtnRegion || "wfBtnRegion"];
       let $wfViewRegion = that.$refs[(option.wfViewRegion || "wfViewRegion")];
 
@@ -83,10 +94,9 @@ f = async function (option) {
       let showModifyBtn = option.showModifyBtn != null ? option.showModifyBtn : true;
       let contentInstance = null; //流程面板实例，标题栏下拉要点它的方法
       //宿主声明「不挂流程信息面板」：面板整棵 v-if 掉，标题栏那份审批入口也不能挂
-      let _hideWf = that._hideWf || that.$attrs._hideWf;
-      let isHideWf = _hideWf === true || _hideWf === 'true';
+      let isHideWf = isWfInfoHidden(that, option);
 
-      if (wfInfo) {
+      if (wfInfo && !isHideWf) {
         let wfModel = configUtil.settingConfig.wfModel || 1;
         let url = wfModel == 2 ? '/content2.vue' : '/content.vue';
         let a = configUtil.Vue.extend(configUtil.getWfObj(url));
@@ -106,7 +116,7 @@ f = async function (option) {
         });
         instances.push(instance);
         contentInstance = instance;
-        if (!_hideWf && slideWrap) {
+        if (slideWrap) {
           let navVm = new configUtil.Vue({
             render: function (h) {
               let node = h("div", {}, [
@@ -137,8 +147,8 @@ f = async function (option) {
           if (settingConfig.version == 'oa') {
             slideWrap = slideWrap.children[0];
           }
-          setTimeout(() => {
-            if (disposed) return; //这一步延后了 500ms，期间宿主可能已经销毁
+          setTimeout(() => {
+            if (disposed || currentRevision !== renderRevision) return;
             slideWrap.append(navDom);
             if (that.$attrs.toWfArea) {
               //待办进来，直接跳到流程模块
@@ -225,8 +235,16 @@ f = async function (option) {
         contentInstance.headerActionsMounted = true;
       }
 
-      registerDispose();
-    }
+      registerDispose();
+    }
+
+    let refreshVisibility = () => {
+      if (disposed) return;
+      clearInstances();
+      done();
+    };
+    // xform 的 setWfInfoHidden 可在流程初始化前后调用；初始化后即时重建流程展示区。
+    that._refreshWfInfoVisibility = refreshVisibility;
 
     if (true || wfInfo) {
       if (option.callback) {

package/src/components/wf/wfVisibility.js

@@ -0,0 +1,6 @@
+// 面板显隐独立于流程初始化和启动权限；兼容既有宿主属性。
+export function isWfInfoHidden(host, option = {}) {
+  const attrs = (host && host.$attrs) || {};
+  return [host && host._hideWf, attrs._hideWf, option.hideWfInfo]
+    .some(value => value === true || value === "true");
+}

package/src/components/xform/form-designer/form-widget/container-widget/data-table-mixin.js

@@ -63,6 +63,13 @@ modules = {
     customClass() {
       return this.widget.options.customClass || "";
     },
+    dataTableStyle() {
+      let width = this.widget.options.tableWidth;
+      if (width === null || width === undefined || width === "") return {};
+      width = String(width).trim();
+      if (/^\d+(?:\.\d+)?$/.test(width)) width += "px";
+      return { width };
+    },
     columns() {
       let tableColumns = this.widget.options.tableColumns;
       let newColumns = [];

package/src/components/xform/form-designer/form-widget/container-widget/data-table-widget.vue

@@ -12,6 +12,7 @@
   <container-wrapper :designer="designer" :widget="widget" :parent-widget="parentWidget" :parent-list="parentList"
                      :index-of-parent-list="indexOfParentList">
     <div :key="widget.id" class="table-container" :class="[selected ? 'selected' : '', customClass]"
+         :style="dataTableStyle"
          @click.stop="selectWidget(widget)">
       <vxe-grid v-bind="gridOptions" :data="widget.options.tableData" :auto-resize="true">
         <template #form>
@@ -68,7 +69,7 @@
                             plain>刷新
                 </vxe-button>
 
-                <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
+                <vxe-button v-if="!widget.options.isNotShowQueryButton" status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
                 </vxe-button>
               </div>
             </div>
@@ -212,6 +213,7 @@ export default {
   },
   created() {
     if(this.widget.options.isNotQueryAllPage===undefined)this.widget.options.isNotQueryAllPage = false;
+    if(this.widget.options.isNotReadQueryAllPage===undefined)this.widget.options.isNotReadQueryAllPage = false;
   }
 };
 </script>

package/src/components/xform/form-designer/form-widget/field-widget/fieldMixin.js

@@ -155,7 +155,21 @@ modules = {
       },
     },
     isReadMode: function () {
-      return !!this.getReadMode() || this.fieldReadonlyFlag;
+      return !!this.getReadMode()
+        || this.fieldReadonlyFlag
+        || this.tableCellReadonly;
+    },
+    tableCellReadonly: function () {
+      if (!this.tableParam?.row || !this.tableParam?.$table) {
+        return false;
+      }
+      if (!this.tableParam.$table.isActiveByRow?.(this.tableParam.row)) {
+        return false;
+      }
+      let tableTarget = this.getParentTarget();
+      return typeof tableTarget?.isTableCellEditable === "function"
+        ? !tableTarget.isTableCellEditable(this.tableParam, true)
+        : false;
     },
     optionLabel() {
       return this.getOptionLabel();
@@ -1277,6 +1291,7 @@ modules = {
         this.emitFieldDataChange(e, this.oldFieldValue),
         (this.oldFieldValue = baseRefUtil.deepClone(e)),
         this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]);
+      this.requestTableAutoSave("change");
     },
     handleFocusCustomEvent: function (e) {
       if (
@@ -1292,6 +1307,15 @@ modules = {
         let t = new Function("event", this.field.options.onBlur);
         t.call(this, e);
       }
+      this.requestTableAutoSave("blur");
+    },
+    /** @param {String} trigger 自动保存触发来源。 */
+    requestTableAutoSave(trigger) {
+      if (this.designState || !this.tableParam?.row) return;
+      let tableTarget = this.getParentTarget();
+      if (typeof tableTarget?.scheduleEditRowAutoSave === "function") {
+        tableTarget.scheduleEditRowAutoSave(this.tableParam, trigger);
+      }
     },
     handleInputCustomEvent: function (e) {
       if (

package/src/components/xform/form-designer/form-widget/field-widget/select-export-item-button-widget.vue

@@ -44,6 +44,7 @@ import i18n from "../../../utils/i18n";
 import fieldMixin from "./fieldMixin";
 import StaticContentWrapper from "./static-content-wrapper.vue";
 import { EXPORT_TYPE } from "../../../../excelExport/exportType";
+import { pickConditionExportOverrides } from "@base/components/excelExport/conditionExportConfig";
 
 export default {
   name: "select-export-item-button-widget",
@@ -101,8 +102,8 @@ export default {
       let opt = {
         title: this.field.options.exportFileName || null,
         targetRef: this.field.options.tableRef || null,
-        pageSize: this.field.options.exportPageSize || null,
         showImageAtTable: this.field.options.showImageAtTable || null,
+        ...pickConditionExportOverrides(this.field.options),
         // 明细导出的列 / 脚本编码 / 取数参数三项各自独立：按钮上维护了哪项就以哪项为准，
         // 留空的那项沿用数据表格属性上那套。参数脚本原样下发，由数据表格求值（this 是
         // 表格组件，与配在表格属性上时同义）

package/src/components/xform/form-designer/form-widget/field-widget/table-export-button-widget.vue

@@ -32,6 +32,7 @@ import emitter from "../../../../../components/xform/utils/emitter";
 import i18n from "../../../../../components/xform/utils/i18n";
 import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
 import StaticContentWrapper from "../../../../../components/xform/form-designer/form-widget/field-widget/static-content-wrapper.vue";
+import { pickConditionExportOverrides } from "@base/components/excelExport/conditionExportConfig";
 
 export default {
   name: "table-export-button-widget",
@@ -81,8 +82,8 @@ export default {
       let opt = {
         title: this.field.options.exportFileName || null,
         targetRef: this.field.options.tableRef || null,
-        pageSize: this.field.options.exportPageSize || null,
         showImageAtTable: this.field.options.showImageAtTable || null,
+        ...pickConditionExportOverrides(this.field.options),
       };
       let tableExportParam = this.handleCustomEvent(this.field.options.tableExportParam);
       let options = { ...opt, ...tableExportParam, type: type };

package/src/components/xform/form-designer/setting-panel/form-setting.vue

@@ -202,12 +202,24 @@
               @change="changeWfEnabled"
             ></el-switch>
           </el-form-item>
-          <el-form-item class="form-item-label-top" :label="i18nt('默认流程单据类型名称')">
+          <el-form-item class="form-item-label-top" :label="i18nt('默认流程单据类型名称')">
             <el-input
               type="text"
               v-model="designer.vueInstance.reportTemplate.objTypeName"
             ></el-input>
-          </el-form-item>
+          </el-form-item>
+          <el-form-item v-if="formConfig.wfEnabled" label="隐藏流程信息的角色">
+            <el-input
+              :value="formConfig.wfInfoHiddenRoleCodes"
+              @input="$set(formConfig, 'wfInfoHiddenRoleCodes', $event)"
+              placeholder="角色编码，多个用英文逗号分隔"
+              clearable
+            />
+            <div style="line-height: 1.6; color: #909399; font-size: 12px">
+              当前公司角色命中任意编码时，隐藏流程信息及审批入口，保留启动流程按钮；脚本可调用
+              this.setWfInfoHidden(true/false)。
+            </div>
+          </el-form-item>
           <el-form-item>
             <span slot="label"
               >流程主题