easy3wmui 0.0.32 → 0.0.34

package/assets/index.css

@@ -4,6 +4,17 @@
 }
 :root:root .adm-tabs {
   --title-font-size: var(--adm-font-size-6);
+  --content-padding: 0;
+}
+:root:root .adm-tabs-header {
+  background: #fff;
+}
+:root:root .adm-tabs-tab-wrapper {
+  padding: 0;
+}
+:root:root .adm-tabs-tab {
+  width: 100%;
+  text-align: center;
 }
 :root:root .adm-button {
   font-size: var(--adm-font-size-4);
@@ -178,6 +189,7 @@
 }
 #Easy3wMCard .adm-card {
   padding: 0;
+  border-radius: 0;
 }
 #Easy3wMCard .adm-card-header {
   padding: 12px;
@@ -263,9 +275,22 @@
   border-top: var(--border-top);
   padding-top: 12px;
 }
+#Easy3wMLogin .adm-input-element {
+  height: 40px;
+  border-radius: 4px;
+  padding: 0 12px;
+}
+#Easy3wMLogin .adm-list-item-content-extra {
+  padding-left: 0;
+}
 #Easy3wMLogin .errorMsgReal {
   background: #fff1f0;
   border: 1px solid #ffa39e;
   padding-top: 3px;
   padding-bottom: 3px;
 }
+#Easy3wMLogin .adm-button {
+  height: 40px;
+  border-left: 0;
+  --adm-button-border-color: #d9d9d9;
+}

package/assets/mCard.css

@@ -1,5 +1,6 @@
 #Easy3wMCard .adm-card {
   padding: 0;
+  border-radius: 0;
 }
 #Easy3wMCard .adm-card-header {
   padding: 12px;

package/assets/mLogin.css

@@ -1,6 +1,19 @@
+#Easy3wMLogin .adm-input-element {
+  height: 40px;
+  border-radius: 4px;
+  padding: 0 12px;
+}
+#Easy3wMLogin .adm-list-item-content-extra {
+  padding-left: 0;
+}
 #Easy3wMLogin .errorMsgReal {
   background: #fff1f0;
   border: 1px solid #ffa39e;
   padding-top: 3px;
   padding-bottom: 3px;
 }
+#Easy3wMLogin .adm-button {
+  height: 40px;
+  border-left: 0;
+  --adm-button-border-color: #d9d9d9;
+}

package/lib/Easy3wMLogin/index.js

@@ -38,9 +38,11 @@ var _antdMobile = require('antd-mobile');
 
 var _antdMobileIcons = require('antd-mobile-icons');
 
-var _Easy3wMCaptcha = require('../Easy3wMCaptcha');
+var _easy3wmui = require('easy3wmui');
 
-var _Easy3wMCaptcha2 = _interopRequireDefault(_Easy3wMCaptcha);
+var _index = require('./index.less');
+
+var _index2 = _interopRequireDefault(_index);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -86,9 +88,11 @@ var Easy3wMLogin = function (_Component) {
       });
     };
 
-    _this.touchSetPassword = function (visible) {
+    _this.touchSetPassword = function () {
+      var visible = _this.state.visible;
+
       _this.setState({
-        visible: visible // 密码显示隐藏
+        visible: !visible // 密码显示隐藏
       });
     };
 
@@ -112,8 +116,6 @@ var Easy3wMLogin = function (_Component) {
 
 
   Easy3wMLogin.prototype.render = function render() {
-    var _this2 = this;
-
     var _props = this.props,
         form = _props.form,
         status = _props.status,
@@ -169,13 +171,13 @@ var Easy3wMLogin = function (_Component) {
                 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);
-                    } })
+                  _button2['default'],
+                  {
+                    size: 'small',
+                    onClick: this.touchSetPassword,
+                    htmlType: 'button'
+                  },
+                  visible ? _react2['default'].createElement(_antdMobileIcons.EyeOutline, null) : _react2['default'].createElement(_antdMobileIcons.EyeInvisibleOutline, null)
                 )
               },
               _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801', type: visible ? 'text' : 'password' })
@@ -185,7 +187,7 @@ var Easy3wMLogin = function (_Component) {
               {
                 name: 'piccaptcha',
                 rules: [{ required: true, message: '请输入验证码 不区分大小写' }, { validator: this.checkCaptcha }],
-                extra: _react2['default'].createElement(_Easy3wMCaptcha2['default'], { touchCaptchaResult: this.touchCaptchaResult })
+                extra: _react2['default'].createElement(_easy3wmui.Easy3wMCaptcha, { touchCaptchaResult: this.touchCaptchaResult })
               },
               _react2['default'].createElement(_input2['default'], { placeholder: '\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 \u4E0D\u533A\u5206\u5927\u5C0F\u5199' })
             )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wmui",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "easy3wmui components for react",
   "keywords": [
     "react",