component-sanzhizhou 1.0.0

package/dist/VipCompare/index.js

@@ -0,0 +1,325 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Table, Popover, Tag } from 'antd';
+import { useRequest } from '@umijs/hooks';
+import * as VipController from "../service/api/VipController";
+import Tool from "../lib/Tool";
+import PageContentWarp from "../UI/PageContentWarp";
+import styles from "./index.css";
+import { QuestionCircleFilled, LikeOutlined } from '@ant-design/icons';
+import VipCommend from "./commend";
+import * as UserController from "../service/api/UserController";
+import * as ProductController from "../service/api/ProductController";
+import Buy from "../Buy";
+import isInClient from "../lib/isInClient";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var VipCompare = function VipCompare(_ref) {
+  var _ref$productType = _ref.productType,
+    productType = _ref$productType === void 0 ? '' : _ref$productType,
+    env = _ref.env,
+    _ref$isShowToken = _ref.isShowToken,
+    isShowToken = _ref$isShowToken === void 0 ? false : _ref$isShowToken;
+  var _useState = useState({
+      name: '',
+      thumbUrl: '',
+      productType: '',
+      onlyBuyOne: false,
+      highIntroduction: '',
+      introduction: '',
+      content: '',
+      screenshotPreview: [],
+      tag: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    productDetail = _useState2[0],
+    setProductDetail = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return ProductController.detail({
+        productType: productType
+      }, {
+        env: env
+      });
+    }, {
+      manual: !isInClient(),
+      onSuccess: function onSuccess(result) {
+        setProductDetail(result);
+      }
+    }),
+    loadingProduct = _useRequest.loading,
+    runProduct = _useRequest.run;
+  var columnsMore = [{
+    title: '说明',
+    dataIndex: 'monthTitle',
+    key: 'monthTitle',
+    render: function render(monthTitle) {
+      return /*#__PURE__*/_jsx(Tag, {
+        children: monthTitle
+      });
+    }
+  }, {
+    title: '价格',
+    dataIndex: 'price',
+    key: 'price',
+    render: function render(price) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "ktv-ai-vip-compare-price",
+        children: [/*#__PURE__*/_jsx("small", {
+          children: "\uFFE5"
+        }), price, /*#__PURE__*/_jsx("small", {
+          children: "\u5143"
+        })]
+      });
+    }
+  }, {
+    title: '一级好友',
+    dataIndex: 'ratioDownPercent1',
+    key: 'ratioDownPercent1',
+    render: function render(ratioDownPercent1) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ratioDownPercent1, /*#__PURE__*/_jsx("small", {
+          children: "%"
+        })]
+      });
+    }
+  }, {
+    title: '二级好友',
+    dataIndex: 'ratioDownPercent2',
+    key: 'ratioDownPercent2',
+    render: function render(ratioDownPercent2) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ratioDownPercent2, /*#__PURE__*/_jsx("small", {
+          children: "%"
+        })]
+      });
+    }
+  }, {
+    title: '说明',
+    dataIndex: 'alt',
+    key: 'alt',
+    render: function render(alt, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "alt",
+        children: [alt, Array(record === null || record === void 0 ? void 0 : record.recommend).map(function (num) {
+          return /*#__PURE__*/_jsx(LikeOutlined, {});
+        }), /*#__PURE__*/_jsx(VipCommend, {
+          commend: record === null || record === void 0 ? void 0 : record.recommend
+        })]
+      });
+    }
+  }];
+  var _useState3 = useState([{
+      title: '时间',
+      dataIndex: 'monthTitle',
+      key: 'monthTitle',
+      render: function render(monthTitle) {
+        return /*#__PURE__*/_jsx(Tag, {
+          children: monthTitle
+        });
+      }
+    }, {
+      title: '价格',
+      dataIndex: 'price',
+      key: 'price',
+      render: function render(price) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: "vip-compare-price",
+          children: [/*#__PURE__*/_jsx("small", {
+            children: "\uFFE5"
+          }), price, /*#__PURE__*/_jsx("small", {
+            children: "\u5143"
+          })]
+        });
+      }
+    }, {
+      title: '提成',
+      dataIndex: 'price',
+      key: 'price',
+      render: function render(_, record) {
+        var all = ((record === null || record === void 0 ? void 0 : record.ratioDownPercent1) || 0) + ((record === null || record === void 0 ? void 0 : record.ratioDownPercent2) || 0);
+        return /*#__PURE__*/_jsx("div", {
+          className: "vip-compare-price",
+          children: all ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [all, /*#__PURE__*/_jsx("small", {
+              children: "%"
+            })]
+          }) : '-'
+        });
+      }
+    }]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    columns = _useState4[0],
+    setColumns = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    listData = _useState6[0],
+    setListData = _useState6[1];
+  var _useRequest2 = useRequest(function () {
+      return VipController.list({
+        productType: productType
+      }, {
+        env: env
+      });
+    }, {
+      manual: !isInClient(),
+      onSuccess: function onSuccess(result) {
+        // @ts-ignore
+        setListData(_toConsumableArray(result.list || result));
+      }
+    }),
+    loading = _useRequest2.loading,
+    run = _useRequest2.run,
+    error = _useRequest2.error;
+
+  // 购买信息
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    buyListData = _useState8[0],
+    setBuyListData = _useState8[1];
+  _objectDestructuringEmpty(useRequest(function () {
+    return UserController.userVipInfo();
+  }, {
+    manual: !isInClient() || !Tool.getLocalUserInfo().isLogin,
+    onSuccess: function onSuccess(result) {
+      var dataDict = {};
+      result === null || result === void 0 || result.forEach(function (items) {
+        dataDict[items.productType] = items;
+      });
+      setBuyListData(_objectSpread({}, dataDict));
+    }
+  })); // const onBuy = async (id = 0) => {
+  //   // 先要登录；
+  //   const userInfo = Tool.getLocalUserInfo();
+  //   if (!userInfo.isLogin) {
+  //     console.log("not login")
+  //     return Tool.onLogin()
+  //     // const loginResult = await Tool.onLogin();
+  //     // if ( ! loginResult ) {
+  //     //   return;
+  //     // }
+  //   }
+  //   onOpenVipQr(id);
+  // };
+  // const onOpenVipQr = (id: number) => {
+  //   const userId = Tool.getLocalUserInfo().id;
+  //   if( ( Platform.isWechat || Platform.isH5 ) ){
+  //     Tool.h5Pay( {
+  //       productType: 'vip',
+  //       productId: id,
+  //       userId,
+  //       wechatAppId: Tool.getLocalSiteInfo().wechatAppId,
+  //     });
+  //     return;
+  //   }
+  //
+  //   const dialog = Tool.drawer({
+  //     title: '购买会员',
+  //     content: (
+  //       <VipQr
+  //         productType="vip"
+  //         vipId={ id }
+  //         onHandlePaySuccess={() => {
+  //           dialog.destroy();
+  //           Tool.toast('^_^，谢谢购买，祝您发财');
+  //         }}
+  //       />
+  //     ),
+  //     width: Math.min( 520, window.innerWidth * 0.95 ),
+  //   });
+  //   // 广播，点击了 购买；
+  //   Tool.event.run('vip-buy-click');
+  // };
+  useEffect(function () {
+    if (isShowToken) {
+      columns.push({
+        title: 'Token 数量',
+        dataIndex: 'maxToken',
+        key: 'maxToken',
+        render: function render(maxToken) {
+          return Tool.moneySimple(maxToken);
+        }
+      });
+    }
+    columns.push({
+      title: '操作',
+      key: 'option',
+      render: function render(_, record) {
+        if (!(record !== null && record !== void 0 && record.price) || (record === null || record === void 0 ? void 0 : record.price) <= 0) {
+          return /*#__PURE__*/_jsx("span", {
+            "data-price": record === null || record === void 0 ? void 0 : record.price
+          });
+        }
+        return /*#__PURE__*/_jsx(Buy, {
+          env: env,
+          vipId: (record === null || record === void 0 ? void 0 : record.id) || 0,
+          productCount: 1
+          // onlyBuyOne={ productDetail.onlyBuyOne }
+          // isVip={ buyListData[record?.productType|| '']?.isVip }
+          ,
+          productKind: "vip",
+          children: "\u8D2D\u4E70"
+        });
+      }
+    });
+    setColumns(_toConsumableArray(columns));
+  }, []);
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loading,
+    error: error,
+    onReload: function onReload() {
+      return run();
+    },
+    children: /*#__PURE__*/_jsxs(styles.VipCompare, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "listMore",
+        children: /*#__PURE__*/_jsx(Popover, {
+          title: "\u4F1A\u5458\u63D0\u6210\u4ECB\u7ECD",
+          placement: "topRight",
+          content: /*#__PURE__*/_jsxs("div", {
+            className: "vipCompareListMoreContent",
+            children: [/*#__PURE__*/_jsx("p", {
+              children: "\u60A8\u53EF\u4EE5\u8D2D\u4E70\u7684\u4F1A\u5458\u52A0\u901F\u5361\uFF0C\u63A8\u5E7F\u8D5A\u94B1\uFF1B\u4F1A\u5458\u7B49\u7EA7\u7B49\u7EA7\u8D8A\u9AD8\uFF0C\u6536\u76CA\u8D8A\u9AD8\uFF1B"
+            }), /*#__PURE__*/_jsx(Table, {
+              size: "small",
+              bordered: true,
+              rowKey: function rowKey(record) {
+                return "".concat(record.id);
+              },
+              loading: loading,
+              columns: columnsMore,
+              dataSource: listData,
+              pagination: false
+            }), /*#__PURE__*/_jsxs("div", {
+              className: ".vip-compare-ratioAlt",
+              children: [/*#__PURE__*/_jsx("strong", {
+                children: "\u4E00\u7EA7\u597D\u53CB"
+              }), "\u8868\u793A\u4F60\u9080\u8BF7\u7684\u597D\u53CB\uFF0C", /*#__PURE__*/_jsx("strong", {
+                children: "\u4E8C\u7EA7\u597D\u53CB"
+              }), "\u8868\u793A\u4F60\u7684\u597D\u53CB\u9080\u8BF7\u7684\u597D\u53CB\uFF1B\u597D\u53CB\u5728\u5E73\u53F0", /*#__PURE__*/_jsx("strong", {
+                children: "\u73B0\u5728\u3001\u672A\u6765"
+              }), "\u7684\u6240\u6709\u6D88\u8D39\u90FD\u6709\u5206\u6210\u3002"]
+            })]
+          }),
+          children: /*#__PURE__*/_jsxs("a", {
+            children: [/*#__PURE__*/_jsx(QuestionCircleFilled, {}), " \u8BF4\u660E"]
+          })
+        })
+      }), /*#__PURE__*/_jsx(Table, {
+        size: "small",
+        bordered: true,
+        rowKey: function rowKey(record) {
+          return "".concat(record.id);
+        },
+        loading: loading,
+        columns: columns,
+        dataSource: listData,
+        pagination: false
+      })]
+    })
+  });
+};
+export default VipCompare;

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