easy3wui 1.5.87 → 1.5.88-beta10

package/assets/btn.css

@@ -5,13 +5,16 @@
 .e3wFootBtn {
   margin: 0px 8px;
 }
+.e3wFootBtn.e3wFootBtnThird {
+  border: none;
+}
 .e3wFormBtn {
   margin-right: 8px;
 }
 .positionDiv {
   position: absolute;
   right: 32px;
-  top: 16px;
+  top: var(--card-head-padding, 16px);
 }
 .e3wPositionA {
   font-size: 15px;

package/assets/card.css

@@ -1,6 +1,3 @@
-.e3wCardSpanCardTitle {
-  font-weight: 600;
-}
 :global .ant-table-thead > tr > th,
 :global .ant-table table {
   text-align: center;
@@ -15,22 +12,15 @@
 :global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
   background: #fafafa;
 }
-.e3wCardForm .bidNeedForm {
-  padding: 0 16px;
-}
-.e3wCardForm .ftbtn_Sel {
-  text-align: center;
-  margin-bottom: 16px;
-}
-.e3wCardForm .formes {
-  float: left;
+.e3wCardForm .e3wCardSpanCardTitle {
+  font-weight: 600;
 }
-s {
+.e3wCardForm s {
   display: inline-block;
   width: 3px;
   height: 20px;
   margin: 0 8px -4px 0;
-  background-color: #ad7c59;
+  background-color: var(--primary-color, #ad7c59);
 }
 @media (max-width: 768px) {
   :global .positionDiv {

package/assets/index.css

@@ -61,9 +61,6 @@
   float: right;
   margin-right: 12px;
 }
-.e3wCardSpanCardTitle {
-  font-weight: 600;
-}
 :global .ant-table-thead > tr > th,
 :global .ant-table table {
   text-align: center;
@@ -78,22 +75,15 @@
 :global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
   background: #fafafa;
 }
-.e3wCardForm .bidNeedForm {
-  padding: 0 16px;
-}
-.e3wCardForm .ftbtn_Sel {
-  text-align: center;
-  margin-bottom: 16px;
-}
-.e3wCardForm .formes {
-  float: left;
+.e3wCardForm .e3wCardSpanCardTitle {
+  font-weight: 600;
 }
-s {
+.e3wCardForm s {
   display: inline-block;
   width: 3px;
   height: 20px;
   margin: 0 8px -4px 0;
-  background-color: #ad7c59;
+  background-color: var(--primary-color, #ad7c59);
 }
 @media (max-width: 768px) {
   :global .positionDiv {
@@ -2635,13 +2625,16 @@ input.ant-input-number-input {
 .e3wFootBtn {
   margin: 0px 8px;
 }
+.e3wFootBtn.e3wFootBtnThird {
+  border: none;
+}
 .e3wFormBtn {
   margin-right: 8px;
 }
 .positionDiv {
   position: absolute;
   right: 32px;
-  top: 16px;
+  top: var(--card-head-padding, 16px);
 }
 .e3wPositionA {
   font-size: 15px;

package/lib/Easy3wButton/index.js

@@ -113,6 +113,8 @@ var Easy3wButton = function (_Component) {
         // 传入btnType
         if (btnType === 'secondary') {
           typeProps = {};
+        } else if (btnType === 'third') {
+          typeProps = { className: (0, _classnames2['default'])(['e3wFootBtn', 'e3wFootBtnThird']) };
         } else {
           typeProps = { type: btnType };
         }
@@ -125,9 +127,9 @@ var Easy3wButton = function (_Component) {
           onClick: function onClick(e) {
             return _this.onClickFunc(e, obj.func);
           },
-          loading: obj.loading
+          loading: obj.loading,
+          className: (0, _classnames2['default'])(['e3wFootBtn'])
         }, typeProps, {
-          className: (0, _classnames2['default'])(['e3wFootBtn']),
           key: index
         }),
         obj.cName
@@ -141,6 +143,8 @@ var Easy3wButton = function (_Component) {
         // 传入btnType
         if (btnType === 'secondary') {
           typeProps = {};
+        } else if (btnType === 'third') {
+          typeProps = { className: (0, _classnames2['default'])(['e3wFootBtn', 'e3wFootBtnThird']) };
         } else {
           typeProps = { type: btnType };
         }
@@ -156,9 +160,9 @@ var Easy3wButton = function (_Component) {
             onClick: function onClick(e) {
               return _this.onClickFunc(e, obj.func);
             },
-            loading: obj.loading
+            loading: obj.loading,
+            className: (0, _classnames2['default'])(['e3wFootBtn'])
           }, typeProps, {
-            className: (0, _classnames2['default'])(['e3wFootBtn']),
             key: index
           }),
           obj.cName
@@ -175,6 +179,8 @@ var Easy3wButton = function (_Component) {
         // 传入btnType
         if (btnType === 'secondary') {
           typeProps = {};
+        } else if (btnType === 'third') {
+          typeProps = { className: (0, _classnames2['default'])(['e3wFootBtn', 'e3wFootBtnThird']) };
         } else {
           typeProps = { type: btnType };
         }
@@ -188,7 +194,7 @@ var Easy3wButton = function (_Component) {
           }, key: index },
         _react2['default'].createElement(
           _button2['default'],
-          (0, _extends3['default'])({}, typeProps, { className: (0, _classnames2['default'])(['btn', 'e3wFootBtn']) }),
+          (0, _extends3['default'])({ className: (0, _classnames2['default'])(['btn', 'e3wFootBtn']) }, typeProps),
           cName
         )
       );

package/lib/Easy3wFormPage/indexPC.js

@@ -129,11 +129,11 @@ var _inputNumber2 = _interopRequireDefault(_inputNumber);
 
 require('antd/lib/input-number/style');
 
-var _mention = require('antd/lib/mention');
+var _mentions = require('antd/lib/mentions');
 
-var _mention2 = _interopRequireDefault(_mention);
+var _mentions2 = _interopRequireDefault(_mentions);
 
-require('antd/lib/mention/style');
+require('antd/lib/mentions/style');
 
 var _rate = require('antd/lib/rate');
 
@@ -912,6 +912,11 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           rules: [(0, _extends3['default'])({ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
         });
       }
+      if (fieldType === 'switch') {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          valuePropName: 'checked' // 关键：告诉 Form 取 checked 属性
+        });
+      }
       if (itemValue || itemValue === 0) {
         decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
           initialValue: itemValue
@@ -955,6 +960,14 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           });
         }
       }
+      var objEleProps = {};
+      objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': disableFlagReal ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlagReal ? '1' : '0' // 字段静止编辑
+      };
       if ((readFlag || allReadFlag) && fieldType !== 'braftEditor') {
         if ((fieldType === 'checkBox' || fieldType === 'radio') && label) {
           var boolCrRequired = readFlag ? false : isDisableRuleFlag;
@@ -963,7 +976,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             (0, _extends3['default'])({
               label: label,
               required: required
-            }, formItemLayout, formItemProps, {
+            }, formItemLayout, formItemProps, objEleProps, {
+              'data-123': '123',
               style: formItemStyle
             }),
             itemValue && itemValue.$$typeof ? _react2['default'].createElement(
@@ -974,10 +988,14 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
                 rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
               })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
               itemValue
-            ) : getFieldDecorator(fieldId, {
-              initialValue: itemValue,
-              rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
-            })(itemArea)
+            ) : _react2['default'].createElement(
+              'div',
+              null,
+              getFieldDecorator(fieldId, {
+                initialValue: itemValue,
+                rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
+              })(itemArea)
+            )
           );
         } else if (fieldType === 'textarea' && typeof itemValue === 'string') {
           return _react2['default'].createElement(
@@ -985,7 +1003,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             (0, _extends3['default'])({
               label: label,
               required: required
-            }, formItemLayout, formItemProps, {
+            }, formItemLayout, formItemProps, objEleProps, {
+              'data-123': '123',
               style: formItemStyle
             }),
             _react2['default'].createElement(
@@ -1006,7 +1025,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             (0, _extends3['default'])({
               label: label,
               required: required
-            }, formItemLayout, formItemProps, {
+            }, formItemLayout, formItemProps, objEleProps, {
+              'data-123': '123',
               style: formItemStyle
             }),
             getFieldDecorator(fieldId, {
@@ -1032,7 +1052,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             (0, _extends3['default'])({
               label: label,
               required: required
-            }, formItemLayout, formItemProps, {
+            }, formItemLayout, formItemProps, objEleProps, {
+              'data-123': '123',
               style: formItemStyle
             }),
             formItemChild,
@@ -1066,7 +1087,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           (0, _extends3['default'])({
             label: label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
+            'data-123': '123',
             style: formItemStyle
           }),
           itemArea
@@ -1077,7 +1099,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           (0, _extends3['default'])({
             label: label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
+            'data-123': '123',
             style: formItemStyle
           }),
           _react2['default'].createElement(
@@ -1113,7 +1136,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           required = item.required,
           requiredMessage = item.requiredMessage,
           cmptPros = item.cmptPros,
-          fieldType = item.fieldType;
+          fieldType = item.fieldType,
+          disableFlag = item.disableFlag;
 
       var itemValue = _this.getItemValue(item);
       var colSpan = cmptPros.colSpan;
@@ -1133,17 +1157,26 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
 
         decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
       }
+      var objEleProps = {
+        'data-fieldTypeP': 'strTemplate',
+        'data-fieldType': fieldType,
+        // 'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        // 'data-col-disableFlag': disableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
       if (readFlag || allReadFlag) {
         return _react2['default'].createElement(
           _col2['default'],
           { span: colSpan },
           _react2['default'].createElement(
             FormItem,
-            {
+            (0, _extends3['default'])({
               labelCol: { span: 48 },
-              wrapperCol: { span: 48 },
+              wrapperCol: { span: 48 }
+            }, objEleProps, {
               style: formItemStyle
-            },
+            }),
             getFieldDecorator(fieldId + 'Easy3wView', {
               initialValue: 'easy3wView',
               rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
@@ -1165,11 +1198,12 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             { style: { position: 'relative' } },
             _react2['default'].createElement(
               FormItem,
-              {
+              (0, _extends3['default'])({
                 labelCol: { span: 48 },
-                wrapperCol: { span: 48 },
+                wrapperCol: { span: 48 }
+              }, objEleProps, {
                 style: formItemStyle
-              },
+              }),
               _react2['default'].createElement(
                 _popover2['default'],
                 {
@@ -1193,7 +1227,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       } else if (novalueFlag || fieldType === 'desc') {
         return _react2['default'].createElement(
           _col2['default'],
-          { span: colSpan },
+          (0, _extends3['default'])({ span: colSpan }, objEleProps),
           _react2['default'].createElement(
             'span',
             null,
@@ -1209,11 +1243,12 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
             { style: { position: 'relative' } },
             _react2['default'].createElement(
               FormItem,
-              {
+              (0, _extends3['default'])({
                 labelCol: { span: 48 },
-                wrapperCol: { span: 48 },
+                wrapperCol: { span: 48 }
+              }, objEleProps, {
                 style: formItemStyle
-              },
+              }),
               getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
             )
           )
@@ -1462,7 +1497,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           fieldId = colObj.fieldId,
           required = colObj.required,
           cmptPros = colObj.cmptPros,
-          help = colObj.help;
+          help = colObj.help,
+          fieldType = colObj.fieldType;
       var allReadFlag = _this.props.allReadFlag;
       var form = cmptPros.form;
 
@@ -1474,19 +1510,29 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         isReadVal = true;
       }
       var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      // const objEleProps = this.getEleProps(colObj);
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': isReadVal ? '1' : '0', // 列只读
+        'data-col-disableFlag': isReadVal ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': isReadVal ? '1' : '0', // 字段只读
+        'data-field-disableFlag': isReadVal ? '1' : '0' // 字段静止编辑
+      };
       return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
         uploadName: fieldId,
         help: help || '请上传附件',
         sendData: {},
         form: form,
         required: required,
-        label: label
+        label: label,
+        objEleProps: objEleProps
       }, formItemLayout, cmptProsNew));
     }, _this.getUploadBColItem = function (colObj, formItemLayout) {
       var label = colObj.label,
           fieldId = colObj.fieldId,
           required = colObj.required,
-          cmptPros = colObj.cmptPros;
+          cmptPros = colObj.cmptPros,
+          fieldType = colObj.fieldType;
       var form = cmptPros.form;
       var allReadFlag = _this.props.allReadFlag;
 
@@ -1498,19 +1544,29 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         isReadVal = true;
       }
       var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      // const objEleProps = this.getEleProps(colObj);
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': isReadVal ? '1' : '0', // 列只读
+        'data-col-disableFlag': isReadVal ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': isReadVal ? '1' : '0', // 字段只读
+        'data-field-disableFlag': isReadVal ? '1' : '0' // 字段静止编辑
+      };
       return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
         uploadName: fieldId,
         name: fieldId,
         sendData: {},
         form: form,
         required: required,
-        label: label
+        label: label,
+        objEleProps: objEleProps
       }, formItemLayout, cmptProsNew));
     }, _this.getUploadMColItem = function (colObj, formItemLayout) {
       var label = colObj.label,
           fieldId = colObj.fieldId,
           required = colObj.required,
-          cmptPros = colObj.cmptPros;
+          cmptPros = colObj.cmptPros,
+          fieldType = colObj.fieldType;
       var form = cmptPros.form;
       var allReadFlag = _this.props.allReadFlag;
 
@@ -1522,12 +1578,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         isReadVal = true;
       }
       var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': isReadVal ? '1' : '0', // 列只读
+        'data-col-disableFlag': isReadVal ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': isReadVal ? '1' : '0', // 字段只读
+        'data-field-disableFlag': isReadVal ? '1' : '0' // 字段静止编辑
+      };
       return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
         uploadName: fieldId,
         sendData: {},
         form: form,
         required: required,
-        label: label
+        label: label,
+        objEleProps: objEleProps
       }, formItemLayout, cmptProsNew));
     }, _this.inputHandler = function (item) {
       var _item$cmptPros2 = item.cmptPros,
@@ -1763,7 +1827,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           disableFlag = item.disableFlag,
           formItemProps = item.formItemProps,
           readFlag = item.readFlag,
-          hideLabel = item.hideLabel;
+          hideLabel = item.hideLabel,
+          fieldType = item.fieldType;
 
       var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
       var isDisableRuleFlag = required;
@@ -1781,13 +1846,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         addrules.push.apply(addrules, rules);
       }
       var afterBtns = _this.getAfterBtn(item);
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': disableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
       if (readFlag || allReadFlag) {
         return _react2['default'].createElement(
           FormItem,
           (0, _extends3['default'])({
             label: hideLabel ? null : label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
             style: formItemStyle
           }),
           getFieldDecorator(fieldId + 'Easy3wView', {
@@ -1803,7 +1875,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         FormItem,
         (0, _extends3['default'])({
           label: hideLabel ? null : label
-        }, formItemLayout, formItemProps, {
+        }, formItemLayout, formItemProps, objEleProps, {
           style: formItemStyle
         }),
         _react2['default'].createElement(
@@ -1838,7 +1910,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           disableFlag = item.disableFlag,
           formItemProps = item.formItemProps,
           readFlag = item.readFlag,
-          hideLabel = item.hideLabel;
+          hideLabel = item.hideLabel,
+          fieldType = item.fieldType;
 
       var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
       var isDisableRuleFlag = required;
@@ -1856,13 +1929,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         addrules.push.apply(addrules, rules);
       }
       var afterBtns = _this.getAfterBtn(item);
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': disableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
       if (readFlag || allReadFlag) {
         return _react2['default'].createElement(
           FormItem,
           (0, _extends3['default'])({
             label: hideLabel ? null : label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
             style: formItemStyle
           }),
           getFieldDecorator(fieldId + 'Easy3wView', {
@@ -1878,7 +1958,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         FormItem,
         (0, _extends3['default'])({
           label: hideLabel ? null : label
-        }, formItemLayout, formItemProps, {
+        }, formItemLayout, formItemProps, objEleProps, {
           style: formItemStyle
         }),
         _react2['default'].createElement(
@@ -1925,7 +2005,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           disableFlag = item.disableFlag,
           formItemProps = item.formItemProps,
           readFlag = item.readFlag,
-          hideLabel = item.hideLabel;
+          hideLabel = item.hideLabel,
+          fieldType = item.fieldType;
 
       var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
       var isDisableRuleFlag = required;
@@ -1945,13 +2026,21 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         addrules.push.apply(addrules, rules);
       }
       var afterBtns = _this.getAfterBtn(item);
+
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': disableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
       if (readFlag || allReadFlag) {
         return _react2['default'].createElement(
           FormItem,
           (0, _extends3['default'])({
             label: hideLabel ? null : label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
             style: formItemStyle
           }),
           getFieldDecorator(fieldId + 'Easy3wView', {
@@ -1968,7 +2057,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         FormItem,
         (0, _extends3['default'])({
           label: hideLabel ? null : label
-        }, formItemLayout, formItemProps, {
+        }, formItemLayout, formItemProps, objEleProps, {
           style: formItemStyle
         }),
         _react2['default'].createElement(
@@ -2011,7 +2100,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           disableFlag = item.disableFlag,
           formItemProps = item.formItemProps,
           readFlag = item.readFlag,
-          hideLabel = item.hideLabel;
+          hideLabel = item.hideLabel,
+          fieldType = item.fieldType;
 
       var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
       var isDisableRuleFlag = required;
@@ -2031,13 +2121,21 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         addrules.push.apply(addrules, rules);
       }
       var afterBtns = _this.getAfterBtn(item);
+      var objEleProps = {
+        'data-fieldType': fieldType,
+        'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': disableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
+      // {...objEleProps}
       if (readFlag || allReadFlag) {
         return _react2['default'].createElement(
           FormItem,
           (0, _extends3['default'])({
             label: hideLabel ? null : label,
             required: required
-          }, formItemLayout, formItemProps, {
+          }, formItemLayout, formItemProps, objEleProps, {
             style: formItemStyle
           }),
           getFieldDecorator(fieldId + 'Easy3wView', {
@@ -2054,7 +2152,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         FormItem,
         (0, _extends3['default'])({
           label: hideLabel ? null : label
-        }, formItemLayout, formItemProps, {
+        }, formItemLayout, formItemProps, objEleProps, {
           style: formItemStyle
         }),
         _react2['default'].createElement(
@@ -2117,13 +2215,27 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
     }, _this.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      return _react2['default'].createElement(_mention2['default'], cmptPros);
+      var _ref6 = cmptPros || {},
+          options = _ref6.options;
+
+      return _react2['default'].createElement(
+        _mentions2['default'],
+        cmptPros,
+        options && options instanceof Array ? options.map(function (option) {
+          return option ? _react2['default'].createElement(
+            _mentions2['default'].Option,
+            { value: option },
+            option
+          ) : '';
+        }) : ''
+      );
     }, _this.rateHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_rate2['default'], cmptPros);
     }, _this.autoCompleteHandler = function (item) {
-      var cmptPros = item.cmptPros;
+      var cmptPros = item.cmptPros,
+          readFlag = item.readFlag;
 
       return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
     }, _this.braftEditorHandler = function (item) {
@@ -2162,13 +2274,37 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
 
       return _react2['default'].createElement(_icon2['default'], cmptPros);
     }, _this.strTemplateHandler = function (item) {
-      var cmptPros = item.cmptPros;
+      var allReadFlag = _this.props.allReadFlag;
+      var cmptPros = item.cmptPros,
+          fieldTypeP = item.fieldType,
+          readFlag = item.readFlag,
+          disableFlag = item.disableFlag;
       var templateArray = cmptPros.templateArray;
 
+      var taReadFlag = true;
+      var taDisableFlag = true;
       var templateArr = templateArray.map(function (obj) {
         var objArea = _this.getItemArea(obj);
         var fieldType = obj.fieldType;
+        var cmptProsTa = obj.cmptPros,
+            disableFlagTa = obj.disableFlag,
+            readFlagTa = obj.readFlag;
+
+        var _ref7 = cmptProsTa || {},
+            disabledTa = _ref7.disabled;
 
+        if (readFlagTa) {
+          // taReadFlag = readFlagTa;
+          // 字段只读
+        } else {
+          taReadFlag = false;
+        }
+        if (disableFlagTa || disabledTa) {
+          // taReadFlag = readFlagTa;
+          // 字段只读
+        } else {
+          taDisableFlag = false;
+        }
         if (fieldType === 'inputNumber') {
           objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
           // return up;
@@ -2188,16 +2324,32 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         var itemArea = _this.getStrTemplateItem(obj, objArea);
         return itemArea;
       });
+
+      var objEleProps = {
+        'data-fieldType': fieldTypeP,
+        'data-col-readFlag': taReadFlag || allReadFlag ? '1' : '0', // 列只读
+        'data-col-disableFlag': taDisableFlag ? '1' : '0', // 列静止编辑
+        'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+        'data-field-disableFlag': disableFlag ? '1' : '0' // 字段静止编辑
+      };
       var retObj = _react2['default'].createElement(
-        _row2['default'],
-        null,
-        templateArr
+        'div',
+        (0, _extends3['default'])({ className: (0, _classnames2['default'])(['e3wFormStrTemplate']) }, objEleProps),
+        _react2['default'].createElement(
+          _row2['default'],
+          null,
+          templateArr
+        )
       );
       return retObj;
     }, _this.descHandler = function (item) {
       var value = item.value;
 
-      return value;
+      return _react2['default'].createElement(
+        'span',
+        null,
+        value
+      );
     }, _this.btnHandler = function (obj) {
       var func = obj.func,
           cName = obj.cName,
@@ -3023,18 +3175,18 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
 
       var threeRowItemFlag = false;
       for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-        var _ref6;
+        var _ref8;
 
         if (_isArray2) {
           if (_i3 >= _iterator2.length) break;
-          _ref6 = _iterator2[_i3++];
+          _ref8 = _iterator2[_i3++];
         } else {
           _i3 = _iterator2.next();
           if (_i3.done) break;
-          _ref6 = _i3.value;
+          _ref8 = _i3.value;
         }
 
-        var rItem = _ref6;
+        var rItem = _ref8;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -3934,7 +4086,22 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
     }, _this2.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      return _react2['default'].createElement(_mention2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+      var _ref9 = cmptPros || {},
+          options = _ref9.options;
+
+      return _react2['default'].createElement(
+        _mentions2['default'],
+        (0, _extends3['default'])({}, cmptPros, {
+          size: 'small'
+        }),
+        options && options instanceof Array ? options.map(function (option) {
+          return option ? _react2['default'].createElement(
+            _mentions2['default'].Option,
+            { value: option },
+            option
+          ) : '';
+        }) : ''
+      );
     }, _this2.rateHandler = function (item) {
       var cmptPros = item.cmptPros;
 

package/lib/Easy3wUpload/index.js

@@ -178,7 +178,9 @@ var Easy3wUpload = function (_Component) {
         removeCallback = _props.removeCallback,
         hadUpdBtn = _props.hadUpdBtn,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag;
+        fileViewFlag = _props.fileViewFlag,
+        _props$objEleProps = _props.objEleProps,
+        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
     var limitSize = this.props.limitSize;
 
     limitSize = limitSize || maxSize || 200;
@@ -407,13 +409,14 @@ var Easy3wUpload = function (_Component) {
     };
     return isRead ? _react2['default'].createElement(
       FormItem,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
@@ -427,13 +430,14 @@ var Easy3wUpload = function (_Component) {
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(
       FormItem,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {
         initialValue: iniVal || undefined,

package/lib/Easy3wUploadB/index.js

@@ -204,7 +204,9 @@ var BigFileUpload = function (_Component) {
         multiple = _props.multiple,
         removeCallback = _props.removeCallback,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag;
+        fileViewFlag = _props.fileViewFlag,
+        _props$objEleProps = _props.objEleProps,
+        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
     var maxFileSize = this.props.maxFileSize;
     var _state = this.state,
         preUploading = _state.preUploading,
@@ -392,13 +394,14 @@ var BigFileUpload = function (_Component) {
     }
     return isRead ? _react2['default'].createElement(
       _form2['default'].Item,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       getFieldDecorator('' + name, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
         imgVisible: true,
@@ -410,13 +413,14 @@ var BigFileUpload = function (_Component) {
       }))
     ) : _react2['default'].createElement(
       _form2['default'].Item,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       _react2['default'].createElement(
         'div',
         null,

package/lib/Easy3wUploadM/index.js

@@ -180,7 +180,9 @@ var Easy3wUploadM = function (_Component) {
         removeCallback = _props.removeCallback,
         downloadAllFlag = _props.downloadAllFlag,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag;
+        fileViewFlag = _props.fileViewFlag,
+        _props$objEleProps = _props.objEleProps,
+        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
     var limitSize = this.props.limitSize;
 
     limitSize = limitSize || maxSize || 200;
@@ -433,13 +435,14 @@ var Easy3wUploadM = function (_Component) {
     var showFlag = initialValue && initialValue.length > 1 || this.state.fileList.length > 1;
     return isRead ? _react2['default'].createElement(
       _form2['default'].Item,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
@@ -453,13 +456,14 @@ var Easy3wUploadM = function (_Component) {
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(
       _form2['default'].Item,
-      {
+      (0, _extends3['default'])({
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol,
+        wrapperCol: wrapperCol
+      }, objEleProps, {
         style: formItemStyle
-      },
+      }),
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {
         initialValue: iniVal || undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.87",
+  "version": "1.5.88-beta10",
   "description": "easy3wui components for react",
   "keywords": [
     "react",