component-sanzhizhou 1.0.0

package/dist/AuthClient/reg.js

@@ -0,0 +1,185 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@ant-design/icons';
+import { Input, Button, Form } from 'antd';
+import Tool from "../lib/Tool";
+import { useRequest } from "@umijs/hooks";
+import * as AuthController from "../service/api/AuthController";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var formItemLayout = {
+  labelCol: {
+    xs: {
+      span: 24
+    },
+    sm: {
+      span: 5
+    }
+  },
+  wrapperCol: {
+    xs: {
+      span: 24
+    },
+    sm: {
+      span: 19
+    }
+  }
+};
+var tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 5
+    },
+    sm: {
+      span: 16,
+      offset: 5
+    }
+  }
+};
+var Reg = function Reg(_ref) {
+  var env = _ref.env,
+    roleType = _ref.roleType,
+    productType = _ref.productType,
+    postData = _ref.postData,
+    clientUniqueKeyList = _ref.clientUniqueKeyList,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useRequest = useRequest(function (data) {
+      return AuthController.reg(_objectSpread(_objectSpread(_objectSpread({
+        productType: productType,
+        clientUniqueKeyList: clientUniqueKeyList
+      }, data), postData), {}, {
+        inviteUserId: Tool.getInviteUserId()
+      }), {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        loginSuccess(result);
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var loginSuccess = function loginSuccess(data) {
+    //登入用户名存在本地；
+    Tool.setLocalUserInfo(_objectSpread(_objectSpread({}, data), {}, {
+      isLogin: true
+    }));
+    Tool.toast('登录成功');
+    Tool.event.run('user-info');
+    Tool.event.run("".concat(roleType || 'user', "-login-success"), _objectSpread(_objectSpread({}, data), {}, {
+      isLogin: true
+    }));
+    onSuccess();
+  };
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var values,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            values = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            run(values);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onFinish() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsx("section", {
+    className: "authClientReg",
+    children: /*#__PURE__*/_jsxs(Form, {
+      disabled: loading,
+      form: form,
+      onFinish: onFinish,
+      autoComplete: "off",
+      children: [/*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+        label: "\u8D26\u53F7"
+      }, formItemLayout), {}, {
+        name: "accountName",
+        rules: [{
+          required: true,
+          message: '请输入'
+        }, {
+          min: 4,
+          message: '最短4个字符'
+        }
+        // {
+        //   pattern: /^([a-z0-9]+[_\-.]?)*[a-z0-9]+@([a-z0-9]+[_\-.]?)*[a-z0-9]+\.[a-z]{2,10}$/i,
+        //   message: '这似乎不是一个电子邮箱'
+        // },
+        ],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u652F\u6301\u4E2D\u82F1\u6587\uFF08\u63A8\u8350\u7528\u90AE\u7BB1\uFF09",
+          prefix: /*#__PURE__*/_jsx(UserOutlined, {
+            className: "input-prefix-icon"
+          })
+        })
+      })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemLayout), {}, {
+        label: "\u5BC6\u7801",
+        name: "password",
+        rules: [{
+          required: true,
+          message: '请输入密码！'
+        }, {
+          min: 6,
+          message: '密码最短6位哦'
+        }, {
+          max: 60,
+          message: '密码最长60位哦'
+        }],
+        children: /*#__PURE__*/_jsx(Input.Password, {
+          prefix: /*#__PURE__*/_jsx(LockOutlined, {
+            className: "input-prefix-icon"
+          }),
+          type: "password",
+          placeholder: "\u8F93\u5165\u60A8\u7684\u5BC6\u7801",
+          iconRender: function iconRender(visible) {
+            return visible ? /*#__PURE__*/_jsx(EyeTwoTone, {}) : /*#__PURE__*/_jsx(EyeInvisibleOutlined, {});
+          }
+        })
+      })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemLayout), {}, {
+        label: "\u786E\u8BA4\u5BC6\u7801",
+        name: "inviteId",
+        rules: [{
+          required: true,
+          message: '请输入推荐码'
+        }, {
+          max: 60,
+          message: '密码最长60位哦'
+        }],
+        children: /*#__PURE__*/_jsx(Input.Password, {
+          type: "password",
+          prefix: /*#__PURE__*/_jsx(LockOutlined, {
+            className: "input-prefix-icon"
+          }),
+          placeholder: "\u628A\u4E0A\u9762\u7684\u5BC6\u7801\u518D\u8F93\u5165\u4E00\u6B21"
+        })
+      })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, tailFormItemLayout), {}, {
+        children: /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            loading: loading,
+            htmlType: "submit",
+            icon: /*#__PURE__*/_jsx(UserOutlined, {}),
+            children: "\u6CE8\u518C"
+          })
+        })
+      }))]
+    })
+  });
+};
+export default Reg;

package/dist/AuthClient/user-offline.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Button, Form, Space, Divider } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AuthUserOffline = function AuthUserOffline(_ref) {
+  var message = _ref.message,
+    _ref$onConfirm = _ref.onConfirm,
+    onConfirm = _ref$onConfirm === void 0 ? function () {} : _ref$onConfirm,
+    _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel;
+  return /*#__PURE__*/_jsx("section", {
+    className: "authClientLogin",
+    children: /*#__PURE__*/_jsxs(Form, {
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        children: message
+      }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx("div", {
+        style: {
+          textAlign: "right"
+        },
+        children: /*#__PURE__*/_jsxs(Space, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            type: "link",
+            danger: true,
+            ghost: true,
+            onClick: function onClick() {
+              return onCancel();
+            },
+            children: "\u53D6\u6D88"
+          }), /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            onClick: function onClick() {
+              return onConfirm();
+            },
+            children: "\u7EE7\u7EED\u767B\u5F55"
+          })]
+        })
+      })]
+    })
+  });
+};
+export default AuthUserOffline;

package/dist/Buy/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  Buy: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :global{\n      //.ktv-ai-vip-compare{\n      //  .vip-compare-price{\n      //    small{\n      //      color: #888;\n      //      vertical-align: middle;\n      //    }\n      //  }\n      //  .listMore{\n      //    position: absolute;\n      //    right: 10px;\n      //    top: 9px;\n      //  }\n      //\n      //  .vipCompareListMoreContent{\n      //    width: 500px;\n      //    .ratioAlt{\n      //      padding: 6px 0;\n      //      font-size: 13px;\n      //      color: #777;\n      //      .vip-compare-alt{\n      //\n      //      }\n      //    }\n      //  }\n      //\n      //}\n    }\n  "])))
+};

package/dist/Buy/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    vipId: number;
+    productCount: number;
+    productKind: 'vip' | 'vip-card';
+    showPrice?: number;
+    disabled?: boolean;
+    payMethod?: Global.PayMethod;
+    onBuySuccess?: () => void;
+    children: React.ReactNode;
+}
+declare const Buy: React.FC<Props>;
+export default Buy;

package/dist/Buy/index.js

@@ -0,0 +1,121 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from 'react';
+import Tool from "../lib/Tool";
+import styles from "./index.css";
+import VipQr from "./qr";
+import Platform from "../lib/platform";
+import BuyTrialMember from "./trial-member";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Buy = function Buy(_ref) {
+  var _ref$env = _ref.env,
+    env = _ref$env === void 0 ? 'prod' : _ref$env,
+    _ref$productKind = _ref.productKind,
+    productKind = _ref$productKind === void 0 ? 'vip' : _ref$productKind,
+    _ref$vipId = _ref.vipId,
+    vipId = _ref$vipId === void 0 ? 0 : _ref$vipId,
+    _ref$productCount = _ref.productCount,
+    productCount = _ref$productCount === void 0 ? 1 : _ref$productCount,
+    payMethod = _ref.payMethod,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    showPrice = _ref.showPrice,
+    _ref$onBuySuccess = _ref.onBuySuccess,
+    onBuySuccess = _ref$onBuySuccess === void 0 ? function () {} : _ref$onBuySuccess,
+    children = _ref.children;
+  var onBuy = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var userInfo, _ref3, dialog;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!disabled) {
+              _context.next = 3;
+              break;
+            }
+            console.log('buy disabled.');
+            return _context.abrupt("return");
+          case 3:
+            // 先要登录；
+            userInfo = Tool.getLocalUserInfo();
+            if (userInfo.isLogin) {
+              _context.next = 7;
+              break;
+            }
+            console.log("not login");
+            return _context.abrupt("return", Tool.onLogin());
+          case 7:
+            if (!(showPrice === 0)) {
+              _context.next = 10;
+              break;
+            }
+            // 直接开通
+            dialog = Tool.drawer({
+              title: '开通',
+              content: /*#__PURE__*/_jsx(BuyTrialMember, {
+                env: env,
+                vipId: vipId,
+                onBack: function onBack() {
+                  onBuySuccess();
+                  dialog.destroy();
+                }
+              }),
+              zIndex: 1200,
+              width: Math.min(520, ((_ref3 = global || window) === null || _ref3 === void 0 ? void 0 : _ref3.innerWidth) * 0.95)
+            });
+            return _context.abrupt("return");
+          case 10:
+            onOpenVipQr();
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onBuy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onOpenVipQr = function onOpenVipQr() {
+    var _ref4;
+    var userId = Tool.getLocalUserInfo().id;
+    console.log('onOpenVipQr.');
+    if (Platform.isWechat || Platform.isH5) {
+      Tool.h5Pay({
+        productKind: productKind,
+        // 'vip',
+        productId: vipId,
+        productCount: productCount,
+        userId: userId,
+        wechatAppId: Tool.getLocalSiteInfo().wechatAppId
+      });
+      return;
+    }
+    var dialog = Tool.drawer({
+      title: '购买会员',
+      content: /*#__PURE__*/_jsx(VipQr, {
+        env: env,
+        productKind: productKind,
+        vipId: vipId,
+        productCount: productCount,
+        payMethod: payMethod,
+        onHandlePaySuccess: function onHandlePaySuccess() {
+          onBuySuccess();
+          dialog.destroy();
+          Tool.toast('^_^，谢谢购买，祝您发财');
+        }
+      }),
+      zIndex: 1200,
+      width: Math.min(520, ((_ref4 = global || window) === null || _ref4 === void 0 ? void 0 : _ref4.innerWidth) * 0.95)
+    });
+    // 广播，点击了 购买；
+    Tool.event.run('vip-buy-click');
+  };
+  return /*#__PURE__*/_jsx(styles.Buy, {
+    onClick: function onClick(e) {
+      return onBuy();
+    },
+    children: children
+  });
+};
+export default Buy;

package/dist/Buy/qr.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  BuyQr: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    .qrImage{\n      width: 200px;\n      height: 200px;\n      margin: 30px auto 0;\n      img{\n        display: block;\n        width: 100%;\n        max-width: 100%;\n      }\n    }\n    .loadingIcon{\n      font-size: 68px;\n      color: #BBB;\n    }\n    .price{\n      font-size: 16px;\n      strong{\n        font-size: 20px;\n        color: #F60;\n      }\n      .multiply{\n        display: inline-block;\n        margin: 0 10px;\n        color: #AAA;\n      }\n      .productCount{\n        font-size: 20px;\n      }\n      .equal{\n        transform: rotate(90deg);\n        display: inline-block;\n        margin: 0 10px;\n        color: #AAA;\n      }\n      .moneyAll{\n        color: #F60;\n        font-size: 32px;\n      }\n    }\n    .alt{\n      color: #999;\n      font-size: 13px;\n      .wechatIcon{\n        color: #0bc160;\n      }\n      .alipayIcon{\n        color: #1677ff;\n      }\n    }\n    .altInH5{\n      padding: 8px 0 0;\n      color: #C00;\n      font-size: 15px;\n      .toFriend{\n        font-size: 13px;\n        color: #888;\n        padding: 0;\n        margin: 0;\n      }\n    }\n    .tabIcon{\n      font-size: 18px;\n    }\n    .qrAlt{\n      padding: 0 0 12px;\n    }\n    .payResult{\n      .ant-result{\n        padding: 0 30px 30px;\n      }\n      .ant-result-icon{\n        display: none;\n      }\n    }\n    .payChannel{\n      padding: 30px 20px 20px;\n      .payChannelTabs{\n        position: relative;\n        .ant-tabs-content-holder{\n          border: 1px solid #E8E8E8;\n          margin: -17px 0 0;\n        }\n      }\n    }\n  "])))
+};

package/dist/Buy/qr.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    productKind: string;
+    vipId: number;
+    productCount: number;
+    payMethod?: Global.PayMethod;
+    onHandlePaySuccess: () => void;
+}
+declare const VipQr: React.FC<Props>;
+export default VipQr;