component-shipinlv 1.0.19 → 1.0.20

package/dist/Client/ClientUpdate/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+interface Props {
+    productType: string;
+    versionReal: number;
+    awaitSecond?: number;
+    env?: Global.Env;
+    onOpenUrl: (url: string) => void;
+}
+declare const ClientUpdate: React.FC<Props>;
+export default ClientUpdate;

package/dist/Client/ClientUpdate/index.js

@@ -0,0 +1,92 @@
+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, useState } from 'react';
+import "./index.less";
+import { CaretRightOutlined } from '@ant-design/icons';
+import Tool from "../../lib/Tool";
+import { useRequest } from "@umijs/hooks";
+import * as ClientVersionController from "../../service/api/ClientVersionController";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ClientUpdate = function ClientUpdate(_ref) {
+  var productType = _ref.productType,
+    _ref$versionReal = _ref.versionReal,
+    versionReal = _ref$versionReal === void 0 ? 0 : _ref$versionReal,
+    _ref$awaitSecond = _ref.awaitSecond,
+    awaitSecond = _ref$awaitSecond === void 0 ? 5e3 : _ref$awaitSecond,
+    env = _ref.env,
+    _ref$onOpenUrl = _ref.onOpenUrl,
+    onOpenUrl = _ref$onOpenUrl === void 0 ? function () {} : _ref$onOpenUrl;
+  var _useState = useState({
+      title: '',
+      content: '',
+      versionReal: 0,
+      version: '',
+      url: '',
+      needUpdate: false,
+      created: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    clientVersion = _useState2[0],
+    setClientVersion = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    upStatus = _useState4[0],
+    setUpStatus = _useState4[1];
+  var _useRequest = useRequest(function (data) {
+      return ClientVersionController.check(data, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        setClientVersion(result);
+        if (result.needUpdate) {
+          setUpStatus('available');
+        }
+      }
+    }),
+    run = _useRequest.run;
+  var onGoDown = function onGoDown() {
+    var siteInfo = Tool.getLocalSiteInfo();
+    var domain = siteInfo.domain || document.location.hostname;
+    var url = "".concat(document.location.protocol, "//").concat(domain, "/product/").concat(productType);
+    onOpenUrl(url);
+  };
+  var onInit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return Tool.sleep(awaitSecond);
+          case 2:
+            run({
+              versionReal: versionReal,
+              domain: document.location.hostname,
+              osType: Tool.getOsName(),
+              productType: productType
+            });
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onInit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    onInit();
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    className: "clientUpdate",
+    children: upStatus === 'available' && /*#__PURE__*/_jsxs("a", {
+      onClick: onGoDown,
+      children: [/*#__PURE__*/_jsx(CaretRightOutlined, {}), " \u65B0\u7248\u672C"]
+    })
+  });
+};
+export default ClientUpdate;

package/dist/Client/ClientUpdate/index.less

@@ -0,0 +1,23 @@
+.clientUpdate{
+  a{
+    cursor: pointer;
+    background-color: #F60;
+    color: #FFF;
+    padding: 1px 5px;
+    line-height: 1em;
+    border-radius: 3px;
+    animation: icon-change 3s ease-in-out infinite;
+  }
+}
+
+@keyframes icon-change {
+  0%{
+    background-color: #F60;
+  }
+  50%{
+    background-color: #333;
+  }
+  100%{
+    background-color: #F60;
+  }
+}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { default as Auth } from './Auth';
 export { default as Product } from './Product';
 export { default as JoinClient } from './join-client';
 export { default as renewalVip } from './renewal-vip';
+export { default as ClientUpdate } from './Client/ClientUpdate';
 export { default as VipList } from './VipList';
 export { default as VideoPublish } from './VideoPublish';
 export { default as VideoPublishCreateTask } from './VideoPublish/creat-task';

package/dist/index.js

@@ -9,6 +9,7 @@ export { default as Auth } from "./Auth";
 export { default as Product } from "./Product";
 export { default as JoinClient } from "./join-client";
 export { default as renewalVip } from "./renewal-vip";
+export { default as ClientUpdate } from "./Client/ClientUpdate";
 export { default as VipList } from "./VipList";
 export { default as VideoPublish } from "./VideoPublish";
 export { default as VideoPublishCreateTask } from "./VideoPublish/creat-task";

package/dist/lib/Tool.d.ts

@@ -157,11 +157,11 @@ declare const Tool: {
     getTimeOffset(): any;
     setTimeOffset(serverTime: number): void;
     getTime(): number;
-    getOsName(): "windows" | "darwin" | "ios" | "android" | "linux" | "Unknown OS";
+    getOsName(): Global.OsName;
     OsPathSeparator(): string;
     getTitleByPath(path: string): string;
     h5Pay(query: Pay.H5PayQuery): void;
-    notification(type: "error" | "info" | "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/Tool.js

@@ -1124,7 +1124,7 @@ var Tool = _objectSpread(_objectSpread({
     }
 
     // 未知操作系统
-    return "Unknown OS";
+    return "other";
   },
   OsPathSeparator: function OsPathSeparator() {
     if (this.getOsName() === 'windows') {

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

@@ -0,0 +1 @@
+export declare function check(body: ClientVersion.UpdateQuery, options?: Global.RequestOptions): Promise<ClientVersion.UpdateData>;

package/dist/service/api/ClientVersionController.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 check(_x, _x2) {
+  return _check.apply(this, arguments);
+}
+function _check() {
+  _check = _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("client/version/check", _objectSpread({
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            params: body
+          }, options || {})));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _check.apply(this, arguments);
+}

package/dist/types/ClientUpdate.d.ts

@@ -0,0 +1,3 @@
+declare namespace ClientUpdate {
+    type UpStatus = '' | 'available' | 'down-progress' | 'down-success' | 'error';
+}

package/dist/types/ClientVersion.d.ts

@@ -0,0 +1,17 @@
+declare namespace ClientVersion {
+    interface UpdateQuery {
+        versionReal: string | number;
+        domain: string;
+        osType: Global.OsName;
+        productType: string;
+    }
+    interface UpdateData {
+        title: string;
+        content: string;
+        versionReal: number;
+        version: string;
+        url: string;
+        needUpdate: boolean;
+        created: number;
+    }
+}

package/dist/typings.d.ts

@@ -2,6 +2,8 @@ declare namespace Global {
   export type Env = 'local' | 'pre' | 'prod';
   type AuthClientLoginType = 'wechat' | 'account-login' | 'account-reg' | 'alipay';
   export type ProductKind = 'vip' | 'vip-card' | string;
+  type OsName = '' | 'darwin' | 'windows' | 'linux' | 'other';
+
   type VideoPlatformKind = string;
   interface RequestResult{
     code: string;

package/package.json

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