t20-common-lib 0.15.8 → 0.15.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.15.8",
+  "version": "0.15.10",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",

package/packages/dynamic-form/src/main.vue

@@ -68,6 +68,8 @@
  * 3. A 控制 B 可编辑 — setFieldEditable
  * 4. A 控制 B 值/名称回显或下拉项 — setFieldValue、setFieldLabelValue、setFieldOptions
  * 5. A 控制 B 渲染哪种组件 — setFieldElementType（须为 elementTypeChange 中已配置的枚举）
+ *
+ * fieldControlList：与 dynamicData 同时传入，仅在收到模版时按 fieldNo 与 elements[].prop 合并一次 isShow、showName→label、isRequired；之后渲染均以合并后的 mergedTemplateBase 为唯一数据源。
  */
 // 复用 Demo 中的字段组件，按模板的 elementType 动态渲染
 const context = require.context('./components/', true, /\.vue$/)
@@ -100,6 +102,11 @@ export default {
     linkageMethod: {
       type: Function,
       default: null
+    },
+    /** 字段控制配置，与 dynamicData 一并传入；仅整合一次 */
+    fieldControlList: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -109,9 +116,11 @@ export default {
       // 右侧锚点当前定位项
       action: '',
       formAttrs: {},
+      // dynamicData + fieldControlList 合并后的模版快照；applyFieldStates 均从此克隆，不再直接用原始 dynamicData
+      mergedTemplateBase: null,
       // 运行时模板（动态表单渲染与联动状态都基于它）
       runtimeTemplate: { units: [] },
-      // 联动写入的 options / elementType：每次从 dynamicData 克隆模板后会合并回来，避免被重置清空
+      // 联动写入的 options / elementType：每次从 mergedTemplateBase 克隆后会合并回来，避免被重置清空
       linkageFieldOverrides: {},
       // 避免联动写值导致 watch 循环触发
       isApplyingLinkage: false,
@@ -205,10 +214,40 @@ export default {
         this.$emit('input', { ...this.formData })
       }
     },
+    /**
+     * 将 fieldControlList 合并进模版克隆（fieldNo 对应 elements[].prop）
+     */
+    mergeFieldControlIntoTemplate(templateClone) {
+      const list = this.fieldControlList
+      if (!templateClone?.units || !Array.isArray(list) || list.length === 0) return templateClone
+      const byFieldNo = Object.create(null)
+      list.forEach(row => {
+        if (row && row.fieldNo != null && row.fieldNo !== '') byFieldNo[row.fieldNo] = row
+      })
+      ;(templateClone.units || []).forEach(group => {
+        ;(group.elements || []).forEach(item => {
+          if (!item.prop) return
+          const cfg = byFieldNo[item.prop]
+          if (!cfg) return
+          if (cfg.isShow !== undefined && cfg.isShow !== null) {
+            item.isShow = this.templateShowOrEditable(cfg.isShow)
+          }
+          if (cfg.showName != null && String(cfg.showName).trim() !== '') {
+            item.label = cfg.showName
+          }
+          if (cfg.isRequired !== undefined && cfg.isRequired !== null) {
+            item.isRequired = this.templateRequired(cfg.isRequired)
+          }
+        })
+      })
+      return templateClone
+    },
     // 基于模板初始化：分组锚点、默认值、必填规则
     initializeFromTemplate() {
       this.linkageFieldOverrides = {}
-      this.runtimeTemplate = JSON.parse(JSON.stringify(this.dynamicData || { units: [] }))
+      const raw = JSON.parse(JSON.stringify(this.dynamicData || { units: [] }))
+      this.mergedTemplateBase = this.mergeFieldControlIntoTemplate(raw)
+      this.runtimeTemplate = JSON.parse(JSON.stringify(this.mergedTemplateBase))
       this.action = this.formGroups.length > 0 ? this.formGroups[0].prop : ''
       this.ensureFormDataShape()
       this.formGroups.forEach(group => {
@@ -328,7 +367,7 @@ export default {
       const prev = this.linkageFieldOverrides[groupProp][fieldProp] || {}
       this.$set(this.linkageFieldOverrides[groupProp], fieldProp, { ...prev, ...patch })
     },
-    /** 模板每次从 dynamicData 克隆后，把联动里改过的 options / elementType 写回对应字段 */
+    /** 模板每次从 mergedTemplateBase 克隆后，把联动里改过的 options / elementType 写回对应字段 */
     applyLinkageOverrides() {
       Object.keys(this.linkageFieldOverrides || {}).forEach(groupProp => {
         const fields = this.linkageFieldOverrides[groupProp]
@@ -369,9 +408,9 @@ export default {
       this.$emit('linkage', linkageApi)
     },
     applyFieldStates() {
-      if (!this.dynamicData?.units) return
+      if (!this.mergedTemplateBase?.units) return
       this.isApplyingLinkage = true
-      const nextTemplate = JSON.parse(JSON.stringify(this.dynamicData))
+      const nextTemplate = JSON.parse(JSON.stringify(this.mergedTemplateBase))
       this.rules = {}
       ;(nextTemplate.units || []).forEach(group => {
         group.isShow = this.templateShowOrEditable(group.isShow)
@@ -390,6 +429,10 @@ export default {
         })
       })
       this.$nextTick(() => {
+        // linkageMethod 过程中可能改写显隐/必填规则，统一清理校验态，避免联动触发页面校验提示。
+        if (this.$refs.dynamicForms && typeof this.$refs.dynamicForms.clearValidate === 'function') {
+          this.$refs.dynamicForms.clearValidate()
+        }
         this.isApplyingLinkage = false
       })
     },
@@ -397,7 +440,9 @@ export default {
     async submit() {
       const valid = await this.$refs.dynamicForms.validate()
       if (!valid) return
-      this.$message.success(this.$lc('校验通过'))
+      this.$emit('submit', {
+        formData: this.formData
+      })
     }
   }
 }