component-shipinlv 0.0.29 → 0.1.1

package/dist/index.d.ts

@@ -3,3 +3,4 @@ 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';

package/dist/index.js

@@ -2,4 +2,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";
+export { default as Product } from "./Product";
+export { default as JoinClient } from "./join-client";

package/dist/join-client/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+interface Props {
+    productType: string;
+    port?: number;
+    onRunStatus: (runStatus: SubClient.RunStatus) => void;
+}
+declare const JoinClient: React.FC<Props>;
+export default JoinClient;

package/dist/join-client/index.js

@@ -0,0 +1,208 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useRef, useState } from 'react';
+import * as SubClientController from "../service/api/SubClientController";
+import { useRequest } from '@umijs/hooks';
+import "./index.less";
+import { CheckCircleFilled, ExclamationCircleFilled, LoadingOutlined, QuestionCircleOutlined, RedoOutlined } from "@ant-design/icons";
+import { Button, Divider, Tooltip } from "antd";
+import Tool from "../lib/Tool";
+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 TryRunStatusMaxCount = 1000;
+var TryRunStatusIntervalMillisecond = 1000;
+var JoinClient = function JoinClient(_ref) {
+  var productType = _ref.productType,
+    _ref$port = _ref.port,
+    port = _ref$port === void 0 ? 0 : _ref$port,
+    _ref$onRunStatus = _ref.onRunStatus,
+    onRunStatus = _ref$onRunStatus === void 0 ? function () {} : _ref$onRunStatus;
+  var _useState = useState('loading'),
+    _useState2 = _slicedToArray(_useState, 2),
+    runStatus = _useState2[0],
+    setRunStatus = _useState2[1];
+  var tryRunStatusTimerRef = useRef(setTimeout(function () {}, 0));
+  var _useRequest = useRequest(function () {
+      return SubClientController.start({
+        productType: productType
+      });
+    }, {
+      // manual: true,
+      onSuccess: function () {
+        var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                console.log('JoinClient:', result);
+                if (result.status === 'client-not-exist') {
+                  setRunStatus('loading');
+                } else if (result.status === 'client-exist') {
+                  setRunStatus('loading');
+                } else {
+                  console.log('JoinClient run status:', result);
+                  setRunStatus('loading');
+                }
+                onTryRunStatus();
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onSuccess(_x) {
+          return _onSuccess.apply(this, arguments);
+        }
+        return onSuccess;
+      }(),
+      onError: function onError(err) {
+        console.log('SubClientController start err:', err.name, err.message);
+        setRunStatus('client-fail');
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var onTryRunStatus = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return SubClientController.runStatus({
+              productType: productType,
+              port: port
+            }, {
+              silent: true
+            }).catch( /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(err) {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      if (err.name === 'sub-client-connect-fail') {
+                        setRunStatus('loading');
+                      } else {
+                        setRunStatus('loading');
+                      }
+                      _context2.next = 3;
+                      return Tool.sleep(TryRunStatusIntervalMillisecond);
+                    case 3:
+                      onTryRunStatus();
+                    case 4:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2);
+              }));
+              return function (_x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }());
+          case 2:
+            result = _context3.sent;
+            if (result) {
+              _context3.next = 5;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 5:
+            if (result.runStatus === 'working') {
+              setRunStatus('working');
+            }
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onTryRunStatus() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var $status = function $status() {
+    // 'stop' | 'not-install' |  'downloading' | 'down-fail' | 'start-fail' | 'working'
+    if (runStatus === 'client-fail') {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["\u8BF7\u5148", /*#__PURE__*/_jsx("a", {
+          href: "https://shipinlv.com/product/client-shipinlv/download",
+          target: "_blank",
+          children: "\u4E0B\u8F7D"
+        }), "\u3001\u5B89\u88C5\u5BA2\u6237\u7AEF\uFF0C\u5E76", /*#__PURE__*/_jsx("strong", {
+          children: "\u542F\u52A8"
+        }), /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          type: "primary",
+          icon: /*#__PURE__*/_jsx(RedoOutlined, {}),
+          onClick: function onClick() {
+            return run();
+          },
+          children: "\u91CD\u65B0\u8FDE\u63A5"
+        })]
+      });
+    }
+
+    // if( runStatus === 'client-close' ){
+    //   return <>
+    //     请先 <strong>启动</strong> 视频驴客户端
+    //     <Divider type="vertical" />
+    //     <Button size="small" type="primary" icon={ <RedoOutlined /> } onClick={ () => run() }>
+    //       连接
+    //     </Button>
+    //   </>
+    // }
+
+    if (runStatus === 'stop') {
+      return /*#__PURE__*/_jsx("span", {
+        children: "\u5BA2\u6237\u7AEF\u672A\u542F\u52A8"
+      });
+    }
+    if (runStatus === 'loading') {
+      return /*#__PURE__*/_jsxs("span", {
+        children: [/*#__PURE__*/_jsx(LoadingOutlined, {
+          className: "loading"
+        }), " \u8FDE\u63A5\u4E2D"]
+      });
+    }
+    if (runStatus === 'down-fail') {
+      return /*#__PURE__*/_jsx("span", {
+        children: "\u5BA2\u6237\u7AEF\u4E0B\u8F7D\u5931\u8D25"
+      });
+    }
+    if (runStatus === 'downloading') {
+      return /*#__PURE__*/_jsx("span", {
+        children: "\u4E0B\u8F7D\u4E2D"
+      });
+    }
+    if (runStatus === 'start-fail') {
+      return /*#__PURE__*/_jsxs("span", {
+        children: [/*#__PURE__*/_jsx(ExclamationCircleFilled, {}), " \u542F\u52A8\u5931\u8D25"]
+      });
+    }
+    if (runStatus == 'working') {
+      return /*#__PURE__*/_jsxs("span", {
+        children: [/*#__PURE__*/_jsx(CheckCircleFilled, {
+          className: "working"
+        }), " \u5BA2\u6237\u7AEF\u5DF2\u8FDE\u63A5"]
+      });
+    }
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: runStatus
+    });
+  };
+  useEffect(function () {
+    onRunStatus(runStatus);
+  }, [runStatus]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "clientStatus",
+    children: [$status(), /*#__PURE__*/_jsx(Divider, {
+      type: "vertical"
+    }), /*#__PURE__*/_jsxs(Tooltip, {
+      title: "\u672C\u9875\u9762\u529F\u80FD\u9700\u8981\u4F60\u7684\u7535\u8111\u4E0A\u5B89\u88C5\u4E13\u7528\u5BA2\u6237\u7AEF\u8F6F\u4EF6",
+      children: [" ", /*#__PURE__*/_jsx(QuestionCircleOutlined, {})]
+    })]
+  });
+};
+export default JoinClient;

package/dist/join-client/index.less

@@ -0,0 +1,15 @@
+.clientStatus{
+
+  .loading{
+    opacity: 0.7;
+  }
+
+  .downloading{
+    margin-left: 12px;
+  }
+
+  .working{
+    color: green;
+  }
+
+}

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: "info" | "error" | "success" | "warning", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
+    notification(type: "success" | "info" | "warning" | "error", 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/request.js

@@ -61,7 +61,7 @@ var requestApi = function requestApi() {
         }
       }
     }).catch(function (err) {
-      console.log('ajax error:', err);
+      console.log('ajax error:', err.name, err.message, err);
       if (['Failed to fetch', 'http error'].includes(err === null || err === void 0 ? void 0 : err.message)) {
         err.message = '发生了一些问题，请稍后重试';
       }

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

@@ -0,0 +1,7 @@
+export declare function start(body: {
+    productType: string;
+}, options?: Global.RequestOptions): Promise<SubClient.StartResult>;
+export declare function runStatus(body: {
+    productType: string;
+    port: number;
+}, options?: Global.RequestOptions): Promise<SubClient.RunStatusResult>;

package/dist/service/api/SubClientController.js

@@ -0,0 +1,47 @@
+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 start(_x, _x2) {
+  return _start.apply(this, arguments);
+}
+
+// 测试是否联通
+function _start() {
+  _start = _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("http://127.0.0.1:61800/sub-client/start", _objectSpread({
+            env: (options === null || options === void 0 ? void 0 : options.env) || '',
+            method: 'GET',
+            params: _objectSpread({}, body)
+          }, options || {})));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _start.apply(this, arguments);
+}
+export function runStatus(_x3, _x4) {
+  return _runStatus.apply(this, arguments);
+}
+function _runStatus() {
+  _runStatus = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(body, options) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          return _context2.abrupt("return", request("http://127.0.0.1:".concat((body === null || body === void 0 ? void 0 : body.port) || 61800, "/sub-client/runStatus"), _objectSpread({
+            method: 'GET',
+            params: _objectSpread({}, body)
+          }, options || {})));
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _runStatus.apply(this, arguments);
+}

package/dist/typings/SubClient.d.ts

@@ -0,0 +1,10 @@
+declare namespace SubClient {
+    type ClientRunStatus = 'client-not-exist' | 'client-exist';
+    type RunStatus = 'loading' | 'not-install' | 'stop' | 'downloading' | 'down-fail' | 'start-fail' | 'working' | 'client-fail';
+    interface StartResult {
+        status: ClientRunStatus;
+    }
+    interface RunStatusResult {
+        runStatus: RunStatus;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "0.0.29",
+  "version": "0.1.1",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",