component-shipinlv 0.0.1

package/dist/VipCompare/index.js

@@ -0,0 +1,320 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+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 "./index.less";
+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 { 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
+      });
+    }, {
+      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
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(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: !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 }
+          ,
+          title: "\u8D2D\u4E70",
+          productKind: "vip"
+        });
+      }
+    });
+    setColumns(_toConsumableArray(columns));
+  }, []);
+  return /*#__PURE__*/_jsxs(PageContentWarp, {
+    loading: loading,
+    error: error,
+    onReload: function onReload() {
+      return run();
+    },
+    className: "ktv-ai-vip-compare",
+    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/VipCompare/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/component/product-dict.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ProductTypeDict {
+    [name: string]: {
+        title: string;
+        color?: string;
+        icon: React.ReactNode;
+    };
+}
+declare const ProductTypeDict: ProductTypeDict;
+export default ProductTypeDict;

package/dist/component/product-dict.js

@@ -0,0 +1,11 @@
+import { AndroidOutlined } from '@ant-design/icons';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProductTypeDict = {
+  'chatGPT': {
+    title: 'ChatPGT AI',
+    color: '',
+    icon: /*#__PURE__*/_jsx(AndroidOutlined, {})
+  }
+};
+export default ProductTypeDict;

package/dist/component/product-type.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    productType: string;
+}
+declare const ProductType: React.FC<Props>;
+export default ProductType;

package/dist/component/product-type.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import ProductTypeDict from "./product-dict";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ProductType = function ProductType(_ref) {
+  var _ref$productType = _ref.productType,
+    productType = _ref$productType === void 0 ? '' : _ref$productType;
+  var itemData = ProductTypeDict[productType] || {
+    color: '',
+    icon: '',
+    title: productType
+  };
+  return /*#__PURE__*/_jsxs("span", {
+    style: {
+      color: itemData.color
+    },
+    children: [itemData.icon, " ", itemData.title]
+  });
+};
+export default ProductType;

package/dist/component/websocket/index.d.ts

@@ -0,0 +1,22 @@
+type EventName = 'connect-status' | 'message';
+export type ConnectStatus = 'success' | 'error' | 'processing' | 'close';
+declare class WS {
+    ws: WebSocket;
+    connectStatus: ConnectStatus;
+    private postEventsNeedData;
+    private url;
+    constructor(url?: string);
+    private events;
+    onConstructor(): void;
+    getDataUrl(): string;
+    onConnect(): void;
+    onStatusChange(status: ConnectStatus): void;
+    on(name: EventName, fn?: (data?: any) => void): void;
+    run(name: EventName, data?: any): void;
+    off(name: EventName): void;
+    onReConnect(): void;
+    send(data?: any): void;
+    private sendPost;
+    destroy(): void;
+}
+export default WS;

package/dist/component/websocket/index.js

@@ -0,0 +1,139 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { getWsUrl } from "../../lib/getApiUrl";
+import Tool from "../../lib/Tool";
+var WS = /*#__PURE__*/function () {
+  function WS() {
+    var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    _classCallCheck(this, WS);
+    // @ts-ignore
+    _defineProperty(this, "ws", void 0);
+    _defineProperty(this, "connectStatus", 'processing');
+    _defineProperty(this, "postEventsNeedData", []);
+    _defineProperty(this, "url", '');
+    _defineProperty(this, "events", []);
+    if (url) {
+      var fullUrl = url;
+      if (!/^wss?:/i.test(url)) {
+        var _getWsUrl;
+        fullUrl = ((_getWsUrl = getWsUrl()) === null || _getWsUrl === void 0 ? void 0 : _getWsUrl.replace(/\/$/, '')) + url;
+      }
+      // 携带 token
+      var token = Tool.getLocalUserInfo().sid || '';
+      // if( method === 'get'){
+      //   params._token_ = token
+      // }else{
+      //   data._token_ = token;
+      // }
+      fullUrl = fullUrl + (fullUrl.indexOf('?') === -1 ? '?' : '&') + '_token_=' + token;
+      this.url = fullUrl;
+    }
+    console.log('socket init!');
+    this.ws = new WebSocket(this.getDataUrl());
+    this.onConstructor();
+  }
+  _createClass(WS, [{
+    key: "onConstructor",
+    value: function onConstructor() {
+      var _this = this;
+      this.onStatusChange('processing');
+      this.ws.onopen = function (evt) {
+        _this.onStatusChange('success');
+        _this.postEventsNeedData.forEach(function (postData) {
+          _this.sendPost(postData);
+        });
+      };
+      this.ws.onerror = function (evt) {
+        _this.onStatusChange('error');
+      };
+      this.ws.onclose = function (evt) {
+        console.log("ws close !!!!!!!!!!!!!!!!!!!!!!!!!");
+        _this.onStatusChange('close');
+      };
+      this.ws.onmessage = function (evt) {
+        _this.run('message', evt);
+      };
+    }
+  }, {
+    key: "getDataUrl",
+    value: function getDataUrl() {
+      var wsUrl = getWsUrl().replace(/\/$/, '') + '/';
+      return this.url || "".concat(wsUrl, "joinVideo/ws").toLocaleLowerCase();
+    }
+  }, {
+    key: "onConnect",
+    value: function onConnect() {
+      this.ws = new WebSocket(this.getDataUrl());
+      this.onConstructor();
+    }
+  }, {
+    key: "onStatusChange",
+    value: function onStatusChange(status) {
+      this.run('connect-status', status);
+      this.connectStatus = status;
+    }
+  }, {
+    key: "on",
+    value: function on(name) {
+      var fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (data) {};
+      this.events.push({
+        name: name,
+        fn: fn
+      });
+    }
+  }, {
+    key: "run",
+    value: function run(name, data) {
+      this.events.forEach(function (items) {
+        if (name === items.name) {
+          items.fn(data);
+        }
+      });
+    }
+  }, {
+    key: "off",
+    value: function off(name) {
+      var _this2 = this;
+      this.events.forEach(function (items, index) {
+        if (name === items.name) {
+          _this2.events.splice(index, 1);
+        }
+      });
+    }
+  }, {
+    key: "onReConnect",
+    value: function onReConnect() {
+      this.onConnect();
+    }
+  }, {
+    key: "send",
+    value: function send() {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      console.log('on ws send:', data);
+      if (this.connectStatus === 'success') {
+        this.sendPost(data);
+      } else {
+        // 检查状态，缓存起来
+        this.postEventsNeedData.push(data);
+      }
+    }
+  }, {
+    key: "sendPost",
+    value: function sendPost() {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.ws.send(JSON.stringify(data));
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _this$ws;
+      this.events = [];
+      this.postEventsNeedData = [];
+      (_this$ws = this.ws) === null || _this$ws === void 0 || _this$ws.close();
+      console.log("ws destroy.", this.ws);
+    }
+  }]);
+  return WS;
+}();
+export default WS;

package/dist/config/apiUrls.d.ts

@@ -0,0 +1,9 @@
+export declare const currentEnv: Global.Env;
+interface ApiUrls {
+    [name: string]: {
+        api: string;
+        ws: string;
+    };
+}
+declare const ApiUrls: ApiUrls;
+export default ApiUrls;

package/dist/config/apiUrls.js

@@ -0,0 +1,25 @@
+// 业务服务器 api
+export var currentEnv = 'prod';
+var ApiUrls = {
+  local: {
+    api: 'http://localhost:9999/',
+    ws: 'ws://localhost:9999/'
+  },
+  dev: {
+    api: 'http://api.stock.net/',
+    ws: 'ws://localhost:9800/'
+  },
+  sit: {
+    api: 'http://api.stock.net/',
+    ws: 'ws://localhost:9999/'
+  },
+  pre: {
+    api: 'https://pre.api-chat.douzhuli.shop/',
+    ws: 'wss://pre.api-chat.douzhuli.shop/'
+  },
+  prod: {
+    api: 'https://api-ktv-ai.douzhuli.shop/',
+    ws: 'wss://api-ktv-ai.douzhuli.shop/'
+  }
+};
+export default ApiUrls;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+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';

package/dist/index.js

@@ -0,0 +1,5 @@
+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";