easy3wui 1.5.34 → 1.5.35-beta1

package/lib/Easy3wFormPage/index.js

@@ -192,6 +192,14 @@ 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');
+
+require('braft-editor/dist/output.css');
+
 var _dva = require('dva');
 
 var _easy3wui = require('easy3wui');
@@ -203,6 +211,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: 'style="border: 1"' // 指定输出HTML时附加到table标签上的属性字符串
+};
+_braftEditor2['default'].use((0, _table2['default'])(options)); // 表格
+
 _moment2['default'].locale('zh-cn');
 
 var Option = _select2['default'].Option;
@@ -527,24 +545,27 @@ var Easy3wFormPage = function (_Component) {
           });
         }
       }
-      if (readFlag || allReadFlag) {
+      if ((readFlag || allReadFlag) && fieldType !== 'braftEditor') {
         // 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
-          );
-        } else if (fieldType === 'checkBox' || fieldType === 'radio') {
+        // 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>
+        //   );
+        // } else if (fieldType === 'checkBox' || fieldType === 'radio') {
+        if (fieldType === 'checkBox' || fieldType === 'radio') {
           return _react2['default'].createElement(
             FormItem,
             (0, _extends3['default'])({
@@ -1441,9 +1462,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;
 
-      return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
+      cmptPros = (0, _extends3['default'])({}, cmptPros);
+      // const { cmptPros } = item;
+      // controls={[]}
+      if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
+        cmptPros.controls = [];
+      }
+      return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag }, cmptPros));
     }, _this.cascaderHandler = function (item) {
       var cmptPros = item.cmptPros;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.34",
+  "version": "1.5.35-beta1",
   "description": "easy3wui components for react",
   "keywords": [
     "react",
@@ -104,6 +104,7 @@
     "@hanyk/rc-viewer": "^0.0.3",
     "antd": "3.24.2",
     "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",

package/assets/exception.css

@@ -1,76 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.e3wException {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  height: 100%;
-}
-.e3wException .e3wExceptionImgBlock {
-  -ms-flex: 0 0 62.5%;
-      flex: 0 0 62.5%;
-  width: 62.5%;
-  padding-right: 152px;
-}
-.e3wException .e3wExceptionImgBlock::before {
-  display: table;
-  content: '';
-}
-.e3wException .e3wExceptionImgBlock::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.e3wException .e3wExceptionImgEle {
-  height: 360px;
-  width: 100%;
-  max-width: 430px;
-  float: right;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: 100% 100%;
-}
-.e3wException .e3wExceptionContent {
-  -ms-flex: auto;
-      flex: auto;
-}
-.e3wException .e3wExceptionContent h1 {
-  color: #434e59;
-  font-size: 72px;
-  font-weight: 600;
-  line-height: 72px;
-  margin-bottom: 24px;
-}
-.e3wException .e3wExceptionContent .e3wExceptionDesc {
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 20px;
-  line-height: 28px;
-  margin-bottom: 16px;
-}
-.e3wException .e3wExceptionContent .e3wExceptionActions button:not(:last-child) {
-  margin-right: 8px;
-}
-@media screen and (max-width: 1200px) {
-  .exception .imgBlock {
-    padding-right: 88px;
-  }
-}
-@media screen and (max-width: 576px) {
-  .exception {
-    display: block;
-    text-align: center;
-  }
-  .exception .imgBlock {
-    padding-right: 0;
-    margin: 0 auto 24px;
-  }
-}
-@media screen and (max-width: 480px) {
-  .exception .imgBlock {
-    margin-bottom: -24px;
-    overflow: hidden;
-  }
-}