easy3wmui 0.0.0

package/lib/Easy3wMInput/index.js

@@ -0,0 +1,45 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _input = require('antd-mobile/es/components/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+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(_input2['default'], this.props);
+  };
+
+  return Easy3wMForm;
+}(_react.Component);
+
+exports['default'] = Easy3wMForm;
+module.exports = exports['default'];

package/lib/Easy3wMInsideLayout/index.js

@@ -0,0 +1,129 @@
+'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);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+// import Easy3wMInsideLayoutStyle from './index.less';
+
+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: 'Easy3wMInsideLayout' },
+      hadHaederFlag ? _react2['default'].createElement(
+        _Easy3wMGlobalHeader2['default'],
+        { className: 'titleList' },
+        this.getPageTitle()
+      ) : '',
+      _react2['default'].createElement(
+        'div',
+        { id: 'content', className: '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%;
+    }
+  }
+}

package/lib/Easy3wMJumboTabs/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _jumboTabs = require('antd-mobile/es/components/jumbo-tabs');
+
+var _jumboTabs2 = _interopRequireDefault(_jumboTabs);
+
+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 Easy3wMJumboTabs = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMJumboTabs, _Component);
+
+  function Easy3wMJumboTabs() {
+    (0, _classCallCheck3['default'])(this, Easy3wMJumboTabs);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMJumboTabs.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _jumboTabs2['default'],
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMJumboTabs;
+}(_react.Component);
+
+exports['default'] = Easy3wMJumboTabs;
+var Tab = _jumboTabs2['default'].Tab;
+
+Easy3wMJumboTabs.Tab = Tab;
+module.exports = exports['default'];

package/lib/Easy3wMList/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _list = require('antd-mobile/es/components/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+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 Easy3wMList = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMList, _Component);
+
+  function Easy3wMList() {
+    (0, _classCallCheck3['default'])(this, Easy3wMList);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMList.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _list2['default'],
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMList;
+}(_react.Component);
+
+exports['default'] = Easy3wMList;
+var Item = _list2['default'].Item;
+
+Easy3wMList.Item = Item;
+module.exports = exports['default'];

package/lib/Easy3wMLogin/index.js

@@ -0,0 +1,190 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _input = require('antd-mobile/es/components/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _button = require('antd-mobile/es/components/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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 _form = require('antd-mobile/es/components/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _tabs = require('antd-mobile/es/components/tabs');
+
+var _tabs2 = _interopRequireDefault(_tabs);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _antdMobile = require('antd-mobile');
+
+var _antdMobileIcons = require('antd-mobile-icons');
+
+var _Easy3wMCaptcha = require('../Easy3wMCaptcha');
+
+var _Easy3wMCaptcha2 = _interopRequireDefault(_Easy3wMCaptcha);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Tab = _tabs2['default'].Tab;
+
+var FormItem = _form2['default'].Item;
+
+var Easy3wMLogin = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMLogin, _Component);
+
+  function Easy3wMLogin(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMLogin);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.checkCaptcha = function (rule, value, callback) {
+      var captcharesult = _this.state.captcharesult;
+
+      if (value && value.toLowerCase() !== captcharesult) {
+        callback('验证码不匹配！');
+      } else {
+        callback();
+      }
+    };
+
+    _this.touchCaptchaResult = function (result) {
+      _this.setState({
+        captcharesult: result // 校验码--state
+      });
+      _this.props.form.setFieldsValue({
+        piccaptcha: '' // 校验码--form
+      });
+    };
+
+    _this.submitAccountLogin = function (e) {
+      e.preventDefault();
+      var handleOk = _this.props.handleOk;
+
+      _this.props.form.validateFields().then(function (values) {
+        if (handleOk && typeof handleOk === 'function') {
+          handleOk(values);
+        }
+      });
+    };
+
+    _this.touchSetPassword = function (visible) {
+      _this.setState({
+        visible: visible // 密码显示隐藏
+      });
+    };
+
+    _this.state = {
+      captcharesult: '', // 验证码--state
+      visible: false // 密码显示隐藏
+    };
+    return _this;
+  }
+
+  Easy3wMLogin.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // 生成form实例
+  // formRef = React.createRef()
+  // 校验验证码
+
+  // 生成校验码
+
+  // 提交
+
+  // 密码显示隐藏
+
+
+  Easy3wMLogin.prototype.render = function render() {
+    var _this2 = this;
+
+    var _props = this.props,
+        form = _props.form,
+        status = _props.status,
+        submitting = _props.submitting,
+        errorMsg = _props.errorMsg;
+    var visible = this.state.visible;
+
+    var errorMsgReal = errorMsg || '账户或密码错误';
+    return _react2['default'].createElement(
+      _tabs2['default'],
+      { activeKey: 'account', onChange: this.onChange },
+      _react2['default'].createElement(
+        Tab,
+        { title: '\u7528\u6237\u767B\u5F55', key: 'account' },
+        status === 'error' && submitting === false && this.renderMessage(errorMsgReal),
+        _react2['default'].createElement(
+          _form2['default'],
+          {
+            // ref={this.formRef}
+            form: form,
+            layout: 'horizontal' // 字段与
+            , name: 'login',
+            footer: // 表单尾部的内容，常常用来放置提交按钮
+            _react2['default'].createElement(
+              'div',
+              null,
+              _react2['default'].createElement(
+                _button2['default'],
+                { color: 'primary', fill: 'solid', block: true, onClick: this.submitAccountLogin },
+                '\u767B\u5F55'
+              )
+            )
+          },
+          _react2['default'].createElement(
+            FormItem,
+            { name: 'userName', required: true },
+            _react2['default'].createElement(_input2['default'], { onClick: this.changePsmode, placeholder: '\u8BF7\u8F93\u5165\u7528\u6237\u540D' })
+          ),
+          _react2['default'].createElement(
+            FormItem,
+            {
+              name: 'password',
+              required: true,
+              extra: _react2['default'].createElement(
+                'div',
+                null,
+                visible ? _react2['default'].createElement(_antdMobileIcons.EyeOutline, { onClick: function onClick() {
+                    return _this2.touchSetPassword(false);
+                  } }) : _react2['default'].createElement(_antdMobileIcons.EyeInvisibleOutline, { onClick: function onClick() {
+                    return _this2.touchSetPassword(true);
+                  } })
+              )
+            },
+            _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801', type: visible ? 'text' : 'password' })
+          ),
+          _react2['default'].createElement(
+            FormItem,
+            {
+              name: 'piccaptcha',
+              rules: [{ required: true, message: '请输入验证码 不区分大小写' }, { validator: this.checkCaptcha }],
+              extra: _react2['default'].createElement(_Easy3wMCaptcha2['default'], { touchCaptchaResult: this.touchCaptchaResult })
+            },
+            _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
+          )
+        )
+      )
+    );
+  };
+
+  return Easy3wMLogin;
+}(_react.Component);
+
+exports['default'] = Easy3wMLogin;
+module.exports = exports['default'];

package/lib/Easy3wMMask/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _mask = require('antd-mobile/es/components/mask');
+
+var _mask2 = _interopRequireDefault(_mask);
+
+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 Easy3wMMask = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMMask, _Component);
+
+  function Easy3wMMask() {
+    (0, _classCallCheck3['default'])(this, Easy3wMMask);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMMask.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _mask2['default'],
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMMask;
+}(_react.Component);
+
+exports['default'] = Easy3wMMask;
+module.exports = exports['default'];

package/lib/Easy3wMModal/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _modal = require('antd-mobile/es/components/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+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 Easy3wMModal = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMModal, _Component);
+
+  function Easy3wMModal() {
+    (0, _classCallCheck3['default'])(this, Easy3wMModal);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMModal.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _modal2['default'],
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMModal;
+}(_react.Component);
+
+exports['default'] = Easy3wMModal;
+module.exports = exports['default'];

package/lib/Easy3wMNavBar/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _navBar = require('antd-mobile/es/components/nav-bar');
+
+var _navBar2 = _interopRequireDefault(_navBar);
+
+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 Easy3wMNavBar = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMNavBar, _Component);
+
+  function Easy3wMNavBar() {
+    (0, _classCallCheck3['default'])(this, Easy3wMNavBar);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wMNavBar.prototype.render = function render() {
+    var children = this.props.children;
+
+    return _react2['default'].createElement(
+      _navBar2['default'],
+      this.props,
+      children
+    );
+  };
+
+  return Easy3wMNavBar;
+}(_react.Component);
+
+exports['default'] = Easy3wMNavBar;
+module.exports = exports['default'];