@parallel-line/pro-mobile - npm Package Compare versions

Comparing version 2.0.8-beta.0 to 2.0.9-beta.0

lib/login/index.d.ts

@@ -0,6 +1,8 @@
+import Code from './Code';
 import Phone from './phone';
 import InternalLogin from './login';
-import './style/index.less';
+export declare const bemLogin: (el?: import("@parallel-line/utils").Mods | undefined, mods?: import("@parallel-line/utils").Mods | undefined) => string;
 declare type InternalLoginType = typeof InternalLogin;
 interface LoginInterface extends InternalLoginType {
+    Code: typeof Code;
     Phone: typeof Phone;
@@ -7,0 +9,0 @@ }

lib/login/index.js

@@ -6,4 +6,6 @@ "use strict";
 });
-exports.default = void 0;
+exports.default = exports.bemLogin = void 0;
 
+var _Code = _interopRequireDefault(require("./Code"));
+
 var _phone = _interopRequireDefault(require("./phone"));
@@ -13,11 +15,14 @@
 
-require("./style/index.less");
+var _utils = require("@parallel-line/utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// import Code from './Code';
 // import Result from './result';
 // import Password from './password';
-var Login = _login.default; // Login.Code = Code;
-
+// options={props.agreementOptions}
+// onChange={props.onAgreementChange}
+var bemLogin = (0, _utils.createBEM_M)('login');
+exports.bemLogin = bemLogin;
+var Login = _login.default;
+Login.Code = _Code.default;
 Login.Phone = _phone.default; // Login.Result = Result;
@@ -24,0 +29,0 @@ // Login.Password = Password;

lib/login/login.d.ts

 import React from 'react';
+import './style/index.less';
 declare const Login: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default Login;

lib/login/login.js

@@ -24,6 +24,8 @@ "use strict";
 
+var _index = require("./index");
+
+require("./style/index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var bem = (0, _utils.createBEM_M)('login');
-
 var Login = function Login(props) {
@@ -35,12 +37,16 @@ var _useLogin = (0, _useLogin2.useLogin)(),
   return (0, _utils.withNativeProps)(props, (0, _jsxRuntime.jsxs)(_mobile.Whiteboard, Object.assign({
-    className: bem()
+    className: (0, _index.bemLogin)()
   }, {
     children: [(0, _jsxRuntime.jsx)("div", Object.assign({
-      className: bem('logo-wrapper')
+      className: (0, _index.bemLogin)('container')
     }, {
-      children: (0, _jsxRuntime.jsx)("img", {
-        alt: "",
-        className: bem('logo'),
-        src: "".concat(_global.default.assetsUrl, "/image/login-logo.png")
-      }, void 0)
+      children: (0, _jsxRuntime.jsx)("div", Object.assign({
+        className: (0, _index.bemLogin)('logo-wrapper')
+      }, {
+        children: (0, _jsxRuntime.jsx)("img", {
+          alt: "",
+          className: (0, _index.bemLogin)('logo'),
+          src: "".concat(_global.default.assetsUrl, "/image/login-logo.png")
+        }, void 0)
+      }), void 0)
     }), void 0), (0, _jsxRuntime.jsxs)(_mobile.Space, Object.assign({
@@ -54,3 +60,3 @@ direction: "vertical"
         onClick: props.onSwitchEnv,
-        className: bem('switch-btn')
+        className: (0, _index.bemLogin)('switch-btn')
       }, {
@@ -70,3 +76,3 @@ children: "\u73AF\u5883\u5207\u6362"
     }), void 0), (0, _jsxRuntime.jsx)(_agreement.default, {}, void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
-      className: bem('round-btn-wrapper')
+      className: (0, _index.bemLogin)('round-btn-wrapper')
     }, {
@@ -80,3 +86,3 @@ children: [(0, _jsxRuntime.jsxs)(_mobile.Space, Object.assign({
         children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
-          className: bem('round-btn'),
+          className: (0, _index.bemLogin)('round-btn'),
           onClick: function onClick() {
@@ -89,3 +95,3 @@ return (0, _taro.redirectTo)({
           children: [(0, _jsxRuntime.jsx)("button", Object.assign({
-            className: bem('btn'),
+            className: (0, _index.bemLogin)('btn'),
             style: {
@@ -100,3 +106,3 @@ backgroundColor: '#1552eb'
         }), void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
-          className: bem('round-btn'),
+          className: (0, _index.bemLogin)('round-btn'),
           onClick: function onClick() {
@@ -109,3 +115,3 @@ return (0, _taro.redirectTo)({
           children: [(0, _jsxRuntime.jsx)("button", Object.assign({
-            className: bem('btn'),
+            className: (0, _index.bemLogin)('btn'),
             style: {
@@ -112,0 +118,0 @@ backgroundColor: '#18a6fd'

lib/login/phone.js

@@ -10,6 +10,20 @@ "use strict";
 
-var _mobile = require("@parallel-line/mobile");
+var _index = require("./index");
 
+var _agreement = _interopRequireDefault(require("./agreement"));
+
+var _useLogin2 = require("./useLogin");
+
+var _global = _interopRequireDefault(require("@parallel-line/global"));
+
+var _taro = require("@tarojs/taro");
+
 var _utils = require("@parallel-line/utils");
 
+var _mobile = require("@parallel-line/mobile");
+
+var _icons = require("@parallel-line/icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -27,4 +41,4 @@
 
-var bem = (0, _utils.createBEM_M)('login');
 var useForm = _mobile.Form.useForm;
+var phoneNumber = _global.default.regular.phoneNumber;
 
@@ -36,10 +50,13 @@ var Phone = function Phone(props) {
 
+  var _useLogin = (0, _useLogin2.useLogin)(),
+      onWeChatLogin = _useLogin.onWeChatLogin;
+
   return (0, _utils.withNativeProps)(props, (0, _jsxRuntime.jsxs)(_mobile.Whiteboard, Object.assign({
-    className: bem()
+    className: (0, _index.bemLogin)()
   }, {
     children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
-      className: bem('container')
+      className: (0, _index.bemLogin)('container')
     }, {
       children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
-        className: bem('welcome')
+        className: (0, _index.bemLogin)('tip')
       }, {
@@ -53,4 +70,7 @@ children: [(0, _jsxRuntime.jsx)("div", {
         form: form,
-        onFinish: function onFinish(values) {
-          return console.log(values);
+        onFinish: function onFinish(_ref) {
+          var phoneNumber = _ref.phoneNumber;
+          return (0, _taro.navigateTo)({
+            url: "/pages/code/index?phoneNumber=".concat(phoneNumber)
+          });
         }
@@ -61,7 +81,11 @@ }, {
           rules: [{
-            required: true
-          }]
+            required: true,
+            message: '请输入手机号'
+          }, phoneNumber.rule]
         }, {
-          children: (0, _jsxRuntime.jsx)(_mobile.Input, {
-            className: bem('input'),
+          children: (0, _jsxRuntime.jsx)(_mobile.Input //@ts-ignore
+          , {
+            //@ts-ignore
+            maxLength: "11",
+            className: (0, _index.bemLogin)('input'),
             placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7"
@@ -78,2 +102,47 @@ }, void 0)
       children: "\u4E0B\u4E00\u6B65"
+    }), void 0), (0, _jsxRuntime.jsx)(_agreement.default, {}, void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: (0, _index.bemLogin)('round-btn-wrapper')
+    }, {
+      children: [(0, _jsxRuntime.jsxs)(_mobile.Space, Object.assign({
+        style: {
+          '--gap': '40px',
+          display: 'inline-flex'
+        }
+      }, {
+        children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+          onClick: onWeChatLogin,
+          className: (0, _index.bemLogin)('round-btn')
+        }, {
+          children: [(0, _jsxRuntime.jsx)("button", Object.assign({
+            className: (0, _index.bemLogin)('btn'),
+            style: {
+              backgroundColor: '#00b86b'
+            }
+          }, {
+            children: (0, _jsxRuntime.jsx)(_icons.WechatOutlined, {}, void 0)
+          }), void 0), (0, _jsxRuntime.jsx)("div", {
+            children: "\u5FAE\u4FE1\u767B\u5F55"
+          }, void 0)]
+        }), void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: (0, _index.bemLogin)('round-btn'),
+          onClick: function onClick() {
+            return (0, _taro.redirectTo)({
+              url: '/pages/password/index'
+            });
+          }
+        }, {
+          children: [(0, _jsxRuntime.jsx)("button", Object.assign({
+            className: (0, _index.bemLogin)('btn'),
+            style: {
+              backgroundColor: '#1552eb'
+            }
+          }, {
+            children: (0, _jsxRuntime.jsx)(_icons.PasswordOutlined, {}, void 0)
+          }), void 0), (0, _jsxRuntime.jsx)("div", {
+            children: "\u5BC6\u7801\u767B\u5F55"
+          }, void 0)]
+        }), void 0)]
+      }), void 0), (0, _jsxRuntime.jsx)("div", {
+        className: "pxx-safe-area-bottom"
+      }, void 0)]
     }), void 0)]
@@ -80,0 +149,0 @@ }), void 0));

package.json

@@ -5,3 +5,3 @@ {
   "license": "MIT",
-  "version": "2.0.8-beta.0",
+  "version": "2.0.9-beta.0",
   "scripts": {
@@ -24,3 +24,3 @@ "build": "father-build"
   ],
-  "gitHead": "41298f05aac9d332119624cc6a5c2351ce0d2d73"
+  "gitHead": "dc06f336ff8bb8d95950938f5d7dbfe61569a92b"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50069

increased by41.84%

Number of package files

32

increased by3.23%

Lines of code

1170

increased by43.21%

No dependency changes