easy3wui 4.0.27 → 4.0.28-beta10

package/assets/formPage.css

@@ -13,3 +13,6 @@
 .e3wFormItem .ant-form-item {
   margin-bottom: 8px;
 }
+.bf-container.read-only .bf-controlbar {
+  display: none;
+}

package/assets/index.css

@@ -1401,6 +1401,9 @@ s {
 .e3wFormItem .ant-form-item {
   margin-bottom: 8px;
 }
+.bf-container.read-only .bf-controlbar {
+  display: none;
+}
 .e3wFootBtn {
   margin: 0px 8px;
 }

package/lib/Easy3wFormPage/index.js

@@ -186,6 +186,12 @@ var _braftEditor2 = _interopRequireDefault(_braftEditor);
 
 require('braft-editor/dist/index.css');
 
+var _table = require('braft-extensions/dist/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+require('braft-extensions/dist/table.css');
+
 var _easy3wui = require('easy3wui');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -195,6 +201,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'd
 // import Easy3wUploadB from '../../Easy3wUploadB';
 // import Easy3wUploadM from '../../Easy3wUploadM';
 
+// 引入富文本表格功能
+var options = {
+  defaultRows: 3, // 默认行数
+  defaultColumns: 3, // 默认列数
+  withDropdown: false, // 插入表格前是否弹出下拉菜单
+  columnResizable: false // 是否允许拖动调整列宽， 默认false
+  // exportAttrString: 'border="1" style="border-collapse: collapse", ', // 指定输出HTML时附加到table标签上的属性字符串
+};
+_braftEditor2['default'].use((0, _table2['default'])(options)); // 表格
+
 _moment2['default'].locale('zh-cn');
 
 var Option = _select2['default'].Option;
@@ -275,13 +291,15 @@ var Easy3wFormPage = function (_Component) {
         func(e);
       }
     }, _this.getItemArea = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
           cmptPros = item.cmptPros,
+          readFlag = item.readFlag,
           disableFlag = item.disableFlag;
 
       var itemNew = item;
       var newCmptPros = {};
-      if (disableFlag) {
+      if (disableFlag || fieldType === 'textarea' && (allReadFlag || readFlag)) {
         if (cmptPros) {
           newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
         } else {
@@ -491,6 +509,10 @@ var Easy3wFormPage = function (_Component) {
           disableFlagReal = true;
         }
       }
+      // 只读文本框改为禁止录入
+      if (fieldType === 'textarea' && (readFlag || allReadFlag)) {
+        disableFlagReal = true;
+      }
       if (loadFinishFlag === true && bigFormFlag === true) {
         if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
           decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
@@ -499,23 +521,25 @@ var Easy3wFormPage = function (_Component) {
           });
         }
       }
-      if (readFlag || allReadFlag) {
-        if (fieldType === 'braftEditor') {
-          return _react2['default'].createElement(
-            FormItem,
-            (0, _extends3['default'])({
-              label: label
-            }, formItemLayout, formItemProps, {
-              style: formItemStyle
-            }),
-            getFieldDecorator(fieldId + 'Easy3wView', {
-              initialValue: 'easy3wView',
-              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
-            })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
-            _react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } }),
-            afterBtns
-          );
-        }
+      if ((readFlag || allReadFlag) && (fieldType !== 'textarea' || fieldType !== 'braftEditor')) {
+        // if (fieldType === 'braftEditor') {
+        //   return (
+        //     <FormItem
+        //       label={label}
+        //       {...formItemLayout}
+        //       {...formItemProps}
+        //       style={formItemStyle}
+        //     >
+        //       {getFieldDecorator(`${fieldId}Easy3wView`,
+        //         {
+        //           initialValue: 'easy3wView',
+        //           rules: [{ required, message: requiredMessage || `请填写${label}` }],
+        //         })(<Input type="hidden" />)
+        //       }
+        //       <div dangerouslySetInnerHTML={{ __html: itemValue.toHTML() }} />{afterBtns}
+        //     </FormItem>
+        //   );
+        // }
         return _react2['default'].createElement(
           FormItem,
           (0, _extends3['default'])({
@@ -1185,7 +1209,7 @@ var Easy3wFormPage = function (_Component) {
 
       var maxlength = void 0;
       if (!cmptPros || cmptPros && !cmptPros.rows) {
-        cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
+        cmptPros = (0, _extends3['default'])({}, cmptPros, { autoSize: true });
       }
       if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
         maxlength = cmptPros.maxLength || cmptPros.maxlength;
@@ -1312,9 +1336,17 @@ var Easy3wFormPage = function (_Component) {
 
       return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
     }, _this.braftEditorHandler = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var readFlag = item.readFlag;
       var cmptPros = item.cmptPros;
+      // const { cmptPros } = item;
+      // controls={[]}
 
-      return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
+      if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
+        cmptPros = (0, _extends3['default'])({}, cmptPros);
+        cmptPros.controls = [];
+      }
+      return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag }, cmptPros));
     }, _this.cascaderHandler = function (item) {
       var cmptPros = item.cmptPros;
 

package/lib/Easy3wGridTextArea/index.js

@@ -51,11 +51,14 @@ var Easy3wGridTextArea = function (_Component) {
         fieldId = _props.fieldId,
         value = _props.value,
         form = _props.form,
-        cmptPros = _props.cmptPros,
         required = _props.required,
         label = _props.label;
+    var cmptPros = this.props.cmptPros;
     var getFieldDecorator = form.getFieldDecorator;
 
+    if (!cmptPros || cmptPros && !cmptPros.rows) {
+      cmptPros = (0, _extends3['default'])({}, cmptPros, { autoSize: true });
+    }
     return _react2['default'].createElement(
       _compatible.Form.Item,
       { style: { marginBottom: 0 } },

package/lib/Easy3wNewFormPage/index.js

@@ -188,12 +188,28 @@ var _braftEditor2 = _interopRequireDefault(_braftEditor);
 
 require('braft-editor/dist/index.css');
 
+var _table = require('braft-extensions/dist/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+require('braft-extensions/dist/table.css');
+
 var _easy3wui = require('easy3wui');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
 // import TagSelect from '../Easy3wTagSelect/index.js';
 
+// 引入富文本表格功能
+var options = {
+  defaultRows: 3, // 默认行数
+  defaultColumns: 3, // 默认列数
+  withDropdown: false, // 插入表格前是否弹出下拉菜单
+  columnResizable: false // 是否允许拖动调整列宽， 默认false
+  // exportAttrString: 'border="1" style="border-collapse: collapse", ', // 指定输出HTML时附加到table标签上的属性字符串
+};
+_braftEditor2['default'].use((0, _table2['default'])(options)); // 表格
+
 _moment2['default'].locale('zh-cn');
 
 var Option = _select2['default'].Option;
@@ -274,13 +290,15 @@ var Easy3wNewFormPage = function (_Component) {
         func(e);
       }
     }, _this.getItemArea = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
           cmptPros = item.cmptPros,
+          readFlag = item.readFlag,
           disableFlag = item.disableFlag;
 
       var itemNew = item;
       var newCmptPros = {};
-      if (disableFlag) {
+      if (disableFlag || fieldType === 'textarea' && (allReadFlag || readFlag)) {
         if (cmptPros) {
           newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
         } else {
@@ -499,6 +517,10 @@ var Easy3wNewFormPage = function (_Component) {
           disableFlagReal = true;
         }
       }
+      // 只读文本框改为禁止录入
+      if (fieldType === 'textarea' && (readFlag || allReadFlag)) {
+        disableFlagReal = true;
+      }
       if (loadFinishFlag === true && bigFormFlag === true) {
         if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
           decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
@@ -507,18 +529,21 @@ var Easy3wNewFormPage = function (_Component) {
           });
         }
       }
-      if (readFlag || allReadFlag) {
-        if (fieldType === 'braftEditor') {
-          return _react2['default'].createElement(
-            FormItem,
-            (0, _extends3['default'])({
-              label: label,
-              name: fieldId + 'Easy3wView',
-              style: formItemStyle
-            }, decoratorObj, formItemLayout, formItemProps),
-            _react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } })
-          );
-        }
+      if ((readFlag || allReadFlag) && (fieldType !== 'textarea' || fieldType !== 'braftEditor')) {
+        // if (fieldType === 'braftEditor') {
+        //   return (
+        //     <FormItem
+        //       label={label}
+        //       name={`${fieldId}Easy3wView`}
+        //       style={formItemStyle}
+        //       {...decoratorObj}
+        //       {...formItemLayout}
+        //       {...formItemProps}
+        //     >
+        //       <div dangerouslySetInnerHTML={{ __html: itemValue.toHTML() }} />
+        //     </FormItem>
+        //   );
+        // }
         return _react2['default'].createElement(
           'div',
           null,
@@ -1205,7 +1230,7 @@ var Easy3wNewFormPage = function (_Component) {
 
       var maxlength = void 0;
       if (!cmptPros || cmptPros && !cmptPros.rows) {
-        cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
+        cmptPros = (0, _extends3['default'])({}, cmptPros, { autoSize: true });
       }
       if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
         maxlength = cmptPros.maxLength || cmptPros.maxlength;
@@ -1335,9 +1360,17 @@ var Easy3wNewFormPage = function (_Component) {
 
       return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
     }, _this.braftEditorHandler = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var readFlag = item.readFlag;
       var cmptPros = item.cmptPros;
+      // const { cmptPros } = item;
+      // controls={[]}
 
-      return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
+      if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
+        cmptPros = (0, _extends3['default'])({}, cmptPros);
+        cmptPros.controls = [];
+      }
+      return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag }, cmptPros));
     }, _this.cascaderHandler = function (item) {
       var cmptPros = item.cmptPros;
 

package/lib/Easy3wNewGridTextArea/index.js

@@ -51,10 +51,13 @@ var Easy3wNewGridTextArea = function (_Component) {
   Easy3wNewGridTextArea.prototype.render = function render() {
     var _props = this.props,
         fieldId = _props.fieldId,
-        cmptPros = _props.cmptPros,
         required = _props.required,
         label = _props.label;
+    var cmptPros = this.props.cmptPros;
 
+    if (!cmptPros || cmptPros && !cmptPros.rows) {
+      cmptPros = (0, _extends3['default'])({}, cmptPros, { autoSize: true });
+    }
     return _react2['default'].createElement(
       _form2['default'].Item,
       { style: { marginBottom: 0 }, name: fieldId, rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }] },

package/lib/Easy3wUpload/index.js

@@ -395,7 +395,8 @@ var Easy3wUpload = function (_Component) {
         pdfViewFlag: true,
         imgVisible: true,
         urlDownloadFile: urlDownloadFile,
-        downloadArr: initialValue
+        downloadArr: initialValue,
+        objPreviewFile: objPreviewFileNew
       })),
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(

package/lib/Easy3wUploadM/index.js

@@ -398,7 +398,8 @@ var Easy3wUploadM = function (_Component) {
         pdfViewFlag: true,
         imgVisible: true,
         urlDownloadFile: urlDownloadFile,
-        downloadArr: initialValue
+        downloadArr: initialValue,
+        objPreviewFile: objPreviewFileNew
       })),
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "4.0.27",
+  "version": "4.0.28-beta10",
   "description": "easy3wui components for react",
   "keywords": [
     "react",
@@ -105,6 +105,7 @@
     "@hanyk/rc-viewer": "^0.0.3",
     "antd": "4.0.3",
     "braft-editor": "^2.3.8",
+    "braft-extensions": "^0.1.1",
     "lodash": "4.17.11",
     "react-images": "^1.0.0",
     "react-number-format": "^4.3.1",