easy3wmui 0.0.42-beta2 → 0.0.42-beta21

package/lib/Easy3wMFormPage/index.less

@@ -1,48 +1,48 @@
 #Easy3wMFormPage {
-	.pointer { // 鼠标形状：手形
-		cursor: pointer;
-	}
-	.pointerGray { // 鼠标形状：手形 文字：灰色
-		cursor: pointer;
-		color: #999
-	}
-	.adm-input-element {
-		border: 1px solid #d9d9d9;
-	}
-	.adm-input-element:focus, .adm-input-element:hover {
-		border-color: var(--adm-color-primary);
-	}
-	.adm-text-area-element {
-		border: 1px solid #d9d9d9;
-	}
-	.adm-text-area-element:focus, .adm-text-area-element:hover {
-		border-color: var(--adm-color-primary);
-	}
-	.adm-rate {
-		--star-size: 14px
-	}
-	.adm-radio, .adm-checkbox {
-		--icon-size: 14px;
-		--font-size: 14px;
-	}
-	.adm-switch {
-		--height: 20.8px;
-	}
-	.adm-slider {
-		padding: 0;
-	}
-	.adm-list-default .adm-list-body {
-		border-top: 0;
-		border-bottom: 0;
-	}
-	.adm-list-item {
-		border-bottom: var(--border-bottom);
-		margin: 0 12px;
-		padding-left: 0;
+  .pointer { // 鼠标形状：手形
+    cursor: pointer;
+  }
+  .pointerGray { // 鼠标形状：手形 文字：灰色
+    cursor: pointer;
+    color: #999
+  }
+  .adm-input-element {
+    border: 1px solid #d9d9d9;
+  }
+  .adm-input-element:focus, .adm-input-element:hover {
+    border-color: var(--adm-color-primary);
+  }
+  .adm-text-area-element {
+    border: 1px solid #d9d9d9;
+  }
+  .adm-text-area-element:focus, .adm-text-area-element:hover {
+    border-color: var(--adm-color-primary);
+  }
+  .adm-rate {
+    --star-size: 14px
+  }
+  .adm-radio, .adm-checkbox {
+    --icon-size: 14px;
+    --font-size: 14px;
+  }
+  .adm-switch {
+    --height: 20.8px;
+  }
+  .adm-slider {
+    padding: 0;
+  }
+  .adm-list-default .adm-list-body {
+    border-top: 0;
+    border-bottom: 0;
+  }
+  .adm-list-item {
+    border-bottom: var(--border-bottom);
+    margin: 0 12px;
+    padding-left: 0;
     word-break: break-word;
-	}
-	.adm-list-item-content {
-		border-top: 0;
-		padding-right: 0;
-	}
+  }
+  .adm-list-item-content {
+    border-top: 0;
+    padding-right: 0;
+  }
 }

package/lib/Easy3wMGlobalFooter/index.js

@@ -40,10 +40,9 @@ var Easy3wMGlobalFooter = function (_Component) {
         links = _props.links,
         copyright = _props.copyright;
 
-    var clsString = (0, _classnames2['default'])(className);
     return _react2['default'].createElement(
       'div',
-      { id: 'Easy3wMGlobalFooter', className: clsString },
+      { id: 'Easy3wMGlobalFooter', className: (0, _classnames2['default'])(className) },
       links && _react2['default'].createElement(
         'div',
         null,
@@ -53,7 +52,8 @@ var Easy3wMGlobalFooter = function (_Component) {
             {
               key: link.title,
               target: link.blankTarget ? '_blank' : '_self',
-              href: link.href
+              href: link.href,
+              rel: 'noreferrer'
             },
             link.title
           );

package/lib/Easy3wMGlobalFooter/index.less

@@ -1,3 +1,3 @@
 #Easy3wMGlobalFooter {
-	text-align: center;
+  text-align: center;
 }

package/lib/Easy3wMGridPage/index copy.js

@@ -0,0 +1,298 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _numeral = require('numeral');
+
+var _numeral2 = _interopRequireDefault(_numeral);
+
+var _easy3wmui = require('easy3wmui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+// import Easy3wMCollapse from '../Easy3wMCollapse';
+// import Easy3wMEmpty from '../Easy3wMEmpty';
+// import Easy3wMStepper from '../Easy3wMStepper';
+// import Easy3wMList from '../Easy3wMList';
+// import Easy3wMCard from '../Easy3wMCard';
+// import Easy3wMSpace from '../Easy3wMSpace';
+
+var Panel = _easy3wmui.Easy3wMCollapse.Panel;
+var Item = _easy3wmui.Easy3wMList.Item;
+
+var Easy3wMGridPage = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMGridPage, _Component);
+
+  function Easy3wMGridPage(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMGridPage);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.onChange = function (current) {
+      _this.setState({
+        currentIndex: current
+      });
+    };
+
+    _this.touchFormatData = function (dataItem, columnItem) {
+      var key = columnItem.key,
+          dataIndex = columnItem.dataIndex,
+          numberFormat = columnItem.numberFormat;
+
+      var fieldId = dataIndex || key;
+      var value = dataItem[fieldId];
+      if (value || value === false || value === 0) {
+        // value值存在  Boolean()值为false的7个特殊值   undefined， null， false， NaN， ''， 0， -0
+        if (numberFormat) {
+          var thousandthValue = (0, _numeral2['default'])(dataItem[fieldId]).format('0,0.00');
+          value = thousandthValue;
+        }
+        return value;
+      } else {
+        // value值不存在
+        return '';
+      }
+    };
+
+    _this.renderEasy3wMGridPage = function (dataList) {
+      var currentIndex = _this.state.currentIndex;
+      var _this$props = _this.props,
+          _this$props$panelProp = _this$props.panelProps,
+          panelProps = _this$props$panelProp === undefined ? {} : _this$props$panelProp,
+          _this$props$listProps = _this$props.listProps,
+          listProps = _this$props$listProps === undefined ? {} : _this$props$listProps,
+          _this$props$itemProps = _this$props.itemProps,
+          itemProps = _this$props$itemProps === undefined ? {} : _this$props$itemProps,
+          _this$props$columns = _this$props.columns,
+          columns = _this$props$columns === undefined ? [] : _this$props$columns,
+          panelTitle = _this$props.panelTitle,
+          panelKey = _this$props.panelKey,
+          _this$props$expandedR = _this$props.expandedRowRender,
+          expandedRowRender = _this$props$expandedR === undefined ? function () {} : _this$props$expandedR,
+          collapseFlag = _this$props.collapseFlag;
+      // collapseProps 折叠面板容器参数
+      // panelProps 折叠面板参数
+      // emptyProps 空状态参数
+      // stepperProps 步进器参数
+      // listProps 列表参数
+      // itemProps 列表项参数
+      // columns 字段列表
+      // dataList 列表数据
+      // totalResult 列表记录数量
+      // panelTitle panel标题 数据类型：string或function
+      // panelKey panel唯一标识 数据类型：string或function
+      // expandedRowRender 可扩展行
+
+      if (collapseFlag) {
+        return dataList.map(function (item, index) {
+          var title = typeof panelTitle === 'function' ? panelTitle(item, index) : item[panelTitle] || '';
+          var key = typeof panelKey === 'function' ? panelKey(item, index) : item[panelKey] || index;
+          return (// 折叠面板
+            _react2['default'].createElement(
+              Panel,
+              (0, _extends3['default'])({}, panelProps, { title: title, key: key }),
+              _this.renderEasy3wMGridPageItem(item, index)
+            )
+          );
+        });
+      } else {
+        return _this.renderEasy3wMGridPageItem(dataList[currentIndex - 1], currentIndex - 1);
+      }
+    };
+
+    _this.renderEasy3wMGridPageItem = function (dataItem, index) {
+      var children = dataItem.children;
+      var _this$props2 = _this.props,
+          _this$props2$panelPro = _this$props2.panelProps,
+          panelProps = _this$props2$panelPro === undefined ? {} : _this$props2$panelPro,
+          _this$props2$listProp = _this$props2.listProps,
+          listProps = _this$props2$listProp === undefined ? {} : _this$props2$listProp,
+          _this$props2$itemProp = _this$props2.itemProps,
+          itemProps = _this$props2$itemProp === undefined ? {} : _this$props2$itemProp,
+          _this$props2$columns = _this$props2.columns,
+          columns = _this$props2$columns === undefined ? [] : _this$props2$columns,
+          panelTitle = _this$props2.panelTitle,
+          panelKey = _this$props2.panelKey,
+          _this$props2$expanded = _this$props2.expandedRowRender,
+          expandedRowRender = _this$props2$expanded === undefined ? function () {} : _this$props2$expanded;
+      // collapseProps 折叠面板容器参数
+      // panelProps 折叠面板参数
+      // emptyProps 空状态参数
+      // stepperProps 步进器参数
+      // listProps 列表参数
+      // itemProps 列表项参数
+      // columns 字段列表
+      // dataList 列表数据
+      // totalResult 列表记录数量
+      // panelTitle panel标题
+      // panelKey panel唯一标识
+      // expandedRowRender 可扩展行
+
+      return (// 单项数据
+        _react2['default'].createElement(
+          _easy3wmui.Easy3wMList,
+          listProps,
+          columns.map(function (column) {
+            if (column.children) {
+              return _react2['default'].createElement(
+                _easy3wmui.Easy3wMList,
+                (0, _extends3['default'])({ mode: 'card' }, listProps, { header: column.title }),
+                column.children.map(function (childrenColumn) {
+                  var type = childrenColumn.type;
+
+                  var childrenFieldId = childrenColumn.dataIndex || childrenColumn.key;
+                  var childrenExtra = childrenColumn.render ? childrenColumn.render(dataItem[childrenFieldId], dataItem, index) : _this.touchFormatData(dataItem, childrenColumn);
+                  if (type === 'longText') {
+                    return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: childrenColumn.title, description: childrenExtra }));
+                  } else {
+                    return _react2['default'].createElement(Item, (0, _extends3['default'])({}, itemProps, { title: childrenColumn.title, extra: childrenExtra }));
+                  }
+                })
+              );
+            } else {
+              var title = column.title,
+                  key = column.key,
+                  dataIndex = column.dataIndex,
+                  type = column.type;
+
+              var fieldId = dataIndex || key;
+              var extra = column.render ? column.render(dataItem[fieldId], dataItem, index) : _this.touchFormatData(dataItem, column);
+              if (type === 'longText') {
+                return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: title, description: extra }));
+              } else {
+                return _react2['default'].createElement(Item, (0, _extends3['default'])({}, itemProps, { title: title, extra: extra }));
+              }
+            }
+          }),
+          children ? _this.renderEasy3wMGridPage(children) : '',
+          expandedRowRender ? expandedRowRender(dataItem) : ''
+        )
+      );
+    };
+
+    _this.state = {
+      currentIndex: 1, // 当前显示内容数据的索引
+      paginationInfo: { // 分页
+        offset: 1,
+        limit: 10
+      }
+    };
+    return _this;
+  }
+
+  Easy3wMGridPage.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // 切换行数据
+
+  // 数据格式化
+
+  // 渲染列表
+
+  // 渲染列表单项
+
+
+  Easy3wMGridPage.prototype.render = function render() {
+    var _props = this.props,
+        _props$collapseProps = _props.collapseProps,
+        collapseProps = _props$collapseProps === undefined ? {} : _props$collapseProps,
+        _props$emptyProps = _props.emptyProps,
+        emptyProps = _props$emptyProps === undefined ? {} : _props$emptyProps,
+        _props$panelProps = _props.panelProps,
+        panelProps = _props$panelProps === undefined ? {} : _props$panelProps,
+        _props$stepperProps = _props.stepperProps,
+        stepperProps = _props$stepperProps === undefined ? {} : _props$stepperProps,
+        _props$dataList = _props.dataList,
+        dataList = _props$dataList === undefined ? [] : _props$dataList,
+        totalResult = _props.totalResult,
+        collapseFlag = _props.collapseFlag;
+    // collapseProps 折叠面板容器参数
+    // panelProps 折叠面板参数
+    // emptyProps 空状态参数
+    // stepperProps 步进器参数
+    // listProps 列表参数
+    // itemProps 列表项参数
+    // columns 字段列表
+    // dataList 列表数据
+    // totalResult 列表记录数量
+    // panelTitle panel标题
+    // panelKey panel唯一标识
+    // collapseFlag 是否折叠面板 true 是 false 否
+
+    var currentIndex = this.state.currentIndex;
+
+    return _react2['default'].createElement(
+      'div',
+      { id: 'Easy3wMGridPage' },
+      dataList && dataList.length ? _react2['default'].createElement(
+        'div',
+        null,
+        collapseFlag ? _react2['default'].createElement(
+          _easy3wmui.Easy3wMCollapse,
+          collapseProps,
+          this.renderEasy3wMGridPage(dataList)
+        ) : _react2['default'].createElement(
+          'div',
+          null,
+          this.renderEasy3wMGridPage(dataList)
+        )
+      ) : // 空状态
+      _react2['default'].createElement(
+        _easy3wmui.Easy3wMCard,
+        null,
+        _react2['default'].createElement(_easy3wmui.Easy3wMEmpty, (0, _extends3['default'])({}, emptyProps, { description: emptyProps.description || '暂无数据' }))
+      ),
+      dataList && dataList.length && !collapseFlag ? _react2['default'].createElement(
+        _easy3wmui.Easy3wMCard,
+        null,
+        _react2['default'].createElement(
+          'div',
+          { className: 'easy3wMGridPageStepper' },
+          _react2['default'].createElement(
+            _easy3wmui.Easy3wMSpace,
+            null,
+            _react2['default'].createElement(
+              'span',
+              null,
+              '\u5171',
+              dataList.length,
+              '\u6761'
+            ),
+            _react2['default'].createElement(_easy3wmui.Easy3wMStepper, (0, _extends3['default'])({}, stepperProps, {
+              step: 1 // 每次改变步数，可以为小数
+              , digits: 0 // 格式化到小数点后固定位数，设置为 0 表示格式化到整数
+              , min: 1 // 最小值
+              , max: dataList.length // 最大值
+              , inputReadOnly: true // 输入框是否只读
+              , onChange: this.onChange // 变化时的回调
+              , value: currentIndex // 当前数，受控值
+            }))
+          )
+        )
+      ) : null
+    );
+  };
+
+  return Easy3wMGridPage;
+}(_react.Component);
+
+exports['default'] = Easy3wMGridPage;
+module.exports = exports['default'];