component-shipinlv 0.0.1

package/dist/AuthClient/reg.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import "./reg.less";
+interface Props {
+    onSuccess: () => void;
+}
+declare const Reg: React.FC<Props>;
+export default Reg;

package/dist/AuthClient/reg.js

@@ -0,0 +1,170 @@
+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 "./reg.less";
+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 _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({}, data), {}, {
+        inviteUserId: Tool.getInviteUserId()
+      }));
+    }, {
+      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');
+    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: '请输入'
+        }
+        // {
+        //   pattern: /^([a-z0-9]+[_\-.]?)*[a-z0-9]+@([a-z0-9]+[_\-.]?)*[a-z0-9]+\.[a-z]{2,10}$/i,
+        //   message: '这似乎不是一个电子邮箱'
+        // },
+        ],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8D26\u53F7",
+          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/reg.less

@@ -0,0 +1,3 @@
+.authClientReg{
+
+}

package/dist/Buy/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import "./index.less";
+import type { SizeType } from "antd/es/config-provider/SizeContext";
+interface Props {
+    env?: Global.Env;
+    vipId: number;
+    productCount: number;
+    productKind: Global.ProductKind;
+    buttonSmall?: SizeType;
+    title?: React.ReactNode;
+    disabled?: boolean;
+}
+declare const Buy: React.FC<Props>;
+export default Buy;

package/dist/Buy/index.js

@@ -0,0 +1,91 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from 'react';
+import { Button } from 'antd';
+import Tool from "../lib/Tool";
+import "./index.less";
+import VipQr from "./qr";
+import Platform from "../lib/platform";
+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$buttonSmall = _ref.buttonSmall,
+    buttonSmall = _ref$buttonSmall === void 0 ? 'small' : _ref$buttonSmall,
+    _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,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '购买' : _ref$title,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var onBuy = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var userInfo;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // 先要登录；
+            userInfo = Tool.getLocalUserInfo();
+            if (userInfo.isLogin) {
+              _context.next = 4;
+              break;
+            }
+            console.log("not login");
+            return _context.abrupt("return", Tool.onLogin());
+          case 4:
+            onOpenVipQr();
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onBuy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onOpenVipQr = function onOpenVipQr() {
+    var userId = Tool.getLocalUserInfo().id;
+    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,
+        onHandlePaySuccess: function onHandlePaySuccess() {
+          dialog.destroy();
+          Tool.toast('^_^，谢谢购买，祝您发财');
+        }
+      }),
+      width: Math.min(520, window.innerWidth * 0.95)
+    });
+    // 广播，点击了 购买；
+    Tool.event.run('vip-buy-click');
+  };
+  return /*#__PURE__*/_jsx(Button, {
+    type: "primary",
+    size: buttonSmall,
+    disabled: disabled,
+    onClick: function onClick() {
+      return onBuy();
+    },
+    children: title
+  });
+};
+export default Buy;

package/dist/Buy/index.less

@@ -0,0 +1,26 @@
+.ktv-ai-vip-compare{
+  .vip-compare-price{
+    small{
+      color: #888;
+      vertical-align: middle;
+    }
+  }
+  .listMore{
+    position: absolute;
+    right: 10px;
+    top: 9px;
+  }
+
+  .vipCompareListMoreContent{
+    width: 500px;
+    .ratioAlt{
+      padding: 6px 0;
+      font-size: 13px;
+      color: #777;
+      .vip-compare-alt{
+
+      }
+    }
+  }
+
+}

package/dist/Buy/qr.d.ts

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

package/dist/Buy/qr.js

@@ -0,0 +1,185 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Result, Button, Space, Divider } from 'antd';
+import { CloseOutlined, PauseOutlined, WechatOutlined } from '@ant-design/icons';
+import { useRequest } from '@umijs/hooks';
+import * as TradeController from "../service/api/TradeController";
+import * as VipController from "../service/api/VipController";
+import Tool from "../lib/Tool";
+import PageContentWarp from "../UI/PageContentWarp";
+import "./qr.less";
+import Platform from "../lib/platform";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var VipQr = function VipQr(_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$productCount = _ref.productCount,
+    productCount = _ref$productCount === void 0 ? 1 : _ref$productCount,
+    _ref$vipId = _ref.vipId,
+    vipId = _ref$vipId === void 0 ? 0 : _ref$vipId,
+    _ref$onHandlePaySucce = _ref.onHandlePaySuccess,
+    onHandlePaySuccess = _ref$onHandlePaySucce === void 0 ? function () {} : _ref$onHandlePaySucce;
+  var _useState = useState(Tool.getLocalUserInfo()),
+    _useState2 = _slicedToArray(_useState, 1),
+    userInfo = _useState2[0];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    payResult = _useState4[0],
+    setPayResult = _useState4[1];
+  var _useState5 = useState({
+      codeUrl: '',
+      mWebUrl: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    orderPayInfo = _useState6[0],
+    setOrderPayInfo = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    payQrImageUrl = _useState8[0],
+    setPayQrImageUrl = _useState8[1];
+  var _useState9 = useState({
+      id: 0,
+      marketPrice: 0,
+      month: 0,
+      monthTitle: '',
+      price: 0,
+      productType: '',
+      productName: '',
+      ratioDownPercent1: 0,
+      ratioDownPercent2: 0,
+      alt: '',
+      recommend: 0
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    detailData = _useState10[0],
+    setDetailData = _useState10[1];
+  // 允许帮别人支付，只认码; 不认支付的小程序
+
+  var _useRequest = useRequest(function () {
+      return TradeController.create({
+        productKind: productKind,
+        productTypeId: vipId,
+        productCount: productCount,
+        userId: Tool.getLocalUserInfo().id,
+        payType: 'NATIVE' //Platform.isH5 ? 'MWEB' : 'NATIVE',
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        console.log('re 1', result);
+        if (Platform.isH5) {
+          if (Platform.isWechat) {
+            // document.location.href = result.mWebUrl;
+          } else {}
+        } else {}
+        setOrderPayInfo(result);
+        setPayQrImageUrl(Tool.makeQrUrl(result.codeUrl || result.mWebUrl, '#0bc160'));
+        // 五秒后自动弹出；
+        setTimeout(function () {
+          setPayResult(true);
+        }, 20e3);
+      }
+    }),
+    loadingPay = _useRequest.loading,
+    runPay = _useRequest.run,
+    errorPay = _useRequest.error;
+  var _useRequest2 = useRequest(function () {
+      return VipController.detail({
+        id: vipId
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        runPay();
+        console.log('re 1', result);
+        setDetailData(result);
+      }
+    }),
+    loading = _useRequest2.loading,
+    run = _useRequest2.run,
+    error = _useRequest2.error;
+  return /*#__PURE__*/_jsxs(PageContentWarp, {
+    loading: loading || loadingPay,
+    error: error || errorPay
+    // title="购买会员"
+    ,
+    onReload: function onReload() {
+      return run();
+    },
+    className: "ktv-ai-vipQr",
+    children: [/*#__PURE__*/_jsxs("h2", {
+      children: ["\u8D2D\u4E70\u4F1A\u5458\uFF1A", detailData.productName || detailData.productType]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "price",
+      children: [/*#__PURE__*/_jsx("small", {
+        children: "\uFFE5"
+      }), /*#__PURE__*/_jsx("strong", {
+        children: detailData.price
+      }), /*#__PURE__*/_jsx("small", {
+        children: "\u5143"
+      }), " / ", detailData.monthTitle, productCount > 1 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(CloseOutlined, {
+          className: "multiply"
+        }), /*#__PURE__*/_jsx("span", {
+          className: "productCount",
+          children: productCount
+        }), /*#__PURE__*/_jsx(PauseOutlined, {
+          className: "equal"
+        }), /*#__PURE__*/_jsx("span", {
+          className: "moneyAll",
+          children: parseFloat(Tool.math.multiply(detailData.price, productCount).toFixed(0))
+        }), /*#__PURE__*/_jsx("small", {
+          className: "yen",
+          children: "\u5143"
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: "qrImage",
+      children: payQrImageUrl && /*#__PURE__*/_jsx("img", {
+        src: payQrImageUrl,
+        alt: ""
+      })
+    }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
+      className: "altInH5",
+      children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
+        className: "toFriend",
+        children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
+      })]
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: "alt",
+      children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(WechatOutlined, {
+        className: "wechatIcon"
+      }), " \u5FAE\u4FE1 \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
+        type: "vertical"
+      }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
+    }), payResult && /*#__PURE__*/_jsxs("div", {
+      className: "payResult",
+      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Result, {
+        title: "\u662F\u5426\u5DF2\u7ECF\u8D2D\u4E70\u6210\u529F\uFF1F",
+        subTitle: "\u8D2D\u4E70\u6210\u529F\u540E\uFF0C\u53EF\u4EE5\u5728\u201C\u6211\u7684\u201D\u9875\u9762\u67E5\u770B",
+        extra: /*#__PURE__*/_jsxs(Space, {
+          children: [/*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            onClick: function onClick() {
+              return onHandlePaySuccess();
+            },
+            children: "\u5DF2\u7ECF\u4ED8\u6B3E\u6210\u529F"
+          }), /*#__PURE__*/_jsx(Button, {
+            onClick: function onClick() {
+              return setPayResult(false);
+            },
+            children: "\u672A\u4ED8\u6B3E"
+          })]
+        })
+      })]
+    })]
+  });
+};
+export default VipQr;

package/dist/Buy/qr.less

@@ -0,0 +1,69 @@
+.ktv-ai-vipQr{
+  position: relative;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .qrImage{
+    width: 200px;
+    height: 200px;
+    margin: 20px auto 10px;
+    img{
+      display: block;
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+  .price{
+    font-size: 16px;
+    strong{
+      font-size: 20px;
+      color: #F60;
+    }
+    .multiply{
+      display: inline-block;
+      margin: 0 10px;
+      color: #AAA;
+    }
+    .productCount{
+      font-size: 20px;
+    }
+    .equal{
+      transform: rotate(90deg);
+      display: inline-block;
+      margin: 0 10px;
+      color: #AAA;
+    }
+    .moneyAll{
+      color: #F60;
+      font-size: 32px;
+    }
+  }
+  .alt{
+    color: #999;
+    font-size: 13px;
+    .wechatIcon{
+      color: #0bc160;
+    }
+  }
+  .altInH5{
+    padding: 8px 0 0;
+    color: #C00;
+    font-size: 15px;
+    .toFriend{
+      font-size: 13px;
+      color: #888;
+      padding: 0;
+      margin: 0;
+    }
+  }
+
+  .payResult{
+    .ant-result{
+      padding: 0 30px 30px;
+    }
+    .ant-result-icon{
+      display: none;
+    }
+  }
+}

package/dist/Login/index.d.ts

@@ -0,0 +1,2 @@
+declare const Login: () => void;
+export default Login;

package/dist/Login/index.js

@@ -0,0 +1,5 @@
+import PostMessage from "../lib/postMessage";
+var Login = function Login() {
+  PostMessage('login');
+};
+export default Login;

package/dist/Product/index.d.ts

@@ -0,0 +1,4 @@
+declare class Product {
+    detail(productType: string): Promise<Product.Detail>;
+}
+export default Product;

package/dist/Product/index.js

@@ -0,0 +1,34 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import * as ProductController from "../service/api/ProductController";
+var Product = /*#__PURE__*/function () {
+  function Product() {
+    _classCallCheck(this, Product);
+  }
+  _createClass(Product, [{
+    key: "detail",
+    value: function () {
+      var _detail = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(productType) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", ProductController.detail({
+                productType: productType
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function detail(_x) {
+        return _detail.apply(this, arguments);
+      }
+      return detail;
+    }()
+  }]);
+  return Product;
+}();
+export default Product;