easy3wui 1.6.2 → 2.0.2

package/lib/Easy3wMGlobalHeader/index.js

@@ -0,0 +1,65 @@
+'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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMGlobalHeader = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMGlobalHeader, _Component);
+
+  function Easy3wMGlobalHeader() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wMGlobalHeader);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.goBack = function () {
+      _antdMobile.Toast.show({
+        content: '点击了返回区域',
+        duration: 1000
+      });
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+  // 返回
+
+
+  Easy3wMGlobalHeader.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _antdMobile.NavBar,
+      (0, _extends3['default'])({ backArrow: false }, this.props),
+      children
+    );
+  };
+
+  return Easy3wMGlobalHeader;
+}(_react.Component);
+
+exports['default'] = Easy3wMGlobalHeader;
+module.exports = exports['default'];

package/lib/Easy3wMGrid/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMGrid = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMGrid, _Component);
+
+  function Easy3wMGrid() {
+    (0, _classCallCheck3['default'])(this, Easy3wMGrid);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMGrid.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _antdMobile.Grid,
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMGrid;
+}(_react.Component);
+
+exports['default'] = Easy3wMGrid;
+var Item = _antdMobile.Grid.Item;
+
+Easy3wMGrid.Item = Item; // 挂载Item组件
+
+module.exports = exports['default'];

package/lib/Easy3wMGridPage/index.js

@@ -0,0 +1,173 @@
+'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 _Easy3wMCollapse = require('../Easy3wMCollapse');
+
+var _Easy3wMCollapse2 = _interopRequireDefault(_Easy3wMCollapse);
+
+var _Easy3wMEmpty = require('../Easy3wMEmpty');
+
+var _Easy3wMEmpty2 = _interopRequireDefault(_Easy3wMEmpty);
+
+var _Easy3wMStepper = require('../Easy3wMStepper');
+
+var _Easy3wMStepper2 = _interopRequireDefault(_Easy3wMStepper);
+
+var _Easy3wMList = require('../Easy3wMList');
+
+var _Easy3wMList2 = _interopRequireDefault(_Easy3wMList);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Panel = _Easy3wMCollapse2['default'].Panel;
+var Item = _Easy3wMList2['default'].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.renderEasy3wMGridPage = function (dataList) {
+			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;
+			// collapseProps 折叠面板容器参数
+			// panelProps 折叠面板参数
+			// emptyProps 空状态参数
+			// stepperProps 步进器参数
+			// listProps 列表参数
+			// itemProps 列表项参数
+			// columns 字段列表
+			// dataList 列表数据
+			// totalResult 列表记录数量
+			// panelTitle panel标题
+			// panelKey panel唯一标识
+
+			return dataList.map(function (item, index) {
+				var children = item.children;
+
+				return (// 折叠面板
+					_react2['default'].createElement(
+						Panel,
+						(0, _extends3['default'])({}, panelProps, { title: item[panelTitle] || '', key: item[panelKey] || index }),
+						columns.map(function (column) {
+							var title = column.title,
+							    key = column.key,
+							    dataIndex = column.dataIndex;
+
+							var fieldId = dataIndex || key;
+							var extra = column.render ? column.render(item[fieldId], item) : item[fieldId];
+							if (column.children) {
+								return _react2['default'].createElement(
+									_Easy3wMList2['default'],
+									(0, _extends3['default'])({}, listProps, { header: title }),
+									column.children.map(function (childrenColumn) {
+										var childrenFieldId = dataIndex || key;
+										var childrenExtra = childrenColumn.render ? childrenColumn.render(item[fieldId], item) : item[childrenFieldId];
+										// const {} = childrenItem;
+										return _react2['default'].createElement(
+											Item,
+											(0, _extends3['default'])({}, itemProps, { extra: childrenExtra }),
+											childrenColumn.title
+										);
+									})
+								);
+							} else {
+								return _react2['default'].createElement(
+									_Easy3wMList2['default'],
+									listProps,
+									_react2['default'].createElement(
+										Item,
+										(0, _extends3['default'])({}, itemProps, { extra: extra }),
+										title
+									)
+								);
+							}
+						}),
+						children ? _this.renderEasy3wMGridPage(children) : ''
+					)
+				);
+			});
+		};
+
+		_this.state = {};
+		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$stepperProps = _props.stepperProps,
+		    stepperProps = _props$stepperProps === undefined ? {} : _props$stepperProps,
+		    _props$dataList = _props.dataList,
+		    dataList = _props$dataList === undefined ? [] : _props$dataList,
+		    totalResult = _props.totalResult;
+
+		console.log('totalResult', totalResult);
+		// collapseProps 折叠面板容器参数
+		// panelProps 折叠面板参数
+		// emptyProps 空状态参数
+		// stepperProps 步进器参数
+		// listProps 列表参数
+		// itemProps 列表项参数
+		// columns 字段列表
+		// dataList 列表数据
+		// totalResult 列表记录数量
+		// panelTitle panel标题
+		// panelKey panel唯一标识
+		return _react2['default'].createElement(
+			'div',
+			null,
+			_react2['default'].createElement(
+				_Easy3wMCollapse2['default'],
+				collapseProps,
+				dataList && dataList.length ? this.renderEasy3wMGridPage(dataList) : // 空状态
+				_react2['default'].createElement(_Easy3wMEmpty2['default'], (0, _extends3['default'])({}, emptyProps, { description: emptyProps.description || '暂无数据' }))
+			)
+		);
+	};
+
+	return Easy3wMGridPage;
+}(_react.Component);
+
+exports['default'] = Easy3wMGridPage;
+module.exports = exports['default'];

package/lib/Easy3wMImageUploader/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMImageUploader = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMImageUploader, _Component);
+
+  function Easy3wMImageUploader() {
+    (0, _classCallCheck3['default'])(this, Easy3wMImageUploader);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMImageUploader.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _antdMobile.ImageUploader,
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMImageUploader;
+}(_react.Component);
+
+exports['default'] = Easy3wMImageUploader;
+module.exports = exports['default'];

package/lib/Easy3wMImageViewer/index.js

@@ -0,0 +1,45 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Multi = _antdMobile.ImageViewer.Multi;
+
+Easy3wMImageViewer.Multi = Multi;
+
+var Easy3wMImageViewer = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMImageViewer, _Component);
+
+  function Easy3wMImageViewer() {
+    (0, _classCallCheck3['default'])(this, Easy3wMImageViewer);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMImageViewer.prototype.render = function render() {
+    return _react2['default'].createElement(_antdMobile.ImageViewer, this.props);
+  };
+
+  return Easy3wMImageViewer;
+}(_react.Component);
+
+exports['default'] = Easy3wMImageViewer;
+module.exports = exports['default'];

package/lib/Easy3wMIndexBar/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMIndexBar = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMIndexBar, _Component);
+
+  function Easy3wMIndexBar() {
+    (0, _classCallCheck3['default'])(this, Easy3wMIndexBar);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMIndexBar.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _antdMobile.IndexBar,
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMIndexBar;
+}(_react.Component);
+
+exports['default'] = Easy3wMIndexBar;
+var Panel = _antdMobile.IndexBar.Panel;
+
+Easy3wMIndexBar.Panel = Panel;
+module.exports = exports['default'];

package/lib/Easy3wMInfiniteScroll/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMInfiniteScroll = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMInfiniteScroll, _Component);
+
+  function Easy3wMInfiniteScroll() {
+    (0, _classCallCheck3['default'])(this, Easy3wMInfiniteScroll);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMInfiniteScroll.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _antdMobile.InfiniteScroll,
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMInfiniteScroll;
+}(_react.Component);
+
+exports['default'] = Easy3wMInfiniteScroll;
+module.exports = exports['default'];

package/lib/Easy3wMInput/index.js

@@ -0,0 +1,41 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMForm = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMForm, _Component);
+
+  function Easy3wMForm() {
+    (0, _classCallCheck3['default'])(this, Easy3wMForm);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMForm.prototype.render = function render() {
+    return _react2['default'].createElement(_antdMobile.Input, this.props);
+  };
+
+  return Easy3wMForm;
+}(_react.Component);
+
+exports['default'] = Easy3wMForm;
+module.exports = exports['default'];

package/lib/Easy3wMInsideLayout/index.js

@@ -0,0 +1,131 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _router = require('dva/router');
+
+var _Easy3wMGlobalHeader = require('../Easy3wMGlobalHeader');
+
+var _Easy3wMGlobalHeader2 = _interopRequireDefault(_Easy3wMGlobalHeader);
+
+var _Easy3wMGlobalFooter = require('../Easy3wMGlobalFooter');
+
+var _Easy3wMGlobalFooter2 = _interopRequireDefault(_Easy3wMGlobalFooter);
+
+var _index = require('./index.less');
+
+var _index2 = _interopRequireDefault(_index);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMInsideLayout = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMInsideLayout, _Component);
+
+  function Easy3wMInsideLayout() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wMInsideLayout);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.getPageTitle = function () {
+      var _this$props = _this.props,
+          location = _this$props.location,
+          systemName = _this$props.systemName,
+          getRouteData = _this$props.getRouteData,
+          routeDataLayout = _this$props.routeDataLayout;
+      // systemName 程序名称 pathname 路径
+
+      var pathname = location.pathname;
+
+      var title = systemName;
+      getRouteData('' + routeDataLayout).forEach(function (item) {
+        if (item.path === pathname) {
+          title = item.name + ' - ' + systemName;
+        }
+      });
+      return title;
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+
+  Easy3wMInsideLayout.prototype.getChildContext = function getChildContext() {
+    var location = this.props.location;
+
+    return { location: location };
+  };
+  // 查询页面标题
+
+
+  Easy3wMInsideLayout.prototype.render = function render() {
+    var _props = this.props,
+        getRouteData = _props.getRouteData,
+        includeHeaderFlag = _props.includeHeaderFlag,
+        rootRedirectPath = _props.rootRedirectPath,
+        includeCopyRightFlag = _props.includeCopyRightFlag,
+        links = _props.links,
+        copyrightContent = _props.copyrightContent,
+        routeDataLayout = _props.routeDataLayout;
+
+    var hadHaederFlag = includeHeaderFlag !== '0';
+    var copyRightFlag = includeCopyRightFlag !== '0';
+    var copyright = _react2['default'].createElement(
+      'div',
+      null,
+      'Copyright \xA9 ',
+      copyrightContent
+    );
+    return _react2['default'].createElement(
+      'div',
+      { id: _index2['default'].Easy3wMInsideLayout },
+      hadHaederFlag ? _react2['default'].createElement(
+        _Easy3wMGlobalHeader2['default'],
+        { className: _index2['default'].titleList },
+        this.getPageTitle()
+      ) : '',
+      _react2['default'].createElement(
+        'div',
+        { id: 'content', className: _index2['default'].content },
+        _react2['default'].createElement(
+          _router.Switch,
+          null,
+          getRouteData('' + routeDataLayout).map(function (item) {
+            return _react2['default'].createElement(_router.Route, {
+              exact: item.exact,
+              key: item.path,
+              path: item.path,
+              component: item.component
+            });
+          }),
+          _react2['default'].createElement(_router.Redirect, { exact: true, from: '/*', to: rootRedirectPath })
+        )
+      ),
+      copyRightFlag ? _react2['default'].createElement(_Easy3wMGlobalFooter2['default'], {
+        links: links,
+        copyright: copyright
+      }) : ''
+    );
+  };
+
+  return Easy3wMInsideLayout;
+}(_react.Component);
+
+exports['default'] = Easy3wMInsideLayout;
+module.exports = exports['default'];

package/lib/Easy3wMInsideLayout/index.less

@@ -0,0 +1,31 @@
+#Easy3wMInsideLayout {
+  overflow: hidden;
+  .content {
+    margin-top: 42px;
+  }
+  .titleList {
+    background: var(--adm-color-primary);
+    color: var(--adm-color-white);
+    font-size: var(--adm-font-size-8);
+    position: fixed;
+    height: 42px;
+    text-align: center;
+    line-height: 42px;
+    top: 0;
+    z-index: 10;
+    width: 100%;
+    .easy_backIcon {
+      font-size: var(--adm-font-size-8);
+      color: #fff;
+      position: absolute;
+      padding-left: 20px;
+      text-align: left;
+      top: 0;
+      left: 0;
+      z-index: 11;
+      height: 42px;
+      line-height: 60px;
+      width: 30%;
+    }
+  }
+}