cloud-web-corejs 1.0.54-dev.801 → 1.0.54-dev.802

package/src/components/wf/wfUtil.js

@@ -82,6 +82,9 @@ f = async function (option) {
       let showStartBtn = option.showStartBtn != null ? option.showStartBtn : true;
       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';
 
       if (wfInfo) {
         let wfModel = configUtil.settingConfig.wfModel || 1;
@@ -103,8 +106,6 @@ f = async function (option) {
         });
         instances.push(instance);
         contentInstance = instance;
-        let _hideWf = that._hideWf || that.$attrs._hideWf;
-        let isHideWf = _hideWf === true || _hideWf === 'true';
         if (!_hideWf && slideWrap) {
           let navVm = new configUtil.Vue({
             render: function (h) {
@@ -198,15 +199,21 @@ f = async function (option) {
         appendPrevChildDom(wfBtnRegion, startVm.$mount().$el)
       }
 
-      /* 审批操作下拉：开了 wfActionInHeaderEnabled 时，在详情模块标题栏再挂一份「流程操作」
-         下拉。流程模块里的原按钮条不动、不隐藏；下拉项点击走流程面板实例上的同一套方法。
+      /* 审批操作：开了 wfActionInHeaderEnabled 时，在详情模块标题栏再挂一份 —— 通过/驳回/撤回
+         平铺成独立按钮，其余收进「流程操作」下拉（wfActionDropdown.vue）。流程模块里的
+         原按钮条不动、不隐藏；点击走流程面板实例上的同一套方法。
          放在「修改单据」「流程启动」之后挂——appendPrevChildDom 是前插，最后插的排最左，
-         最终顺序：流程操作下拉 → 修改单据 → 内建/业务按钮。
-         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过。 */
-      let actionInHeader = option.actionInHeader != null
-        ? option.actionInHeader
-        : configUtil.settingConfig.wfActionInHeaderEnabled === true;
-      if (actionInHeader && wfBtnRegion && contentInstance && !option.hiddenAllButton) {
+         最终顺序：通过/驳回/撤回/流程操作 → 修改单据 → 内建/业务按钮。
+         hiddenAllButton / 素身详情(取不到 .fr) 自动跳过。
+         _hideWf 也必须跳过：那种页面 content.vue 根节点 v-if 掉了，弹框根本没渲染出来，
+         挂上去就是一排点了没反应的按钮（wfInfo 照样有值，光看 items 判断不出来）。 */
+      if (shouldMountHeaderActions({
+        option,
+        settingConfig: configUtil.settingConfig,
+        wfBtnRegion,
+        contentInstance,
+        isHideWf
+      })) {
         let Dropdown = configUtil.Vue.extend(configUtil.getWfObj('/wfActionDropdown.vue'));
         let dropdownVm = new Dropdown({
           i18n: that._i18n,
@@ -236,6 +243,23 @@ f = async function (option) {
   }
 }
 
+/* 标题栏那份审批入口挂不挂。抽成函数是为了能单测——done() 整条链路要打 http、要真 DOM。
+   ctx: { option, settingConfig, wfBtnRegion, contentInstance, isHideWf } */
+export function shouldMountHeaderActions(ctx) {
+  let option = (ctx && ctx.option) || {};
+  let settingConfig = (ctx && ctx.settingConfig) || {};
+  let actionInHeader = option.actionInHeader != null
+    ? option.actionInHeader
+    : settingConfig.wfActionInHeaderEnabled === true;
+  return !!(
+    actionInHeader
+    && ctx.wfBtnRegion //素身详情取不到 .d-header > .fr
+    && ctx.contentInstance //没流程面板就没方法可调
+    && !ctx.isHideWf //面板被 v-if 掉了，挂上去全是哑按钮
+    && !option.hiddenAllButton
+  );
+}
+
 function getModifyButtonName(that, taskParam) {
   let buttonName = null;
   if (!taskParam.buttonName || taskParam.buttonName == "修改单据") {

package/src/components/xform/form-designer/designer.js

@@ -1660,10 +1660,13 @@ let chartContainers = [],
             "'}";
           dataTableCon.buttons.push(tableExportButton);
 
+          // 两个查询条件的值由树节点点击注入，勾上「固定查询条件」后
+          // 刷新、查询条件设置的还原/确定都不会把它清掉
           let searchInput = this.copyNewFieldWidget(
             this.getFieldWidgetByType("input")
           );
           searchInput.options.disabled = true;
+          searchInput.options.fixedQuery = true;
           searchInput.options.label = newCon.options.treeLabel;
           dataTableCon.widgetList.push(searchInput);
 
@@ -1672,10 +1675,12 @@ let chartContainers = [],
           );
           searchIdInput.options.disabled = true;
           searchIdInput.options.hidden = true;
+          searchIdInput.options.fixedQuery = true;
           searchIdInput.options.label = `隐藏${newCon.options.treeLabel}ID`;
           dataTableCon.widgetList.push(searchIdInput);
 
-          //列表重置的时候，忽略该字段
+          // 存量表单没有 fixedQuery 开关，仍靠 ignoreFields 兜底刷新按钮；
+          // 新建的表单两条通道并存（取并集），不冲突
           dataTableCon.options.onResetTable = `this.resetEvent({\n  ignoreFields:['${searchInput.options.name}', '${searchIdInput.options.name}']\n});`;
 
           //初始化树

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

@@ -17,7 +17,7 @@
         <template #form>
           <template v-if="widget.options.isQueryTable">
             <div class="clearfix screen-btns">
-              <div class="fl" style="width: 700px;">
+              <div class="fl button-drag-zone">
                 <!--                <vxe-button status="primary" class="button-sty" icon="el-icon-upload2"
                                             v-if="widget.options.showExportBtn!==false">导出
                                 </vxe-button>-->
@@ -247,9 +247,14 @@ div.table-container {
   }
 }
 
+/* 按钮拖放区：宽度自适应，最多占满除右侧刷新/搜索按钮外的空间，超出后按钮换行 */
+.screen-btns .fl.button-drag-zone {
+  max-width: calc(100% - 180px);
+}
+
 .sub-form-table {
   min-height: 68px;
-  min-width: max-content
+  min-width: 200px
 }
 
 .sub-form-table .sub-form-drag-drop-zone {
@@ -257,7 +262,8 @@ div.table-container {
 }
 
 .sub-form-table div.sub-form-table-column {
-  display: inline-block
+  display: inline-block;
+  vertical-align: top
 }
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/date-range-widget.vue

@@ -26,11 +26,12 @@ 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 utcTransformMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/utc-transform-mixin";
+import relativeDefaultMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/relative-default-mixin";
 
 export default {
   name: "date-range-widget",
   componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n, utcTransformMixin],
+  mixins: [emitter, fieldMixin, i18n, utcTransformMixin, relativeDefaultMixin],
   props: {
     field: Object,
     parentWidget: Object,
@@ -83,7 +84,7 @@ export default {
   created() {
     /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
        需要在父组件created中初始化！！ */
-    this.initFieldModel()
+    this.initRelativeFieldModel()
     this.registerToRefList()
     this.initEventHandler()
     this.buildFieldRules()

package/src/components/xform/form-designer/form-widget/field-widget/date-widget.vue

@@ -27,11 +27,12 @@ import i18n from "../../../../../components/xform/utils/i18n";
 import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
 import dateLimitMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/date-limit-mixin";
 import utcTransformMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/utc-transform-mixin";
+import relativeDefaultMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/relative-default-mixin";
 
 export default {
   name: "date-widget",
   componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n, dateLimitMixin, utcTransformMixin],
+  mixins: [emitter, fieldMixin, i18n, dateLimitMixin, utcTransformMixin, relativeDefaultMixin],
   props: {
     field: Object,
     parentWidget: Object,
@@ -102,7 +103,7 @@ export default {
   created() {
     /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
        需要在父组件created中初始化！！ */
-    this.initDateFieldModel()
+    this.initRelativeFieldModel()
     this.registerToRefList()
     this.initEventHandler()
     this.buildFieldRules()
@@ -138,16 +139,6 @@ export default {
     },
     setNow() {
       this.$refs.fieldEditor.panel.changeToNow()
-    },
-    refreshDefaultValue() {
-      if (this.designState !== true) {
-        return
-      }
-      if (this.isNowDateValueType(this.field.options.defaultValueType)) {
-        this.fieldModel = this.getNowDateValue()
-      } else if (this.field.options.defaultValue !== undefined) {
-        this.fieldModel = this.field.options.defaultValue
-      }
     }
   }
 }

package/src/components/xform/form-designer/form-widget/field-widget/mixins/date-limit-mixin.js

@@ -1,4 +1,5 @@
-/* 日期组件的最小日期、默认值支持配置为「当前时间」，此处统一解析 */
+/* 日期组件的最小日期支持配置为「当前时间」，此处统一解析。
+   默认值（含「当前时间」与相对偏移）已收敛到 relative-default-mixin，不在此处理。 */
 export const DATE_VALUE_TYPE_NOW = "now";
 
 export default {
@@ -9,35 +10,6 @@ export default {
     isNowDateValueType(valueType) {
       return valueType === DATE_VALUE_TYPE_NOW;
     },
-    /* 按组件的valueFormat格式化，valueFormat为空时picker的值为Date对象 */
-    formatDateValue(date, valueFormat) {
-      if (!valueFormat) {
-        return date;
-      }
-      if (valueFormat === "timestamp") {
-        return date.getTime();
-      }
-      const pad = (val) => (val < 10 ? "0" + val : String(val));
-      const tokenMap = {
-        yyyy: String(date.getFullYear()),
-        yy: String(date.getFullYear()).slice(-2),
-        MM: pad(date.getMonth() + 1),
-        dd: pad(date.getDate()),
-        HH: pad(date.getHours()),
-        mm: pad(date.getMinutes()),
-        ss: pad(date.getSeconds()),
-      };
-      return valueFormat.replace(
-        /yyyy|yy|MM|dd|HH|mm|ss/g,
-        (token) => tokenMap[token]
-      );
-    },
-    /* 当前时间，dates（多选日期）类型的值为数组 */
-    getNowDateValue() {
-      const options = this.getDateLimitOptions();
-      const nowValue = this.formatDateValue(new Date(), options.valueFormat);
-      return options.type === "dates" ? [nowValue] : nowValue;
-    },
     /* 最小日期：固定日期或当前时间 */
     getDateLimitMinValue() {
       const options = this.getDateLimitOptions();
@@ -202,21 +174,5 @@ export default {
       }
       return "日期超出允许范围";
     },
-    /* 默认值配置为「当前时间」时，临时替换 defaultValue 后再走通用的取值逻辑 */
-    initDateFieldModel() {
-      const options = this.getDateLimitOptions();
-      if (!this.isNowDateValueType(options.defaultValueType)) {
-        this.initFieldModel();
-        return;
-      }
-
-      const rawDefaultValue = options.defaultValue;
-      options.defaultValue = this.getNowDateValue();
-      try {
-        this.initFieldModel();
-      } finally {
-        options.defaultValue = rawDefaultValue;
-      }
-    },
   },
 };

package/src/components/xform/form-designer/form-widget/field-widget/mixins/relative-default-mixin.js

@@ -0,0 +1,107 @@
+/**
+ * 日期/时间组件「相对默认值」的取值入口（date、date-range、time、time-range 共用）。
+ *
+ * 相对值必须每次初始化重算，绝不能写回 options.defaultValue —— options 会被序列化保存，
+ * 写回就变成死值。这里的做法是：先照常跑 initFieldModel（此时 options.defaultValue 为空，
+ * 不会填任何值），再在「本该取默认值」的场景下用 initValue 灌入现算的相对值。
+ *
+ * 放在 initFieldModel 之后灌值还顺带绕开了 utc-transform-mixin：相对值本身就是本地时间，
+ * 若参与 UTC→本地转换会再偏一次时区。
+ */
+import { resolveDefaultValueFromOptions } from "./relativeDateUtil";
+
+export default {
+  methods: {
+    /**
+     * 当前配置对应的相对默认值；未配相对默认值返回 undefined（调用方走静态默认值）。
+     * @param {Date} baseDate 基准时刻，仅测试用
+     */
+    getRelativeDefaultValue(baseDate) {
+      return resolveDefaultValueFromOptions(
+        this.field?.options,
+        this.field?.type,
+        baseDate
+      );
+    },
+
+    /** @returns {Boolean} 值是否为空（范围组件的空值是空数组） */
+    isEmptyFieldValue(value) {
+      if (value === null || value === undefined || value === "") {
+        return true;
+      }
+      return Array.isArray(value) && value.length === 0;
+    },
+
+    /**
+     * 是否落在「新增时取默认值」的场景。
+     * 判定与 fieldMixin.initFieldModel 里的默认值分支保持一致：值为空 + 新增单据/新增明细行。
+     * @returns {Boolean}
+     */
+    willInitDefaultValue() {
+      if (!this.field?.formItemFlag) {
+        return false;
+      }
+      const currentData
+        = this.tableParam && this.tableParam.row
+          ? this.tableParam.row
+          : this.formModel;
+      if (!currentData) {
+        return false;
+      }
+      if (!this.isEmptyFieldValue(currentData[this.fieldKeyName])) {
+        return false;
+      }
+      if (this.tableParam) {
+        return !this.tableParam.row.id; //明细：只有新增行才填默认值
+      }
+      const dataId = this.getFormRef()?.dataId ?? null;
+      return !dataId; //主表：只有新增单据才填默认值
+    },
+
+    /** 取值入口，替代各日期组件 created 里直接调的 initFieldModel */
+    initRelativeFieldModel() {
+      const relativeValue = this.getRelativeDefaultValue();
+      if (relativeValue === undefined) {
+        this.initFieldModel();
+        return;
+      }
+      const shouldInit = this.willInitDefaultValue();
+      this.initFieldModel();
+      if (shouldInit) {
+        this.initValue(relativeValue);
+      }
+    },
+
+    /*
+     * 表单重置：相对模式按重置时刻重算，与新增时同口径；静态默认值维持 fieldMixin 的行为。
+     * 这里不委托 fieldMixin.resetField，是为了不把它那条重依赖链（公式引擎、codemirror）
+     * 拖进本文件；它对本 mixin 覆盖的日期/时间组件也只多一段附件组件的分支，用不上。
+     */
+    resetField() {
+      if (this.subFormItemFlag) {
+        return;
+      }
+      const relativeValue = this.getRelativeDefaultValue();
+      this.setValue(
+        relativeValue === undefined
+          ? this.field.options.defaultValue
+          : relativeValue
+      );
+    },
+
+    /* 设计器里改默认值配置后的预览刷新，由 propertyMixin.emitDefaultValueChange 调用 */
+    refreshDefaultValue() {
+      if (this.designState !== true) {
+        return;
+      }
+      const relativeValue = this.getRelativeDefaultValue();
+      if (relativeValue !== undefined) {
+        this.fieldModel = relativeValue;
+        return;
+      }
+      if (this.field.options.defaultValue !== undefined) {
+        this.fieldModel = this.field.options.defaultValue;
+      }
+    },
+  },
+};