component-shipinlv 0.1.11 → 0.1.13

package/dist/Buy/index.d.ts

@@ -4,7 +4,9 @@ interface Props {
     vipId: number;
     productCount: number;
     productKind: 'vip' | 'vip-card';
+    showPrice?: number;
     disabled?: boolean;
+    onBuySuccess?: () => void;
     children: React.ReactNode;
 }
 declare const Buy: React.FC<Props>;

package/dist/Buy/index.js

@@ -5,6 +5,7 @@ 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,
@@ -17,10 +18,13 @@ var Buy = function Buy(_ref) {
     productCount = _ref$productCount === void 0 ? 1 : _ref$productCount,
     _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;
+      var userInfo, _ref3, dialog;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -39,8 +43,28 @@ var Buy = function Buy(_ref) {
             console.log("not login");
             return _context.abrupt("return", Tool.onLogin());
           case 6:
+            if (!(showPrice === 0)) {
+              _context.next = 9;
+              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 9:
             onOpenVipQr();
-          case 7:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -51,7 +75,7 @@ var Buy = function Buy(_ref) {
     };
   }();
   var onOpenVipQr = function onOpenVipQr() {
-    var _ref3;
+    var _ref4;
     var userId = Tool.getLocalUserInfo().id;
     if (Platform.isWechat || Platform.isH5) {
       Tool.h5Pay({
@@ -72,11 +96,13 @@ var Buy = function Buy(_ref) {
         vipId: vipId,
         productCount: productCount,
         onHandlePaySuccess: function onHandlePaySuccess() {
+          onBuySuccess();
           dialog.destroy();
           Tool.toast('^_^，谢谢购买，祝您发财');
         }
       }),
-      width: Math.min(520, ((_ref3 = global || window) === null || _ref3 === void 0 ? void 0 : _ref3.innerWidth) * 0.95)
+      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');

package/dist/Buy/trial-member.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    TrialMember: 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/trial-member.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  TrialMember: styled.div(_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/trial-member.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    vipId: number;
+    onBack?: () => void;
+}
+declare const BuyTrialMember: React.FC<Props>;
+export default BuyTrialMember;

package/dist/Buy/trial-member.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import styles from "./trial-member.css";
+import { useRequest } from "@umijs/hooks";
+import * as UserVipController from "../service/api/UserVipController";
+import { Button, Result } from "antd";
+import PageContentWarp from "../UI/PageContentWarp";
+import { jsx as _jsx } from "react/jsx-runtime";
+var BuyTrialMember = function BuyTrialMember(_ref) {
+  var _ref$env = _ref.env,
+    env = _ref$env === void 0 ? 'prod' : _ref$env,
+    _ref$vipId = _ref.vipId,
+    vipId = _ref$vipId === void 0 ? 0 : _ref$vipId,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? function () {} : _ref$onBack;
+  var _useRequest = useRequest(function () {
+      return UserVipController.trial({
+        vipId: vipId
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {}
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run,
+    error = _useRequest.error;
+  return /*#__PURE__*/_jsx(styles.TrialMember, {
+    children: /*#__PURE__*/_jsx(PageContentWarp, {
+      loading: loading,
+      error: error,
+      onReload: run,
+      children: /*#__PURE__*/_jsx(Result, {
+        status: "success",
+        title: "\u5DF2\u5F00\u901A",
+        subTitle: "\u5FEB\u53BB\u8BD5\u7528\u5427",
+        extra: [/*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          onClick: onBack,
+          children: "\u8FD4\u56DE"
+        }, "back")]
+      })
+    })
+  });
+};
+export default BuyTrialMember;

package/dist/UI/DialogDrawer.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Drawer, ConfigProvider } from 'antd';
 import React, { useState, useEffect } from 'react';
@@ -52,18 +53,19 @@ var DialogDrawer = function DialogDrawer(props) {
       }
     },
     children: /*#__PURE__*/_jsx(styles.DrawerDialog, {
-      children: /*#__PURE__*/_jsx(Drawer, {
-        className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
+      children: /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+        className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " ")
+      }, state), {}, {
         title: state.title,
         placement: state.placement,
         closable: state.closable,
         onClose: function onClose() {
           return _onClose();
         },
-        visible: visible,
+        open: visible,
         width: state.width,
         children: props.content
-      })
+      }))
     })
   });
 };

package/dist/UI/Money/index.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    money: 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/Money/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  money: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    .yen{\n      font-size: smaller;\n      opacity: 0.8;\n      font-weight: 300;\n    }\n    .value{\n      font-weight: bold;\n      padding-left: 2px;\n      padding-right: 1px;\n      &.zero{\n        font-weight: 300;\n      }\n    }\n  "])))
+};

package/dist/UI/Money/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface Props {
+    value?: number;
+    pre?: React.ReactNode;
+    end?: React.ReactNode;
+    precision?: number;
+    color?: string;
+    disabledMoneySimple?: boolean;
+}
+declare const Money: React.FC<Props>;
+export default Money;

package/dist/UI/Money/index.js

@@ -0,0 +1,36 @@
+import styles from "./index.css";
+import React from "react";
+import moneySimple from "../../lib/moneySimple";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Money = function Money(_ref) {
+  var _ref$pre = _ref.pre,
+    pre = _ref$pre === void 0 ? /*#__PURE__*/_jsx(_Fragment, {
+      children: "\xA5"
+    }) : _ref$pre,
+    _ref$end = _ref.end,
+    end = _ref$end === void 0 ? '元' : _ref$end,
+    value = _ref.value,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 2 : _ref$precision,
+    color = _ref.color,
+    _ref$disabledMoneySim = _ref.disabledMoneySimple,
+    disabledMoneySimple = _ref$disabledMoneySim === void 0 ? false : _ref$disabledMoneySim;
+  return /*#__PURE__*/_jsxs(styles.money, {
+    style: {
+      color: color
+    },
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "yen",
+      children: pre
+    }), /*#__PURE__*/_jsx("span", {
+      className: "value ".concat(value === 0 ? 'zero' : '', " "),
+      children: typeof value === 'number' ? disabledMoneySimple ? value.toFixed(precision) : moneySimple(value, false, precision) : ''
+    }), /*#__PURE__*/_jsx("span", {
+      className: "yen",
+      children: end
+    })]
+  });
+};
+export default Money;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    pricingCompare: 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/VipList/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  pricingCompare: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    th{\n      font-size: 20px;\n      padding: 20px 0 !important;\n      font-weight: 400 !important;\n      text-align: center !important;\n    }\n\n    .vipTitle{\n    }\n\n    .classifyKind{\n      font-size: 18px;\n    }\n\n    .onBuy{\n      //padding: 16px 0;\n      text-align: center;\n    }\n\n    .title{\n      font-size: 16px;\n    }\n    .subtitle{\n      margin: 1px 0 0;\n      font-size: 12px;\n      color: #999;\n      font-weight: 300;\n    }\n    .value{\n      text-align: center;\n      font-size: 16px;\n      .allow{\n        color: #00b70d;\n        font-size: 18px;\n      }\n      .notAllow{\n        color: #C00;\n        font-size: 18px;\n      }\n      small{\n        color: #999;\n        padding-left: 2px;\n      }\n    }\n  "])))
+};

package/dist/VipList/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Props {
+    productType: string;
+    disabledPrice?: boolean;
+    disabledBuy?: boolean;
+    applyDemoWechatUrl?: string;
+    applyDemoTitle?: string;
+    tableOffsetHeader?: number;
+    env?: Global.Env;
+    tableScrollY?: number | string;
+    onBuySuccess?: () => void;
+}
+declare const VipList: React.FC<Props>;
+export default VipList;

package/dist/VipList/index.js

@@ -0,0 +1,389 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as VipPowerController from "../service/api/VipPowerController";
+import { useRequest } from "@umijs/hooks";
+import { getApiEnv } from "../lib/getApiUrl";
+import React, { useState } from "react";
+import styles from "./index.css";
+import { Buy } from "./..";
+import { Button, ConfigProvider, Table } from "antd";
+import { CheckCircleFilled, CloseCircleFilled, ShoppingCartOutlined, XFilled } from "@ant-design/icons";
+import Tool from "../lib/Tool";
+import PageContentWarp from "../UI/PageContentWarp";
+import Money from "../UI/Money";
+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 ApplyColorDict = {
+  1: {
+    color: '#34b9fe'
+  },
+  100: {
+    color: '#3688FF'
+  },
+  200: {
+    color: '#5B53FF'
+  },
+  300: {
+    color: '#724822'
+  },
+  1000: {
+    color: ''
+  }
+};
+var VipList = function VipList(_ref) {
+  var productType = _ref.productType,
+    _ref$disabledPrice = _ref.disabledPrice,
+    disabledPrice = _ref$disabledPrice === void 0 ? false : _ref$disabledPrice,
+    _ref$disabledBuy = _ref.disabledBuy,
+    disabledBuy = _ref$disabledBuy === void 0 ? false : _ref$disabledBuy,
+    _ref$applyDemoWechatU = _ref.applyDemoWechatUrl,
+    applyDemoWechatUrl = _ref$applyDemoWechatU === void 0 ? '' : _ref$applyDemoWechatU,
+    _ref$applyDemoTitle = _ref.applyDemoTitle,
+    applyDemoTitle = _ref$applyDemoTitle === void 0 ? '预约演示' : _ref$applyDemoTitle,
+    _ref$tableScrollY = _ref.tableScrollY,
+    tableScrollY = _ref$tableScrollY === void 0 ? '65vh' : _ref$tableScrollY,
+    env = _ref.env,
+    _ref$tableOffsetHeade = _ref.tableOffsetHeader,
+    tableOffsetHeader = _ref$tableOffsetHeade === void 0 ? 56 : _ref$tableOffsetHeade,
+    _ref$onBuySuccess = _ref.onBuySuccess,
+    onBuySuccess = _ref$onBuySuccess === void 0 ? function () {} : _ref$onBuySuccess;
+  var _useState = useState(Tool.getLocalUserInfo()),
+    _useState2 = _slicedToArray(_useState, 1),
+    userInfo = _useState2[0];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    buyList = _useState4[0],
+    setBuyList = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    listData = _useState6[0],
+    setListData = _useState6[1];
+  var _useState7 = useState([{
+      title: '功能',
+      dataIndex: 'title',
+      key: 'title',
+      onCell: function onCell(record, index) {
+        return {
+          colSpan: index > 0 && record.onlyShowTitle ? 5 : 1
+        };
+      },
+      render: function render(title, record) {
+        return title === ':buy' ? '' : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "title",
+            children: title
+          }), /*#__PURE__*/_jsx("div", {
+            className: "subtitle",
+            children: record === null || record === void 0 ? void 0 : record.subtitle
+          })]
+        });
+      }
+    }]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    columns = _useState8[0],
+    setColumns = _useState8[1];
+  var _useRequest = useRequest(function () {
+      return VipPowerController.list({
+        productType: productType,
+        dealerId: Tool.getLocalSiteInfo().dealerId || 0
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        var list = [];
+        var listLen = result.vipList.length;
+        var buyList = [];
+        result.vipList.forEach(function (item) {
+          buyList.push({
+            id: item.id,
+            price: item.price
+          });
+          var dataIndex = "vipLevel".concat(item.vipLevel);
+          var colorPrimary = ApplyColorDict[item.vipLevel].color || '#722ED1';
+          list.push({
+            title: /*#__PURE__*/_jsxs("div", {
+              children: [/*#__PURE__*/_jsx("div", {
+                className: "vipTitle",
+                style: {
+                  color: colorPrimary
+                },
+                children: item.title
+              }), applyDemoWechatUrl && item.price > 0 && /*#__PURE__*/_jsx(ConfigProvider, {
+                theme: {
+                  components: {
+                    Button: {
+                      colorPrimary: colorPrimary
+                    }
+                  }
+                },
+                children: /*#__PURE__*/_jsx(Button, {
+                  size: "middle",
+                  type: "primary",
+                  onClick: onApplyDemo,
+                  children: applyDemoTitle
+                })
+              })]
+            }),
+            dataIndex: dataIndex,
+            key: dataIndex,
+            width: "".concat(70 / listLen, "%"),
+            onCell: sharedOnCell,
+            render: function render(value, record) {
+              return /*#__PURE__*/_jsx("div", {
+                className: "value",
+                children: ['true', 'false'].includes(value) ? /*#__PURE__*/_jsxs(_Fragment, {
+                  children: [value === 'true' && /*#__PURE__*/_jsx(CheckCircleFilled, {
+                    className: "allow"
+                  }), value === 'false' && /*#__PURE__*/_jsx(CloseCircleFilled, {
+                    className: "notAllow"
+                  })]
+                }) : value
+              });
+            }
+          });
+        });
+        setBuyList([].concat(buyList));
+        columns.push.apply(columns, list);
+        setColumns(_toConsumableArray(columns));
+
+        // 先做字典
+        var listDict = {};
+        result.list.forEach(function (items) {
+          if (!listDict[items.name]) {
+            listDict[items.name] = {
+              name: items.name,
+              classifySubtitle: items.classifyInfo.subtitle,
+              classifyTitle: items.classifyInfo.title,
+              classifyIndex: items.classifyInfo.index,
+              classifyKind: items.classifyInfo.kind,
+              list: []
+            };
+          }
+          listDict[items.name].list.push(items);
+        });
+        var listDataValues = Object.values(listDict);
+        listDataValues.sort(function (a, b) {
+          return b.classifyIndex - a.classifyIndex;
+        });
+
+        // 购买
+        if (!disabledPrice) {
+          listDataValues.push({
+            name: ':price',
+            classifyTitle: '价格',
+            classifySubtitle: '',
+            classifyIndex: -1,
+            classifyKind: '购买',
+            list: result.vipList.map(function (item) {
+              return {
+                id: item.id,
+                dealerId: 0,
+                vipLevel: item.vipLevel,
+                name: ':price',
+                value: "".concat(item.price),
+                classifyInfo: {
+                  title: '购买',
+                  subtitle: '',
+                  index: -1,
+                  kind: '购买'
+                }
+              };
+            })
+          });
+        }
+
+        // if( ! disabledBuy ){
+        //   listDataValues.push({
+        //     name: ':buy',
+        //     classifyTitle: ':buy',
+        //     classifySubtitle: '',
+        //     classifyIndex: -1,
+        //     classifyKind: '购买',
+        //     list: [],
+        //   });
+        // }
+
+        var listData = [];
+        listDataValues.forEach(function (items, index) {
+          var onlyShowTitle = false;
+          var preRecord = listData[listData.length - 1];
+          if (preRecord && items.classifyKind && preRecord.classifyKind !== items.classifyKind) {
+            onlyShowTitle = true;
+          }
+          if (onlyShowTitle) {
+            listData.push({
+              title: /*#__PURE__*/_jsxs("strong", {
+                className: "classifyKind",
+                children: [/*#__PURE__*/_jsx(XFilled, {}), " ", items.classifyKind]
+              }),
+              subtitle: '',
+              classifyKind: items.classifyKind,
+              onlyShowTitle: true
+            });
+          }
+          var itemData = {
+            title: items.classifyTitle,
+            subtitle: items.classifySubtitle,
+            onlyShowTitle: false,
+            classifyKind: items.classifyKind
+          };
+          items.list.forEach(function (item) {
+            var value = item.value;
+            switch (item.name) {
+              case 'mixed-cut-video-count':
+                value = /*#__PURE__*/_jsx(Money, {
+                  value: parseInt(item.value),
+                  pre: "",
+                  precision: 0,
+                  end: "\u6761"
+                });
+                break;
+              case 'media-space-size':
+                value = /*#__PURE__*/_jsx(Money, {
+                  value: parseInt(item.value),
+                  pre: "",
+                  precision: 0,
+                  end: "GB"
+                });
+                break;
+              case 'gpt3.5':
+                value = /*#__PURE__*/_jsx(Money, {
+                  value: parseInt(item.value),
+                  pre: "",
+                  precision: 0,
+                  end: "\u6BCF\u65E5"
+                });
+                break;
+              case 'gpt4.0':
+                value = /*#__PURE__*/_jsx(Money, {
+                  value: parseInt(item.value),
+                  pre: "",
+                  precision: 0,
+                  end: ""
+                });
+                break;
+            }
+            console.log('result.items.name :', items.name);
+
+            // 价格
+            if (items.name === ':price') {
+              console.log('result.vipList:', result.vipList);
+              var price = getPrice(result.vipList, item.id);
+              value = /*#__PURE__*/_jsx(Money, {
+                value: price,
+                precision: 0
+              });
+            }
+            itemData["vipLevel".concat(item.vipLevel)] = value;
+          });
+          listData.push(itemData);
+        });
+        setListData([].concat(listData));
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run,
+    error = _useRequest.error,
+    data = _useRequest.data;
+  var onApplyDemo = function onApplyDemo() {
+    if (!applyDemoWechatUrl) {
+      return;
+    }
+    Tool.pageDialog({
+      title: applyDemoTitle,
+      content: /*#__PURE__*/_jsxs("div", {
+        children: [Tool.makeQr(applyDemoWechatUrl, '#29ae67', 220), /*#__PURE__*/_jsx("p", {
+          style: {
+            textAlign: 'center',
+            color: '#999'
+          },
+          children: "\u5FAE\u4FE1\u626B\u4E00\u626B\uFF0C\u52A0\u597D\u53CB"
+        })]
+      }),
+      width: 320,
+      zIndex: 9999
+    });
+  };
+  var getPrice = function getPrice(vipList, id) {
+    var _vipList$filter;
+    return ((_vipList$filter = vipList.filter(function (item) {
+      return item.id === id;
+    })) === null || _vipList$filter === void 0 ? void 0 : _vipList$filter[0].price) || 0;
+  };
+  var sharedOnCell = function sharedOnCell(record, index) {
+    return {
+      colSpan: record.onlyShowTitle ? 0 : 1
+    };
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loading,
+    error: error,
+    onReload: run,
+    children: /*#__PURE__*/_jsx(styles.pricingCompare, {
+      children: /*#__PURE__*/_jsx(Table, {
+        bordered: true,
+        scroll: {
+          y: tableScrollY // '60vh',
+        },
+
+        rowKey: function rowKey(record, index) {
+          return "".concat(index, "-").concat(record.id);
+        },
+        columns: columns,
+        dataSource: listData,
+        pagination: false
+        // sticky={{offsetHeader: tableOffsetHeader }}
+        ,
+        summary: function summary() {
+          return disabledBuy ? undefined : /*#__PURE__*/_jsx(Table.Summary, {
+            fixed: true,
+            children: /*#__PURE__*/_jsxs(Table.Summary.Row, {
+              children: [/*#__PURE__*/_jsx(Table.Summary.Cell, {
+                index: 0,
+                children: " "
+              }), buyList.map(function (item, i) {
+                var _userInfo$userVip;
+                // 从不是会员；
+                var userVip = !!((_userInfo$userVip = userInfo.userVip) !== null && _userInfo$userVip !== void 0 && _userInfo$userVip[productType]);
+                var colorPrimary = (item === null || item === void 0 ? void 0 : item.price) > 0 ? '#722ED1' : 'green';
+                return /*#__PURE__*/_jsx(Table.Summary.Cell, {
+                  index: i,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: "onBuy",
+                    children: /*#__PURE__*/_jsx(ConfigProvider, {
+                      theme: {
+                        components: {
+                          Button: {
+                            colorPrimary: colorPrimary
+                          }
+                        }
+                      },
+                      children: /*#__PURE__*/_jsx(Buy, {
+                        env: getApiEnv(),
+                        disabled: userVip,
+                        productKind: "vip",
+                        vipId: (item === null || item === void 0 ? void 0 : item.id) || 0,
+                        productCount: 1,
+                        showPrice: item === null || item === void 0 ? void 0 : item.price,
+                        onBuySuccess: onBuySuccess,
+                        children: /*#__PURE__*/_jsx(Button, {
+                          disabled: userVip && item.price === 0,
+                          type: "primary",
+                          icon: /*#__PURE__*/_jsx(ShoppingCartOutlined, {}),
+                          children: (item === null || item === void 0 ? void 0 : item.price) > 0 ? '购买' : '免费开通'
+                        })
+                      })
+                    })
+                  })
+                });
+              })]
+            })
+          });
+        }
+      })
+    })
+  });
+};
+export default VipList;

package/dist/global.less

@@ -0,0 +1,3 @@
+.ant-modal-confirm-btns{
+  display: none !important;
+}

package/dist/index.d.ts

@@ -1,9 +1,11 @@
+import './global.less';
 export { default as VipCompare } from './VipCompare';
 export { default as Buy } from './Buy';
 export { default as Login } from './Login';
 export { default as AuthClient } from './AuthClient';
 export { default as Product } from './Product';
 export { default as JoinClient } from './join-client';
+export { default as VipList } from './VipList';
 export { default as fileSelect } from './base/fileSelect';
 export { default as folderOpen } from './base/folderOpen';
 export { default as folderSelect } from './base/folderSelect';

package/dist/index.js

@@ -1,9 +1,13 @@
+// import soundInfo from "component-shipinlv/base/soundInfo";
+// import fileList from "component-shipinlv/base/fileList";
+import "./global.less";
 export { default as VipCompare } from "./VipCompare";
 export { default as Buy } from "./Buy";
 export { default as Login } from "./Login";
 export { default as AuthClient } from "./AuthClient";
 export { default as Product } from "./Product";
 export { default as JoinClient } from "./join-client";
+export { default as VipList } from "./VipList";
 export { default as fileSelect } from "./base/fileSelect";
 export { default as folderOpen } from "./base/folderOpen";
 export { default as folderSelect } from "./base/folderSelect";

package/dist/lib/Tool.d.ts

@@ -163,7 +163,7 @@ declare const Tool: {
     setTimeOffset(serverTime: number): void;
     getTime(): number;
     h5Pay(query: Pay.H5PayQuery): void;
-    notification(type: "success" | "info" | "warning" | "error", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
+    notification(type: "error" | "success" | "info" | "warning", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationSuccess(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationError(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationWarning(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;

package/dist/lib/Tool.js

@@ -1037,12 +1037,19 @@ var Tool = _objectSpread(_objectSpread({
     });
   },
   makeQr: function makeQr(url) {
-    var fgColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#1677ff';
+    var fgColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#29ae67';
     var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 600;
-    return /*#__PURE__*/_jsx(QRCode, {
-      value: url,
-      fgColor: fgColor,
-      size: size
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: size,
+        height: size,
+        margin: '12px auto'
+      },
+      children: /*#__PURE__*/_jsx(QRCode, {
+        value: url,
+        fgColor: fgColor,
+        size: size
+      })
     });
   },
   onLogin: function onLogin() {

package/dist/lib/moneySimple.d.ts

@@ -0,0 +1,2 @@
+declare const moneySimple: (money?: number, isTip?: boolean, toFixed?: number) => string | import("react/jsx-runtime").JSX.Element;
+export default moneySimple;

package/dist/lib/moneySimple.js

@@ -0,0 +1,27 @@
+import { Tooltip } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+var moneySimple = function moneySimple() {
+  var money = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var isTip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var toFixed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var out = '';
+  var unit = '';
+  if (money >= 100000) {
+    out = (money / 10000).toFixed(toFixed);
+    unit = '万';
+  } else if (money >= 10000) {
+    out = (money / 10000).toFixed(toFixed);
+    unit = '万';
+  } else {
+    out = money.toFixed(toFixed);
+  }
+  var outData = out.split('.');
+  if (isTip) {
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: money + '元',
+      children: out + unit
+    });
+  }
+  return out + ' ' + unit;
+};
+export default moneySimple;

package/dist/service/api/UserVipController.d.ts

@@ -0,0 +1,3 @@
+export declare function trial(body: {
+    vipId: number;
+}, options?: Global.RequestOptions): Promise<Vip.List>;

package/dist/service/api/UserVipController.js

@@ -0,0 +1,27 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import request from "../../lib/request";
+export function trial(_x, _x2) {
+  return _trial.apply(this, arguments);
+}
+function _trial() {
+  _trial = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(body, options) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", request("user/userVip/trial", _objectSpread({
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            data: _objectSpread({}, body)
+          }, options || {})));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _trial.apply(this, arguments);
+}

package/dist/service/api/VipPowerController.d.ts

@@ -0,0 +1,4 @@
+export declare function list(body: {
+    productType: string;
+    dealerId: number;
+}, options?: ServicesApi.RequestOptions): Promise<VipPower.ListResult>;

package/dist/service/api/VipPowerController.js

@@ -0,0 +1,27 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import request from "../../lib/request";
+export function list(_x, _x2) {
+  return _list.apply(this, arguments);
+}
+function _list() {
+  _list = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(body, options) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", request("vipPower/list", _objectSpread({
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            data: _objectSpread({}, body)
+          }, options || {})));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _list.apply(this, arguments);
+}

package/dist/types/VipList.d.ts

@@ -0,0 +1,8 @@
+declare namespace VipList {
+    interface List {
+        id: number;
+        title: string;
+        price: number;
+        vipLevel: number;
+    }
+}

package/dist/types/VipPower.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+declare namespace VipPower {
+    interface ListResult {
+        list: List[];
+        vipList: VipList.List[];
+    }
+    interface List {
+        id: number;
+        dealerId: number;
+        vipLevel: number;
+        name: string;
+        value: string;
+        classifyInfo: {
+            title: string;
+            subtitle: string;
+            index: number;
+            kind: string;
+        };
+    }
+    interface ListDict {
+        [name: string]: {
+            name: string;
+            classifyTitle: string;
+            classifySubtitle: string;
+            classifyIndex: number;
+            classifyKind: string;
+            list: List[];
+        };
+    }
+    interface TypeCompare {
+        title: React.ReactNode;
+        classifyKind: React.ReactNode;
+        subtitle: React.ReactNode;
+        onlyShowTitle: boolean;
+        vipLevel1?: TypeCompareVipLevel;
+        vipLevel12?: TypeCompareVipLevel;
+        vipLevel100?: TypeCompareVipLevel;
+        vipLevel200?: TypeCompareVipLevel;
+        vipLevel300?: TypeCompareVipLevel;
+        vipLevel400?: TypeCompareVipLevel;
+        vipLevel1000?: TypeCompareVipLevel;
+        [vipLevel: string]: TypeCompareVipLevel;
+    }
+    type TypeCompareVipLevel = boolean | React.ReactNode;
+    interface BuyList {
+        id: number;
+        price: number;
+    }
+}

package/dist/typings.d.ts

@@ -9,10 +9,13 @@ declare namespace Global {
     data?: any;
   }
   interface Columns<T>{
-    title: string;
+    title: React.ReactNode;
     dataIndex?: string;
     key: string;
     width?: string | number;
+    onCell?: ( record, rowIndex) => ({
+      colSpan: number;
+    });
     render?: ( filed?: any, record?: T , index?: number ) => React.ReactNode;
   }
   interface Pagination {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -51,7 +51,6 @@
     "@types/react": "^18.x",
     "@types/react-dom": "^18.2.1",
     "@umijs/lint": "^4.0.0",
-    "antd": "^5.4.6",
     "css-loader": "^6.7.3",
     "dumi": "^2.2.16",
     "eslint": "^8.23.0",
@@ -67,7 +66,7 @@
     "stylelint": "^14.9.1"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.2.6",
+    "@ant-design/icons": "^5.x",
     "@babel/runtime": "^7.23.6",
     "@umijs/hooks": "^1.9.3",
     "jr-qrcode": "^1.1.4",