component-shipinlv 0.0.11 → 0.0.13

package/dist/AuthClient/login-reg.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    LoginReg: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/login-reg.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  LoginReg: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .radioSelectBox{\n      text-align: right;\n    }\n    .selectTabs{\n      .ant-tabs-nav-wrap{\n        display: none !important;\n      }\n      .ant-tabs-nav{\n        opacity: 0;\n      }\n    }\n  "])))
+};

package/dist/AuthClient/login-reg.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./login-reg.scss";
 interface Props {
     activeKeyDefault?: 'login' | 'reg' | string;
     accountRegDisabled?: boolean;

package/dist/AuthClient/login-reg.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { Tabs, Radio } from "antd";
 import { UserAddOutlined, UserOutlined } from "@ant-design/icons";
 import Reg from "./reg";
-import "./login-reg.scss";
+import styles from "./login-reg.css";
 import AuthLogin from "./login";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -17,8 +17,7 @@ var AuthLoginReg = function AuthLoginReg(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
-  return /*#__PURE__*/_jsxs("div", {
-    className: "loginReg",
+  return /*#__PURE__*/_jsxs(styles.LoginReg, {
     children: [/*#__PURE__*/_jsx("div", {
       className: "radioSelectBox",
       children: /*#__PURE__*/_jsxs(Radio.Group, {

package/dist/AuthClient/login.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    AuthClientLogin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/login.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  AuthClientLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background: no-repeat left bottom #FFF;\n    background-size: cover;\n    .webTitle{\n      font-weight: normal;\n      font-size: 22px;\n      text-align: right;\n      margin: 0 0 -10px 0;\n      line-height: 1em;\n      span{\n        display: inline-block;\n        padding-left: 5px;\n        font-weight: lighter;\n        font-size: 16px;\n      };\n    }\n    .loginMain{\n      margin: 0 auto 20px;\n      .loginForm{\n        margin: 0 auto;\n        padding:0 0 5px 0  ;\n        background-color: rgba(255, 255, 255, 0.75 );\n        border-radius: 6px;\n      }\n    }\n\n    .storePass{\n      cursor: pointer;\n    }\n\n    .login-success{\n      position: relative;\n      cursor: pointer;\n      width: 220px;\n      height: 220px;\n      margin: 10px auto; background-color: #EEE; font-size: 40px; color: #999; text-align: center;\n      .anticon{  line-height: 1em; color: #52c41a; }\n      .icon-warp{\n        position: relative; z-index: 10; opacity: 1;  margin-top: 70px; width: 80px; height: 80px; padding: 10px; background-color: #FFF; display: inline-block; border-radius: 100px; }\n    }\n\n    .otherInfo{\n      position: relative;\n      .forgetPass{\n        position: absolute;\n        right: 0;\n        top: 0;\n        padding: 6px 0 0 0;\n        font-size: 13px;\n      }\n    }\n  "])))
+};

package/dist/AuthClient/login.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./reg.scss";
 interface Props {
     onSuccess: () => void;
 }

package/dist/AuthClient/login.js

@@ -7,7 +7,8 @@ import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@a
 import { Input, Button, Form } from 'antd';
 import Tool from "../lib/Tool";
 import { useRequest } from '@umijs/hooks';
-import "./reg.scss";
+
+// import styles from "./reg.scss" ;
 import * as AuthController from "../service/api/AuthController";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist/AuthClient/qr/index.css.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    AuthQrLogin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    LoginForm: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    WebTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    WeQrUrlBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/qr/index.css.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import styled from 'styled-components';
+export default {
+  AuthQrLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .weQrUrl{\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .qr{\n      display: block;\n      margin: 12px auto 0;\n      width: 230px;\n      height: 230px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      &.qrAlipay{\n        border: 3px solid #1677ff;\n      }\n      .reTry{\n        font-size: 80px;\n        background-color: rgba( 255, 255, 255, 0.95 );\n        text-align: center;\n        line-height: 210px;\n        height: 100%;\n        a{\n          display: block;\n        }\n      }\n    }\n    .alt{\n      padding: 10px 0 0;\n      color: #999;\n      text-align: center;\n    }\n    .altWeb{\n      padding: 16px 0 0;\n      max-width: 300px;\n      margin: 0 auto;\n      .titles{\n        text-align: center;\n        font-weight: bold;\n      }\n      ul{\n        margin: 0 10px;\n      }\n\n    }\n    .percent{\n      width: 100%;\n      position: absolute;\n      overflow: hidden;\n      left: 0;\n      bottom: 0;\n      .warp{\n        height: 4px;\n        background-color: #1677ff;\n        transition: all 1.6s ease-in-out;\n        -webkit-transition: all 1.6s ease-in-out;\n      }\n    }\n  "]))),
+  LoginForm: styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: 0 auto;\n    padding: 0 0 5px 0  ;\n    background-color: rgba(255, 255, 255, 0.75 );\n    border-radius: 6px;\n  "]))),
+  WebTitle: styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: normal;\n    font-size: 22px;\n    text-align: center;\n    padding: 0;\n    margin: 6px 0 0 0;\n    line-height: 1em;\n    span{\n      display: inline-block;\n      padding-left: 5px;\n      font-weight: lighter;\n      font-size: 16px;\n    }\n  "]))),
+  WeQrUrlBox: styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    min-height: 240px !important;\n  "])))
+};

package/dist/AuthClient/qr/index.js

@@ -13,11 +13,14 @@ import AuthLoginReg from "../login-reg";
 import Platform from "../../lib/platform";
 import QrWs from "./ws";
 import { getApiEnv } from "../../lib/getApiUrl";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./index.css";
 var reTryMaxCount = 120;
 var reTryTimeLoop = 1000; // ms
 var FromWhere = 'web';
+import QRCode from 'qrcode.react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LoginQr = function LoginQr(_ref) {
   var defaultLoginType = _ref.defaultLoginType,
     wechatDisabled = _ref.wechatDisabled,
@@ -142,7 +145,7 @@ var LoginQr = function LoginQr(_ref) {
     }, {
       manual: defaultLoginType !== 'wechat',
       onSuccess: function onSuccess(result) {
-        setWeQrUrl(Tool.makeQrUrl(result.url, '#0bc160'));
+        setWeQrUrl(result.url);
         onRunCheck();
       }
     }),
@@ -227,17 +230,11 @@ var LoginQr = function LoginQr(_ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/_jsx("section", {
-    className: "authQrLogin",
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "loginForm",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "form-group",
-        children: /*#__PURE__*/_jsx("h1", {
-          className: "webTitle",
-          children: /*#__PURE__*/_jsx("span", {
-            children: "\u767B\u5F55/\u6CE8\u518C"
-          })
+  return /*#__PURE__*/_jsx(styles.AuthQrLogin, {
+    children: /*#__PURE__*/_jsxs(styles.LoginForm, {
+      children: [/*#__PURE__*/_jsx(styles.WebTitle, {
+        children: /*#__PURE__*/_jsx("span", {
+          children: "\u767B\u5F55/\u6CE8\u518C"
         })
       }), /*#__PURE__*/_jsxs(Tabs, {
         activeKey: activeKey,
@@ -245,46 +242,53 @@ var LoginQr = function LoginQr(_ref) {
           onTabChange(keyName);
         },
         children: [/*#__PURE__*/_jsx(Tabs.TabPane, {
-          tab: /*#__PURE__*/_jsxs("span", {
-            className: "tab-icon",
-            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), "\u5FAE\u4FE1"]
+          tab: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), " \u5FAE\u4FE1"]
           }),
           disabled: wechatDisabled,
-          children: /*#__PURE__*/_jsxs(PageContentWarp, {
+          children: /*#__PURE__*/_jsx(PageContentWarp, {
             loading: loadingWeLoginQr || loading,
             error: errorWeLoginQr,
             onReload: function onReload() {
               return onRetryWeQr();
             },
-            className: "weQrUrlBox",
-            children: [/*#__PURE__*/_jsx("div", {
-              style: {
-                backgroundImage: "url('".concat(weQrUrl, "')")
-              },
-              className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
-              children: !isNextTry && /*#__PURE__*/_jsx("div", {
-                className: "reTry",
-                onClick: onRetryWeQr,
-                children: /*#__PURE__*/_jsx("a", {
-                  children: /*#__PURE__*/_jsx(RedoOutlined, {})
-                })
-              })
-            }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
-              className: "altWeb",
-              children: [/*#__PURE__*/_jsx("div", {
-                className: "titles",
-                children: "\u4E0B\u9762\u4EFB\u9009\u4E00\u4E2A\u65B9\u6CD5\u90FD\u53EF\u4EE5\u767B\u5F55\uFF1A"
-              }), /*#__PURE__*/_jsxs("ul", {
-                children: [/*#__PURE__*/_jsx("li", {
-                  children: "1\u3001\u628A\u672C\u9875\u7F51\u5740\u590D\u5236\u5230\u5FAE\u4FE1\u91CC\u9762\u6253\u5F00"
-                }), /*#__PURE__*/_jsx("li", {
-                  children: "2\u3001\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+            children: /*#__PURE__*/_jsxs(styles.WeQrUrlBox, {
+              children: [/*#__PURE__*/_jsxs("div", {
+                style: {
+                  // backgroundImage: `url('${ weQrUrl }')`,
+                },
+                className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
+                children: [!isNextTry && /*#__PURE__*/_jsx("div", {
+                  className: "reTry",
+                  onClick: onRetryWeQr,
+                  children: /*#__PURE__*/_jsx("a", {
+                    children: /*#__PURE__*/_jsx(RedoOutlined, {})
+                  })
+                }), /*#__PURE__*/_jsx("div", {
+                  className: "weQrUrl",
+                  children: /*#__PURE__*/_jsx(QRCode, {
+                    value: weQrUrl,
+                    fgColor: "#0bc160",
+                    size: 230
+                  })
+                })]
+              }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
+                className: "altWeb",
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "titles",
+                  children: "\u4E0B\u9762\u4EFB\u9009\u4E00\u4E2A\u65B9\u6CD5\u90FD\u53EF\u4EE5\u767B\u5F55\uFF1A"
+                }), /*#__PURE__*/_jsxs("ul", {
+                  children: [/*#__PURE__*/_jsx("li", {
+                    children: "1\u3001\u628A\u672C\u9875\u7F51\u5740\u590D\u5236\u5230\u5FAE\u4FE1\u91CC\u9762\u6253\u5F00"
+                  }), /*#__PURE__*/_jsx("li", {
+                    children: "2\u3001\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+                  })]
                 })]
+              }) : /*#__PURE__*/_jsx("div", {
+                className: "alt",
+                children: "\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
               })]
-            }) : /*#__PURE__*/_jsx("div", {
-              className: "alt",
-              children: "\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
-            })]
+            })
           })
         }, "wechat"), !accountHidden && /*#__PURE__*/_jsx(Tabs.TabPane, {
           tab: /*#__PURE__*/_jsxs("span", {

package/dist/AuthClient/reg.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./reg.scss";
 interface Props {
     onSuccess: () => void;
 }

package/dist/AuthClient/reg.js

@@ -6,7 +6,6 @@ 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.scss";
 import { useRequest } from "@umijs/hooks";
 import * as AuthController from "../service/api/AuthController";
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/Buy/index.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    Buy: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+};
+export default _default;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./index.scss";
 import type { SizeType } from "antd/es/config-provider/SizeContext";
 interface Props {
     env?: Global.Env;

package/dist/Buy/index.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import React from 'react';
 import { Button } from 'antd';
 import Tool from "../lib/Tool";
-import "./index.scss";
+import styles from "./index.css";
 import VipQr from "./qr";
 import Platform from "../lib/platform";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -49,6 +49,7 @@ var Buy = function Buy(_ref) {
     };
   }();
   var onOpenVipQr = function onOpenVipQr() {
+    var _ref3;
     var userId = Tool.getLocalUserInfo().id;
     if (Platform.isWechat || Platform.isH5) {
       Tool.h5Pay({
@@ -73,19 +74,21 @@ var Buy = function Buy(_ref) {
           Tool.toast('^_^，谢谢购买，祝您发财');
         }
       }),
-      width: Math.min(520, window.innerWidth * 0.95)
+      width: Math.min(520, ((_ref3 = global || window) === null || _ref3 === void 0 ? void 0 : _ref3.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
+  return /*#__PURE__*/_jsx(styles.Buy, {
+    children: /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      size: buttonSmall,
+      disabled: disabled,
+      onClick: function onClick() {
+        return onBuy();
+      },
+      children: title
+    })
   });
 };
 export default Buy;

package/dist/Buy/qr.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    BuyQr: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

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    .ktv-ai-vipQr{\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: 20px auto 10px;\n        img{\n          display: block;\n          width: 100%;\n          max-width: 100%;\n        }\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      }\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\n      .payResult{\n        .ant-result{\n          padding: 0 30px 30px;\n        }\n        .ant-result-icon{\n          display: none;\n        }\n      }\n    }\n\n  "])))
+};

package/dist/Buy/qr.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './qr.scss';
 interface Props {
     env?: Global.Env;
     productKind: string;

package/dist/Buy/qr.js

@@ -5,9 +5,10 @@ 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 QRCode from 'qrcode.react';
 import Tool from "../lib/Tool";
 import PageContentWarp from "../UI/PageContentWarp";
-import "./qr.scss";
+import styles from "./qr.css";
 import Platform from "../lib/platform";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -79,7 +80,8 @@ var VipQr = function VipQr(_ref) {
           } else {}
         } else {}
         setOrderPayInfo(result);
-        setPayQrImageUrl(Tool.makeQrUrl(result.codeUrl || result.mWebUrl, '#0bc160'));
+        // setPayQrImageUrl( Tool.makeQrUrl( result.codeUrl || result.mWebUrl, '#0bc160') );
+        setPayQrImageUrl(result.codeUrl || result.mWebUrl);
         // 五秒后自动弹出；
         setTimeout(function () {
           setPayResult(true);
@@ -105,81 +107,83 @@ var VipQr = function VipQr(_ref) {
     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))
+  return /*#__PURE__*/_jsx(styles.BuyQr, {
+    children: /*#__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", {
-          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"
+        }), " / ", 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(QRCode, {
+          value: payQrImageUrl,
+          fgColor: "#0bc160"
         })
+      }), 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/UI/DialogDrawer.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    DrawerDialog: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/DialogDrawer.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  DrawerDialog: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ktv-ai-drawerDialog {\n      .ant-drawer-body {\n        background-color: #f5f5f5;\n      }\n      &.light{\n        .ant-drawer-body {\n          background-color: #FFF;\n        }\n      }\n    }\n  "])))
+};

package/dist/UI/DialogDrawer.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './DialogDrawer.scss';
 interface Props {
     onClose?: any;
     content?: any;

package/dist/UI/DialogDrawer.js

@@ -2,10 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Drawer, ConfigProvider } from 'antd';
 import React, { useState, useEffect } from 'react';
 import Tool from "../lib/Tool";
-import "./DialogDrawer.scss";
+import styles from "./DialogDrawer.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 // 抽屉
 var DialogDrawer = function DialogDrawer(props) {
+  var _window;
   var state = Tool.extend({
     id: '',
     title: '提示',
@@ -20,7 +21,7 @@ var DialogDrawer = function DialogDrawer(props) {
   }, props);
 
   // 宽度
-  state.width = Math.min(state.width, window.innerWidth);
+  state.width = Math.min(state.width, (_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
 
   // 管理 显示隐藏
   var _useState = useState(true),
@@ -50,17 +51,19 @@ var DialogDrawer = function DialogDrawer(props) {
         colorPrimary: '#722ED1'
       }
     },
-    children: /*#__PURE__*/_jsx(Drawer, {
-      className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
-      title: state.title,
-      placement: state.placement,
-      closable: state.closable,
-      onClose: function onClose() {
-        return _onClose();
-      },
-      visible: visible,
-      width: state.width,
-      children: props.content
+    children: /*#__PURE__*/_jsx(styles.DrawerDialog, {
+      children: /*#__PURE__*/_jsx(Drawer, {
+        className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
+        title: state.title,
+        placement: state.placement,
+        closable: state.closable,
+        onClose: function onClose() {
+          return _onClose();
+        },
+        visible: visible,
+        width: state.width,
+        children: props.content
+      })
     })
   });
 };

package/dist/UI/DialogDrawerFooter.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    DialogDrawerFooter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/DialogDrawerFooter.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  DialogDrawerFooter: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .warp{\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      z-index: 20;\n      width: 100%;\n      height: 56px;\n      background-color: #FFF;\n      line-height: 56px;\n      text-align: right;\n    }\n    .warpChildren{\n      padding: 0 20px 0 0;\n    }\n    .pos{\n      height: 56px;\n    }\n    "])))
+};

package/dist/UI/DialogDrawerFooter.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './DialogDrawerFooter.scss';
 interface Props {
     children: React.ReactNode;
 }