fmui-base 2.2.87 → 2.2.89

package/lib/form/formExtHelper.js

@@ -5,103 +5,73 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.loadFlowOrFormCommon = loadFlowOrFormCommon;
 exports.resolveMobileFormExt = resolveMobileFormExt;
-/**
- * 表单扩展加载：流程 flow_common / 纯表单 form_common
- *
- * form_common 使用包内 require.context('./form_common')，避免宿主无 pages/form_common 时 webpack 告警。
- * 宿主扩展目录请通过 webpack alias 映射到 fmui-base/lib/form/form_common（见 tblform/README）。
+exports.clampSubColumnCount = clampSubColumnCount;
+exports.buildDetailItemParam = buildDetailItemParam;
+exports.applyDealwithFormParamExt = applyDealwithFormParamExt;
+exports.resolveSubColumnCountFromConfig = resolveSubColumnCountFromConfig;
+/**
+ * 表单扩展加载：流程 flow_common / 纯表单 form_common
+ *
+ * form_common 使用包内 require.context('./form_common')，避免宿主无 pages/form_common 时 webpack 告警。
+ * 宿主扩展目录请通过 webpack alias 映射到 fmui-base/lib/form/form_common（见 tblform/README）。
  */
 
 var formCommonContext = require.context('./form_common', false, /\.js$/);
 
 function loadFormCommonModule(formCode) {
-
   if (!formCode) {
-
     return null;
   }
-
   var keys = ['./' + formCode + '.js', './' + formCode];
-
   for (var i = 0; i < keys.length; i++) {
-
     if (!formCommonContext.keys().includes(keys[i])) {
-
       continue;
     }
-
     try {
-
       var mod = formCommonContext(keys[i]);
-
       return mod.default ? mod.default : mod;
     } catch (e) {
-
       // try next key
-
     }
   }
-
   return loadFormCommonFromGlobal(formCode);
 }
 
 /** 宿主可在 window 挂载 {formCode}_formCommon，无需改 node_modules */
-
 function loadFormCommonFromGlobal(formCode) {
-
   if (!formCode) {
-
     return null;
   }
-
   try {
-
     var globalName = formCode + '_formCommon';
-
     if (typeof window !== 'undefined' && window[globalName]) {
-
       return window[globalName];
     }
-
     if (typeof global !== 'undefined' && global[globalName]) {
-
       return global[globalName];
     }
   } catch (e) {
-
     // ignore
-
   }
-
   return null;
 }
 
 function loadFlowOrFormCommon(props) {
-
   var formCode = props && props.formCode || '';
-
   var module = props && props.module;
-
   if (module === undefined || module === null || module === 'undefined') {
-
     module = formCode ? '' : 'approve';
   }
 
   var FlowCommon = null;
-
   try {
-
     if (formCode) {
-
       FlowCommon = loadFormCommonModule(formCode);
     } else if (module) {
-
       var mod = require('pages/flow_common/' + module);
-
       FlowCommon = mod.default ? mod.default : mod;
     }
   } catch (e) {
-
     FlowCommon = null;
   }
 
@@ -109,44 +79,150 @@ function loadFlowOrFormCommon(props) {
 }
 
 /** form_common: {formCode}_mobileExt；流程: {module}_{formKey}_mobileExt */
-
 function resolveMobileFormExt(formCode, module, formKey) {
-
   if (formCode) {
-
     try {
-
       var extName = formCode + '_mobileExt';
-
       if (typeof eval(extName) !== 'undefined') {
-
         return eval(extName);
       }
     } catch (e) {
-
       // ignore
-
     }
-
     return null;
   }
-
   if (module && formKey) {
-
     try {
-
       var _extName = module + '_' + formKey + '_mobileExt';
-
       if (typeof eval(_extName) !== 'undefined') {
-
         return eval(_extName);
       }
     } catch (e) {
-
       // ignore
-
     }
   }
+  return null;
+}
+
+/** 将子表列数限制在 1-4；无效则返回 null */
+function clampSubColumnCount(count) {
+  if (count == null || count === '') {
+    return null;
+  }
+  var n = parseInt(count, 10);
+  if (isNaN(n)) {
+    return null;
+  }
+  return Math.max(1, Math.min(4, n));
+}
 
+function resolveSubColumnCountFromItemType(itemType) {
+  if (itemType === 'twocolumns') {
+    return 2;
+  }
+  if (itemType === 'threecolumns') {
+    return 3;
+  }
+  if (itemType === 'fourcolumns') {
+    return 4;
+  }
   return null;
+}
+
+/** 由子表字段配置构建 itemParam，供扩展方法使用 */
+function buildDetailItemParam(detailForm) {
+  if (!detailForm) {
+    return { key: '', itemType: 'detail', title: '' };
+  }
+  return {
+    id: detailForm.id,
+    title: detailForm.itemTitle,
+    key: detailForm.itemCode,
+    itemType: detailForm.itemType || 'detail',
+    uniqueName: detailForm.uniqueName,
+    subColumnCount: detailForm.subColumnCount
+  };
+}
+
+/**
+ * 调用现有表单扩展：FlowCommon.dealwithCommonFormParam、mobileExt.dealwithFormParamExt
+ * 流程：pages/flow_common/{module}；纯表单：form_common / {formCode}_mobileExt
+ */
+function applyDealwithFormParamExt(options) {
+  options = options || {};
+  var itemParam = options.itemParam;
+  if (!itemParam) {
+    itemParam = buildDetailItemParam(options.detailForm);
+  }
+  var FlowCommon = options.FlowCommon;
+  var component = options.component;
+  var module = options.module;
+  var formKey = options.formKey;
+  var formCode = options.formCode || '';
+
+  if (FlowCommon && typeof FlowCommon.dealwithCommonFormParam === 'function') {
+    itemParam = FlowCommon.dealwithCommonFormParam(itemParam, component);
+  }
+
+  var mobileExt = null;
+  try {
+    mobileExt = resolveMobileFormExt(formCode, module, formKey);
+  } catch (e) {
+    // ignore
+  }
+  if (mobileExt && typeof mobileExt.dealwithFormParamExt === 'function') {
+    itemParam = mobileExt.dealwithFormParamExt(itemParam, component);
+  }
+  if (module && mobileExt && typeof mobileExt[module + '_dealwithFormParamExt'] === 'function') {
+    itemParam = mobileExt[module + '_dealwithFormParamExt'](itemParam, component);
+  }
+  return itemParam;
+}
+
+/**
+ * 解析子表列数（扩展通过 itemParam.subColumnCount 回写，无新扩展方法）
+ * 优先级：扩展 itemParam → 子表 JSON → props → 全表单 → itemType → 默认 1
+ */
+function resolveSubColumnCountFromConfig(options) {
+  options = options || {};
+  var count = void 0;
+
+  var itemParam = options.itemParam;
+  if (itemParam && itemParam.subColumnCount != null && itemParam.subColumnCount !== '') {
+    count = clampSubColumnCount(itemParam.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  var detailForm = options.detailForm;
+  if (detailForm) {
+    if (detailForm.subColumnCount != null && detailForm.subColumnCount !== '') {
+      count = clampSubColumnCount(detailForm.subColumnCount);
+      if (count != null) {
+        return count;
+      }
+    }
+    count = resolveSubColumnCountFromItemType(detailForm.itemType);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  if (options.subColumnCount != null && options.subColumnCount !== '') {
+    count = clampSubColumnCount(options.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  var allForm = options.allForm;
+  if (allForm && allForm.subColumnCount != null && allForm.subColumnCount !== '') {
+    count = clampSubColumnCount(allForm.subColumnCount);
+    if (count != null) {
+      return count;
+    }
+  }
+
+  return 1;
 }

package/lib/form/subForm.js

@@ -193,24 +193,16 @@ var PageHome = function (_React$Component) {
       itemParam.show = true;
       itemParam.value = value;
       itemParam.detailAction = form.detailAction; //添加事件名字
-      //处理特有按钮事件
-      if (FlowCommon && typeof FlowCommon.dealwithCommonFormParam === "function") {
-        itemParam = FlowCommon.dealwithCommonFormParam(itemParam, this);
-      }
-
-      //项目开发扩展
-      var mobileExt;
-      try {
-        if (formKey) {
-          mobileExt = (0, _formExtHelper.resolveMobileFormExt)(this.props.formCode, module, formKey);
-        }
-      } catch (e) {
-        // alert("exception: "+e.message);
-      }
-      if (mobileExt && typeof mobileExt["dealwithFormParamExt"] === "function") {
-        itemParam = mobileExt["dealwithFormParamExt"](itemParam, this);
-        itemType = itemParam.itemType;
-      }
+      // 流程 flow_common / 纯表单 form_common + mobileExt（可设置 itemParam.subColumnCount 等）
+      itemParam = (0, _formExtHelper.applyDealwithFormParamExt)({
+        itemParam: itemParam,
+        FlowCommon: FlowCommon,
+        module: module,
+        formKey: formKey,
+        formCode: this.state.formCode || this.props.formCode,
+        component: this
+      });
+      itemType = itemParam.itemType;
 
       this.setState({
         itemParam: itemParam
@@ -468,6 +460,266 @@ var PageHome = function (_React$Component) {
       return itemParam;
     }
 
+    // 解析子表列数（扩展在 dealwithCommonFormParam / dealwithFormParamExt 中设置 itemParam.subColumnCount）
+
+  }, {
+    key: 'resolveSubColumnCount',
+    value: function resolveSubColumnCount(props) {
+      var p = props || this.props;
+      return (0, _formExtHelper.resolveSubColumnCountFromConfig)({
+        itemParam: this.state.itemParam,
+        detailForm: p.form,
+        subColumnCount: p.subColumnCount,
+        allForm: p.allForm
+      });
+    }
+
+    // 占满整行的字段类型（多列模式下仍单列展示）
+
+  }, {
+    key: 'isSubFormFieldFullWidth',
+    value: function isSubFormFieldFullWidth(itemType) {
+      return itemType === 'textarea' || itemType === 'comment' || itemType === 'upload' || itemType === 'image' || itemType === 'html' || itemType === 'note' || itemType === 'title' || itemType === 'detail';
+    }
+
+    // 子表多列时可自动增高、内容换行的字段（单行文本/浮点等）
+
+  }, {
+    key: 'isSubFormFieldAutoWrap',
+    value: function isSubFormFieldAutoWrap(itemType) {
+      return itemType === 'text';
+    }
+
+    // 下拉、时间（右侧箭头需与值同一行对齐）
+
+  }, {
+    key: 'isSubFormFieldPickType',
+    value: function isSubFormFieldPickType(itemType) {
+      return itemType === 'select' || itemType === 'datetime';
+    }
+
+    // 子表多列字段单元格 class
+
+  }, {
+    key: 'getSubFormFieldSlotClass',
+    value: function getSubFormFieldSlotClass(multiCol, fullWidth, itemType) {
+      if (!multiCol || fullWidth) {
+        return '';
+      }
+      if (this.isSubFormFieldAutoWrap(itemType)) {
+        return 'subform-col-field-slot subform-col-field-slot-text';
+      }
+      if (this.isSubFormFieldPickType(itemType)) {
+        return 'subform-col-field-slot subform-col-field-slot-pick';
+      }
+      return 'subform-col-field-slot subform-col-field-slot-fixed';
+    }
+
+    // 子表标签样式：多列去掉边距；单列不覆盖边距，与主表 SaltUI 默认一致
+
+  }, {
+    key: 'getSubFormLabelCssText',
+    value: function getSubFormLabelCssText(isMultiCol) {
+      var ts = this.props.formStyle && this.props.formStyle.titleStyle ? this.props.formStyle.titleStyle : {};
+      var css = {
+        fontSize: '14px',
+        lineHeight: '24px',
+        color: 'rgb(51, 51, 51)',
+        fontWeight: 'bold',
+        background: 'transparent'
+      };
+      if (isMultiCol) {
+        css.marginLeft = '0';
+        css.padding = '4px 0 0 0';
+        css.paddingLeft = '0';
+        css.paddingRight = '0';
+      }
+      if (ts.fontSize) {
+        css.fontSize = ts.fontSize;
+      }
+      if (ts.color) {
+        css.color = ts.color;
+      }
+      if (ts.fontWeight) {
+        css.fontWeight = ts.fontWeight;
+      }
+      if (ts.fontFamily) {
+        css.fontFamily = ts.fontFamily;
+      }
+      if (ts.fontStyle) {
+        css.fontStyle = ts.fontStyle;
+      }
+      var parts = [];
+      Object.keys(css).forEach(function (k) {
+        var key = k.replace(/[A-Z]/g, function (m) {
+          return '-' + m.toLowerCase();
+        });
+        parts.push(key + ':' + css[k]);
+      });
+      return parts.join(';');
+    }
+  }, {
+    key: 'renderSubFormLabelStyle',
+    value: function renderSubFormLabelStyle(isMultiCol) {
+      if (!isMultiCol) {
+        return null;
+      }
+      var scope = '.subform-fields-wrap.subform-fields-multi';
+      var labelCss = this.getSubFormLabelCssText(true);
+      return _react2.default.createElement('style', { dangerouslySetInnerHTML: { __html: [scope + ' .t-field-layout-v-label,', scope + ' .t-field-layout-v-label-left,', scope + ' .t-field-layout-h-label,', scope + ' .t-field-layout-h-label-left{' + labelCss + '}', scope + ' .t-field-layout-v-label,' + scope + ' .t-field-layout-h-label{color:rgb(51,51,51)!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;}'].join('') } });
+    }
+
+    // 子表多列布局样式（按行分组，避免 flex-wrap 导致错位）
+
+  }, {
+    key: 'renderSubFormFieldsStyle',
+    value: function renderSubFormFieldsStyle(subColumnCount) {
+      if (subColumnCount <= 1) {
+        return null;
+      }
+      var scope = '.subform-fields-wrap.subform-fields-multi';
+      var row = scope + ' .subform-fields-row';
+      var slot = scope + ' .subform-field-col>.subform-col-field-slot';
+      var col = scope + ' .subform-col-field';
+      var text = scope + ' .subform-col-field-slot-text';
+      var pick = scope + ' .subform-col-field-slot-pick';
+      var pickCol = pick + ' ' + col;
+      return _react2.default.createElement('style', { dangerouslySetInnerHTML: { __html: [scope + '{display:block;}', row + '{display:flex;align-items:stretch;width:100%;border-bottom:0.5px solid #e9ebee;box-sizing:border-box;}', scope + ' .subform-field-full{width:100%;box-sizing:border-box;border-bottom:0.5px solid #e9ebee;}', scope + ' .subform-field-col{display:flex;flex-direction:column;box-sizing:border-box;}', scope + ' .subform-field-col-empty{visibility:hidden;}', slot + '{box-sizing:border-box;padding:8px 16px 8px 0;overflow:hidden;}', col + '{width:100%;}', col + ' .t-group-list{border-bottom:none!important;background:transparent;}', col + ' .t-group-list-item::after{display:none!important;}', col + '>.t-group-list>.t-group-list-item::after{display:none!important;}', col + ' .t-field-box.t-field-content-box{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-height:0!important;padding-left:0!important;padding-right:0!important;}', col + ' .t-field-layout-h-label,' + col + ' .t-field-layout-v-label,' + col + ' .t-field-layout-v-label-left{width:100%!important;max-width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;color:rgb(51,51,51)!important;background:transparent!important;}', col + ' .t-field-box{padding-left:0!important;padding-right:0!important;}', col + ' .t-field-content-box{justify-content:flex-start!important;align-items:flex-start!important;}', col + ' .t-field-content-box .t-FB1,' + col + ' .t-field-multi{width:100%!important;max-width:100%!important;padding:0 0 4px 0!important;text-align:left!important;}', col + ' .t-field-content-box .t-FB1 span,' + col + ' .t-field-multi span,' + col + ' .t-text-field-content-main span{text-align:left!important;word-break:break-word;}', col + ' .t-text-field-content{width:100%;justify-content:flex-start!important;}', col + ' .t-text-field-input{text-align:left!important;}', text + ' .t-text-field-input,' + text + ' .t-text-field-content-main span{white-space:normal!important;word-wrap:break-word;word-break:break-word;line-height:20px;}', text + ' .t-text-field-placeholder.t-DN{display:none!important;}', pickCol + '.t-field.t-select-field.t-FBH,' + pickCol + '.t-field.t-datetime-field.t-FBH{display:block!important;position:relative!important;width:100%!important;}', pickCol + '.t-field-pos-box{width:100%!important;padding-right:28px!important;box-sizing:border-box;}', pickCol + '.t-field-layout-v-label{margin-left:0!important;padding-left:0!important;}', pickCol + '.t-field-content-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:24px!important;padding:2px 0 11px 0!important;}', pickCol + '.t-field-pos-icon{position:absolute!important;right:0!important;top:auto!important;bottom:10px!important;margin:0!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;}', pickCol + '.t-select-field-content,' + pickCol + '.t-datetime-field-value,' + pickCol + '.t-datetime-field-placeholder,' + pickCol + '.t-select-field-placeholder{min-height:24px!important;line-height:24px!important;}', pickCol + '.t-field-content-box>.t-FB1{flex:1!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;text-align:left!important;}', pickCol + '.t-select-field-content,' + pickCol + '.t-field-content-box>.t-FB1>div{width:100%!important;text-align:left!important;}', pickCol + '.t-select-field-placeholder,' + pickCol + '.t-datetime-field-placeholder,' + pickCol + '.t-select-field-value,' + pickCol + '.t-datetime-field-value{text-align:left!important;justify-content:flex-start!important;width:100%!important;}', pickCol + '.t-select-field-placeholder,' + pickCol + '.t-datetime-field-placeholder{position:static!important;height:auto!important;line-height:24px!important;flex:none!important;max-width:100%!important;}', pickCol + '.t-select-field-value,' + pickCol + '.t-datetime-field-value{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;}', pickCol + '.t-select-field-value .t-FB1,' + pickCol + '.t-datetime-field-value .t-FB1,' + pickCol + '.t-select-field-value span,' + pickCol + '.t-datetime-field-value span{text-align:left!important;width:100%!important;}'].join('') } });
+    }
+
+    // 将字段列表按列数拆成行（整行字段单独成行）
+
+  }, {
+    key: 'buildSubFormFieldRows',
+    value: function buildSubFormFieldRows(formFields, subColumnCount) {
+      var t = this;
+      var rows = [];
+      var currentRow = [];
+      formFields.forEach(function (item2) {
+        if (t.isSubFormFieldFullWidth(item2.itemType)) {
+          if (currentRow.length) {
+            rows.push({ type: 'cols', fields: currentRow });
+            currentRow = [];
+          }
+          rows.push({ type: 'full', field: item2 });
+        } else {
+          currentRow.push(item2);
+          if (currentRow.length >= subColumnCount) {
+            rows.push({ type: 'cols', fields: currentRow });
+            currentRow = [];
+          }
+        }
+      });
+      if (currentRow.length) {
+        rows.push({ type: 'cols', fields: currentRow });
+      }
+      return rows;
+    }
+
+    // 渲染子表一行内的单个字段（公共 props）
+
+  }, {
+    key: 'renderSubFormFieldForm',
+    value: function renderSubFormFieldForm(item2, rowIndex, subColumnCount) {
+      var t = this;
+      var formEl = _react2.default.createElement(_form2.default, {
+        className: 'subform_' + item2.uniqueName,
+        keyNo: rowIndex,
+        ref: item2.uniqueName + '_' + rowIndex,
+        dataType: 'sub',
+        subTblName: t.state.itemParam.key,
+        module: t.state.module,
+        formKey: item2.formKey,
+        status: t.state.status,
+        form: item2,
+        allForm: t.props.allForm,
+        formStyle: t.props.formStyle,
+        data: t.state.itemParam.value[rowIndex],
+        fieldControll: t.state.fieldControll,
+        caIsPrd: t.props.caIsPrd,
+        preCaFields: t.props.preCaFields,
+        formRelaFieldMaps: t.props.formRelaFieldMaps,
+        linkFields: t.props.linkFields,
+        onChange: t.changeSub.bind(t, t.state.itemParam, rowIndex),
+        reloadSubItemParam: t.reloadSubItemParam.bind(t)
+      });
+      if (subColumnCount > 1) {
+        return _react2.default.cloneElement(formEl, { subColumnCount: subColumnCount });
+      }
+      return formEl;
+    }
+
+    // 渲染子表一行内的字段列表（仅 subColumnCount>1 时多列布局，为 1 时与原版一致）
+
+  }, {
+    key: 'renderSubFormFields',
+    value: function renderSubFormFields(formFields, rowIndex) {
+      var t = this;
+      var subColumnCount = t.resolveSubColumnCount(t.props);
+
+      if (subColumnCount <= 1) {
+        return formFields.map(function (item2, j) {
+          return t.renderSubFormFieldForm(item2, rowIndex, subColumnCount);
+        });
+      }
+
+      var colWidth = 100 / subColumnCount + '%';
+      var rows = t.buildSubFormFieldRows(formFields, subColumnCount);
+      return _react2.default.createElement(
+        'div',
+        null,
+        t.renderSubFormFieldsStyle(subColumnCount),
+        _react2.default.createElement(
+          'div',
+          { className: 'subform-fields-wrap subform-fields-multi' },
+          rows.map(function (row, ri) {
+            if (row.type === 'full') {
+              var fullField = row.field;
+              return _react2.default.createElement(
+                'div',
+                { key: fullField.uniqueName || 'full_' + ri, className: 'subform-field-full' },
+                _react2.default.createElement(
+                  'div',
+                  { className: t.getSubFormFieldSlotClass(true, true, fullField.itemType) },
+                  t.renderSubFormFieldForm(fullField, rowIndex, subColumnCount)
+                )
+              );
+            }
+            var cells = [];
+            for (var ci = 0; ci < subColumnCount; ci++) {
+              var cellField = row.fields[ci];
+              if (cellField) {
+                cells.push(_react2.default.createElement(
+                  'div',
+                  {
+                    key: cellField.uniqueName || 'col_' + ri + '_' + ci,
+                    className: 'subform-field-col',
+                    style: { width: colWidth, boxSizing: 'border-box' }
+                  },
+                  _react2.default.createElement(
+                    'div',
+                    { className: t.getSubFormFieldSlotClass(true, false, cellField.itemType) },
+                    t.renderSubFormFieldForm(cellField, rowIndex, subColumnCount)
+                  )
+                ));
+              } else {
+                cells.push(_react2.default.createElement('div', {
+                  key: 'empty_' + ri + '_' + ci,
+                  className: 'subform-field-col subform-field-col-empty',
+                  style: { width: colWidth, boxSizing: 'border-box' }
+                }));
+              }
+            }
+            return _react2.default.createElement(
+              'div',
+              { key: 'row_' + ri, className: 'subform-fields-row' },
+              cells
+            );
+          })
+        )
+      );
+    }
+
     //明细显示隐藏（全部）
 
   }, {
@@ -741,9 +993,7 @@ var PageHome = function (_React$Component) {
           _react2.default.createElement(
             'div',
             { className: item.show ? "" : "t-DN" },
-            item.form.map(function (item2, j) {
-              return _react2.default.createElement(_form2.default, { className: "subform_" + item2.uniqueName, keyNo: i, ref: item2.uniqueName + '_' + i, dataType: 'sub', subTblName: t.state.itemParam.key, module: t.state.module, formKey: item2.formKey, status: t.state.status, form: item2, allForm: t.props.allForm, formStyle: t.props.formStyle, data: t.state.itemParam.value[i], fieldControll: t.state.fieldControll, caIsPrd: t.props.caIsPrd, preCaFields: t.props.preCaFields, formRelaFieldMaps: t.props.formRelaFieldMaps, linkFields: t.props.linkFields, onChange: _this2.changeSub.bind(_this2, _this2.state.itemParam, i), reloadSubItemParam: _this2.reloadSubItemParam.bind(_this2) });
-            })
+            t.renderSubFormFields(item.form, i)
           )
         );
       });
@@ -890,6 +1140,7 @@ var PageHome = function (_React$Component) {
         _react2.default.createElement(
           'div',
           { className: this.state.itemParam.show ? "" : 't-DN' },
+          t.renderSubFormLabelStyle(t.resolveSubColumnCount(t.props) > 1),
           this.getDetai()
         ),
         _react2.default.createElement(