@cloud-app-dev/vidc 4.0.0 → 4.0.1

package/es/FullScreen/index.js

@@ -31,7 +31,6 @@ function FullScreen(_ref) {
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
   _useUpdateEffect(function () {
-    console.log(isFullscreen);
     fullScreenChange === null || fullScreenChange === void 0 ? void 0 : fullScreenChange(isFullscreen); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFullscreen]);
 

package/es/Player/api/index.d.ts

@@ -1,4 +1,4 @@
-import Flvjs from '@cloud-app-dev/flv.js';
+import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls, { HlsConfig } from 'hls.js';
 import type { FlvPlayerConfig } from '../player';
 declare class Api {
@@ -34,11 +34,11 @@ declare class Api {
     /**
      * 获取视频总时长
      */
-    getDuration: () => number | undefined;
+    getDuration: () => number;
     /**
      * 获取当前播放时间
      */
-    getCurrentTime: () => number | undefined;
+    getCurrentTime: () => number;
     /**
      * 获取缓存时间
      */
@@ -64,5 +64,5 @@ export declare type TypeAndPlay = {
     hls?: Hls;
 };
 export declare function useTypeAndPlay(url?: string, type?: string, isLive?: boolean, container?: HTMLElement, segments?: Flvjs.MediaSegment[], flvConfig?: FlvPlayerConfig, hlsConfig?: HlsConfig): [string, Flvjs.Player, Hls];
-export declare function usePlayerApi(url?: string, type?: string, isLive?: boolean, container?: HTMLElement, segments?: Flvjs.MediaSegment[], flvConfig?: FlvPlayerConfig, hlsConfig?: HlsConfig): [Api | undefined, [string, Flvjs.Player, Hls]];
+export declare function usePlayerApi(url?: string, type?: string, isLive?: boolean, container?: HTMLElement, segments?: Flvjs.MediaSegment[], flvConfig?: FlvPlayerConfig, hlsConfig?: HlsConfig): [Api | undefined, [string, Flvjs.Player, Hls], () => void];
 export default Api;

package/es/Player/api/index.js

@@ -1,4 +1,9 @@
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
+import _useMemoizedFn from "ahooks/es/useMemoizedFn";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -20,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { tryCatch } from "../../utils";
 import { createFlvPlayer, createHlsPlayer } from "../util";
 
@@ -103,17 +108,19 @@ var Api = /*#__PURE__*/function () {
         return seekable.end(seekable.length - 1);
       }
 
-      return duration;
+      return duration !== null && duration !== void 0 ? duration : 0;
     });
 
     _defineProperty(this, "getCurrentTime", function () {
-      var _this$video5;
+      var _this$video$currentTi, _this$video5;
 
-      return (_this$video5 = _this.video) === null || _this$video5 === void 0 ? void 0 : _this$video5.currentTime;
+      return (_this$video$currentTi = (_this$video5 = _this.video) === null || _this$video5 === void 0 ? void 0 : _this$video5.currentTime) !== null && _this$video$currentTi !== void 0 ? _this$video$currentTi : 0;
     });
 
     _defineProperty(this, "getSecondsLoaded", function () {
-      return _this.getBufferedTime()[1];
+      var _this$getBufferedTime;
+
+      return (_this$getBufferedTime = _this.getBufferedTime()[1]) !== null && _this$getBufferedTime !== void 0 ? _this$getBufferedTime : 0;
     });
 
     _defineProperty(this, "getBufferedTime", function () {
@@ -273,7 +280,23 @@ export function usePlayerApi(url, type, isLive, container, segments, flvConfig,
       api = _useState4[0],
       setApi = _useState4[1];
 
-  var typePlay = useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig);
+  var _useState5 = useState(Date.now()),
+      _useState6 = _slicedToArray(_useState5, 2),
+      forceKey = _useState6[0],
+      setForceKey = _useState6[1];
+
+  var config = useMemo(function () {
+    return {
+      flvConfig: _objectSpread({}, flvConfig),
+      hlsConfig: _objectSpread({}, hlsConfig)
+    };
+  }, [forceKey]);
+  var typePlay = useTypeAndPlay(url, type, isLive, container, segments, config.flvConfig, config.hlsConfig);
+
+  var rePlay = _useMemoizedFn(function () {
+    return setForceKey(Date.now());
+  });
+
   useEffect(function () {
     if (!container) {
       console.debug('wait create api...');
@@ -288,6 +311,6 @@ export function usePlayerApi(url, type, isLive, container, segments, flvConfig,
       });
     };
   }, [container, segments]);
-  return [api, typePlay];
+  return [api, typePlay, rePlay];
 }
 export default Api;

package/es/Player/event/errorEvent.d.ts

@@ -1,4 +1,4 @@
-import Flvjs from '@cloud-app-dev/flv.js';
+import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls from 'hls.js';
 import type VideoEventInstance from '.';
 interface IErrorEventProps {

package/es/Player/event/errorEvent.js

@@ -18,7 +18,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import Flvjs from '@cloud-app-dev/flv.js';
+import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls from 'hls.js';
 import { useEffect, useRef, useState } from 'react';
 import { useRegisterPlayerEvent, useVideoEvent } from '.';

package/es/Player/fps_play.js

@@ -36,17 +36,15 @@ function FPSPlay(_ref) {
   }, [fps]);
   useEffect(function () {
     var fpsCapture = function fpsCapture() {
-      var _api$getCurrentTime, _api$getDuration;
-
-      if (!ref.current || !(event !== null && event !== void 0 && event.video)) {
+      if (!ref.current || !(event !== null && event !== void 0 && event.video) || !api) {
         return;
       }
 
       var video = event.video;
-      var fpsTime = (_api$getCurrentTime = api === null || api === void 0 ? void 0 : api.getCurrentTime()) !== null && _api$getCurrentTime !== void 0 ? _api$getCurrentTime : 0 + fps_second;
+      var fpsTime = api.getCurrentTime() + fps_second;
       video.currentTime = fpsTime;
 
-      if (video.currentTime >= ((_api$getDuration = api === null || api === void 0 ? void 0 : api.getDuration()) !== null && _api$getDuration !== void 0 ? _api$getDuration : 0)) {
+      if (video.currentTime >= api.getDuration()) {
         clearInterval(timerRef.current);
         video.currentTime = 0;
         event.emit(Events.PLAY_ENDED);

package/es/Player/player.d.ts

@@ -1,4 +1,4 @@
-import type Flvjs from '@cloud-app-dev/flv.js';
+import type Flvjs from '@cloud-app-dev/mpegts.js';
 import type Hls, { HlsConfig } from 'hls.js';
 import type React from 'react';
 import type Api from './api';

package/es/Player/single_player.js

@@ -1,4 +1,5 @@
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+import _useMemoizedFn from "ahooks/es/useMemoizedFn";
 import _useLatest from "ahooks/es/useLatest";
 import _useToggle3 from "ahooks/es/useToggle";
 var _excluded = ["className", "url", "type", "hideContrallerBar", "isLive", "errorReloadTimer", "children", "onCanPlayerInit", "extActions"];
@@ -38,7 +39,7 @@ import FPSPlay from "./fps_play";
 import useLiveHeart from "./live_heart";
 import VideoMessage from "./message";
 import Timeline from "./timeline";
-import { getVideoType, playReload, playUnload } from "./util";
+import { getVideoType, playUnload } from "./util";
 import "./style/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -105,11 +106,12 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
   useRegisterPlayerEvents(event, playerEvents);
 
   var _usePlayerApi = usePlayerApi(url, vType, isLive, state.container, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource.segments, flvConfig, hlsConfig),
-      _usePlayerApi2 = _slicedToArray(_usePlayerApi, 2),
+      _usePlayerApi2 = _slicedToArray(_usePlayerApi, 3),
       api = _usePlayerApi2[0],
       _usePlayerApi2$ = _slicedToArray(_usePlayerApi2[1], 3),
       flv = _usePlayerApi2$[1],
-      hls = _usePlayerApi2$[2]; // 判断是否有链接传入
+      hls = _usePlayerApi2$[2],
+      rePlay = _usePlayerApi2[2]; // 判断是否有链接传入
 
 
   var hasLink = useMemo(function () {
@@ -133,31 +135,31 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
     event === null || event === void 0 ? void 0 : event.emit(EventName.CLEAR_ERROR_TIMER); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url]); // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
 
-  var reload = function reload() {
-    return playReload(video, event, flvRef.current, hlsRef.current, url);
-  };
+  var reload = _useMemoizedFn(function () {
+    rePlay(); // playReload(video, event, flvRef.current, hlsRef.current, url);
+  });
 
-  var unload = function unload() {
+  var unload = _useMemoizedFn(function () {
     return playUnload(video, flvRef.current, hlsRef.current);
-  };
+  });
 
-  var openFpsPlay = function openFpsPlay() {
+  var openFpsPlay = _useMemoizedFn(function () {
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         isFpsPlay: true
       });
     });
     api === null || api === void 0 ? void 0 : api.pause();
-  };
+  });
 
-  var closeFpsPlay = function closeFpsPlay() {
+  var closeFpsPlay = _useMemoizedFn(function () {
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         isFpsPlay: false
       });
     });
     api === null || api === void 0 ? void 0 : api.play();
-  }; // 合并api,加上代理
+  }); // 合并api,加上代理
 
 
   var playApi = useMemo(function () {

package/es/Player/util.d.ts

@@ -1,4 +1,4 @@
-import Flvjs from '@cloud-app-dev/flv.js';
+import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls, { HlsConfig } from 'hls.js';
 import type VideoEventInstance from './event';
 import type { FlvPlayerConfig } from './player';

package/es/Player/util.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import Flvjs from '@cloud-app-dev/flv.js';
+import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls from 'hls.js';
 import { tryCatch } from "../utils";
 import Events from "./event/eventName";

package/es/ScreenPlayer/demo.js

@@ -3,8 +3,9 @@ import React from 'react';
 import LivePlayer from "./Live";
 import { jsx as _jsx } from "react/jsx-runtime";
 var list = [{
-  url: 'https://jxsr-api.antelopecloud.cn/cloud/v2/live/538505715.m3u8?client_token=538505715_0_1662689284_b3fa3a25322233281b05384cfd11dc9d',
-  type: 'hls'
+  url: 'https://jxsr-eye.antelopecloud.cn/staticResource/v2/video/live.flv/539173011?Authorization=eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY3MjAzMzkyMzEyOSwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY3MTc3NDcyMzEyOX0.HYG9RLLbItoa7zK6pP9GS_2woLiYzRlIyUD_VA1c-YI',
+  type: 'flv',
+  cid: '111'
 }];
 export default function App() {
   return /*#__PURE__*/_jsx(ConfigProvider, {

package/es/ThemeAntd/demo.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    .div1{
+      width: 500px;
+      height: 300px;
+      position: relative;
+      margin:0 auto;
+      border:1px solid #000
+    }
+
+    .div2{
+      width: 600px;
+      height: 400px;
+      position: absolute;
+      border:1px solid red;
+      transform-origin: left top;
+      transform: scale(1);
+    }
+  </style>
+</head>
+<body>
+  <div class="div1">
+    <div class="div2"></div>
+  </div>
+</body>
+</html>

package/es/index.d.ts

@@ -21,7 +21,6 @@ export { default as InstanceHistory } from './InstanceHistory';
 export { default as LabelValue } from './LabelValue';
 export { default as List } from './List';
 export { default as ListWithSizeAnimate } from './ListWithSizeAnimate';
-export { default as LoaderApp } from './LoaderApp';
 export { default as LoaderScript } from './LoaderScript';
 export { default as Map } from './Map';
 export { default as Picture } from './Picture';

package/es/index.js

@@ -21,7 +21,6 @@ export { default as InstanceHistory } from "./InstanceHistory";
 export { default as LabelValue } from "./LabelValue";
 export { default as List } from "./List";
 export { default as ListWithSizeAnimate } from "./ListWithSizeAnimate";
-export { default as LoaderApp } from "./LoaderApp";
 export { default as LoaderScript } from "./LoaderScript";
 export { default as Map } from "./Map";
 export { default as Picture } from "./Picture";

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",
@@ -42,7 +42,7 @@
     ]
   },
   "dependencies": {
-    "@cloud-app-dev/flv.js": "^1.0.3",
+    "@cloud-app-dev/mpegts.js": "^1.7.2",
     "@turf/boolean-disjoint": "^6.5.0",
     "@turf/helpers": "^6.5.0",
     "@turf/line-to-polygon": "^6.5.0",

package/es/LoaderApp/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { AppItemType } from '../Config/interface';
-import './index.less';
-interface ILoaderAppProps {
-    /**
-     * @description 微应用配置信息
-     * @default -
-     */
-    appConfig: AppItemType;
-    /**
-     * @description 需要传递微应用的参数
-     * @default {}
-     */
-    appProps: {
-        [key: string]: any;
-    };
-    /**
-     * @description 微应用加载容器样式
-     * @default
-     */
-    style?: React.CSSProperties;
-}
-declare function LoaderApp({ appConfig, appProps, style }: ILoaderAppProps): JSX.Element;
-declare namespace LoaderApp {
-    var defaultProps: {
-        appConfig: {};
-        appProps: {};
-        style: {};
-    };
-}
-export default LoaderApp;

package/es/LoaderApp/index.js

@@ -1,138 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-import _useUnmount from "ahooks/es/useUnmount";
-import _nextTick from "@cloud-app-dev/utils/es/nextTick";
-import _useMount from "ahooks/es/useMount";
-import _uuid from "@cloud-app-dev/utils/es/uuid";
-
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import React, { useRef, useMemo } from 'react';
-import LoaderModule from "./loader";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-function LoaderApp(_ref) {
-  var appConfig = _ref.appConfig,
-      appProps = _ref.appProps,
-      style = _ref.style;
-  var domRef = useRef(null);
-  var styleRef = useRef(null);
-  var loadedAppRef = useRef();
-  var id = useMemo(function () {
-    return _uuid();
-  }, []);
-  var statusRef = useRef();
-
-  _useMount(function () {
-    if (!appConfig) {
-      console.error('微应用不存在', 'appConfig ->', appConfig, 'appProps ->', appProps);
-      return undefined;
-    }
-
-    if (!domRef.current || !styleRef.current) {
-      console.error('LoaderApp组件未正常初始化！', 'config ->', appConfig, 'appProps ->', appProps);
-      return undefined;
-    }
-
-    var props = _objectSpread(_objectSpread({}, appProps), {}, {
-      container: domRef.current
-    });
-
-    var routerPrefix = appConfig.routerPrefix,
-        html = appConfig.html;
-    var options = {
-      html: html,
-      name: routerPrefix,
-      prefix: ".".concat(routerPrefix, "-").concat(id),
-      styleNode: styleRef.current
-    };
-    LoaderModule(options).then( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mod) {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                loadedAppRef.current = mod; // 沙箱销毁方法
-
-                _context.next = 3;
-                return mod.bootstrap(props);
-
-              case 3:
-                _nextTick(function () {
-                  return statusRef.current = 'bootstrap';
-                });
-
-                _context.next = 6;
-                return mod.mount(props);
-
-              case 6:
-                _nextTick(function () {
-                  return statusRef.current = 'mounted';
-                });
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-  });
-
-  _useUnmount(function () {
-    if (loadedAppRef.current) {
-      var app = loadedAppRef.current;
-
-      var props = _objectSpread(_objectSpread({}, appProps), {}, {
-        container: domRef.current
-      });
-
-      app.unmount(props);
-
-      _nextTick(function () {
-        return statusRef.current = 'unmount';
-      });
-
-      loadedAppRef.current = null;
-    }
-  });
-
-  return /*#__PURE__*/_jsxs("main", {
-    ref: domRef,
-    className: "loaded-app-layout ".concat(appConfig.routerPrefix, "-").concat(id),
-    style: style,
-    children: [/*#__PURE__*/_jsx("style", {
-      ref: styleRef
-    }), /*#__PURE__*/_jsx("div", {
-      id: appConfig.routerPrefix,
-      style: {
-        width: '100%',
-        height: '100%'
-      }
-    })]
-  });
-}
-
-LoaderApp.defaultProps = {
-  appConfig: {},
-  appProps: {},
-  style: {}
-};
-export default LoaderApp;

package/es/LoaderApp/index.less

@@ -1,3 +0,0 @@
-.loaded-app-layout {
-  height: 100%;
-}

package/es/LoaderApp/interface.d.ts

@@ -1,9 +0,0 @@
-export interface AppInstance {
-  bootstrap: (props: any) => Promise<any>;
-  mount: (props: any) => Promise<any>;
-  unmount: (props: any) => Promise<any>;
-  update: (props: any) => Promise<any>;
-  unmountDev?: (props: any) => Promise<any>;
-}
-
-

package/es/LoaderApp/loader.d.ts

@@ -1,19 +0,0 @@
-import { AppInstance } from './interface';
-interface createScopedCssTextProps {
-    styleNode: HTMLStyleElement;
-    prefix: string;
-}
-export declare function createScopedCssText({ styleNode, prefix }: createScopedCssTextProps): string;
-interface ILoaderStyleProps {
-    cssText: string;
-    prefix: string;
-    styleNode: HTMLStyleElement;
-}
-export declare function LoaderStyle({ cssText, prefix, styleNode }: ILoaderStyleProps): Promise<void>;
-interface ILoaderModuleProps {
-    prefix: string;
-    styleNode: HTMLStyleElement;
-    html: string;
-}
-export default function LoaderModule({ prefix, styleNode, html }: ILoaderModuleProps): Promise<AppInstance>;
-export {};