@cloud-app-dev/vidc 2.1.0-alpha.8 → 2.2.0-alpha.2

package/es/Player/util.d.ts

@@ -0,0 +1,48 @@
+import Flvjs from 'flv.zv.js';
+import Hls, { HlsConfig } from 'hls.js';
+import type { FlvPlayerConfig } from './player';
+/**
+ * 创建HLS对象
+ * @param {*} video
+ * @param {*} URL
+ */
+export declare function createHlsPlayer(video: HTMLVideoElement, url: string, hlsConfig: HlsConfig): Hls;
+/**
+ * 创建FLV对象
+ * @param {*} video
+ * @param {*} options
+ */
+export declare function createFlvPlayer(video: HTMLVideoElement, url: string, isLive?: boolean, flvConfig?: FlvPlayerConfig): Flvjs.Player;
+export declare const playReload: (video: HTMLVideoElement, flv?: Flvjs.Player, hls?: Hls, url?: string) => void;
+export declare const playUnload: (video: HTMLVideoElement, flv?: Flvjs.Player, hls?: Hls) => void;
+/**
+ * 获取播放文件类型
+ * @param {*} url
+ */
+export declare function getVideoType(url: string): "flv" | "native" | "m3u8";
+export declare function timeStamp(second: number): string;
+/**
+ * 日期格式化
+ * @param {*} timetemp
+ */
+export declare function dateFormat(timetemp: number): string;
+/**
+ * 全屏
+ * @param {*} element
+ */
+export declare function fullscreen(element: HTMLElement): void;
+/**
+ * exitFullscreen 退出全屏
+ * @param  {Objct} element 选择器
+ */
+export declare function exitFullscreen(): void;
+/**
+ * 判读是否支持全屏
+ */
+export declare function fullscreenEnabled(): boolean;
+/**
+ * [isFullscreen 判断浏览器是否全屏]
+ * @return [全屏则返回当前调用全屏的元素,不全屏返回false]
+ */
+export declare function isFullscreen(ele: HTMLElement): boolean;
+export declare function getRandom(): string;

package/es/Player/util.js

@@ -0,0 +1,172 @@
+import Flvjs from 'flv.zv.js';
+import Hls from 'hls.js';
+/**
+ * 创建HLS对象
+ * @param {*} video
+ * @param {*} URL
+ */
+
+export function createHlsPlayer(video, url, hlsConfig) {
+  if (!Hls.isSupported()) {
+    return undefined;
+  }
+
+  var player = new Hls(Object.assign({
+    liveDurationInfinity: true,
+    fragLoadingMaxRetry: 0,
+    manifestLoadingMaxRetry: 0,
+    levelLoadingMaxRetry: 0,
+    enableWorker: true
+  }, hlsConfig));
+  player.loadSource(url);
+  player.attachMedia(video);
+  return player;
+}
+/**
+ * 创建FLV对象
+ * @param {*} video
+ * @param {*} options
+ */
+
+export function createFlvPlayer(video, url, isLive, flvConfig) {
+  if (!Flvjs.isSupported()) {
+    return undefined;
+  }
+
+  var mediaDataSource = Object.assign({
+    type: 'flv',
+    url: url
+  }, flvConfig.mediaDataSource);
+  var config = Object.assign({
+    enableWorker: true,
+    // lazyLoad: false,
+    // Indicates how many seconds of data to be kept for lazyLoad.
+    // lazyLoadMaxDuration: 0,
+    // autoCleanupMaxBackwardDuration: 3,
+    // autoCleanupMinBackwardDuration: 2,
+    // autoCleanupSourceBuffer: true,
+    enableStashBuffer: false,
+    stashInitialSize: 128,
+    isLive: isLive !== null && isLive !== void 0 ? isLive : true
+  }, flvConfig.config);
+  var player = Flvjs.createPlayer(mediaDataSource, config);
+  player.attachMediaElement(video);
+  player.load();
+  return player;
+}
+export var playReload = function playReload(video, flv, hls, url) {
+  video.pause();
+  video.removeAttribute('src');
+
+  if (flv) {
+    flv.unload();
+    flv.load();
+    flv.play();
+  }
+
+  if (hls) {
+    hls.swapAudioCodec();
+    hls.recoverMediaError();
+    hls.stopLoad();
+    hls.startLoad();
+    hls.loadSource(url);
+    video.play();
+  }
+
+  if (!flv && !hls) {
+    video.setAttribute('src', url);
+    video.play();
+  }
+};
+export var playUnload = function playUnload(video, flv, hls) {
+  video.pause();
+
+  if (flv) {
+    flv.unload();
+    return;
+  }
+
+  if (hls) {
+    hls.stopLoad();
+    return;
+  }
+
+  video.removeAttribute('src');
+};
+/**
+ * 获取播放文件类型
+ * @param {*} url
+ */
+
+export function getVideoType(url) {
+  if (!url) {
+    return 'native';
+  }
+
+  return url.indexOf('.flv') > -1 ? 'flv' : url.indexOf('.m3u8') > -1 ? 'm3u8' : 'native';
+}
+export function timeStamp(second) {
+  // 转换为式分秒
+  var h = Math.round(second / 60 / 60 % 24);
+  var m = Math.round(second / 60 % 60);
+  var s = Math.round(second % 60);
+
+  if (h === 0) {
+    return "".concat(m < 10 ? '0' + m : m, ":").concat(s < 10 ? '0' + s : s);
+  }
+
+  return "".concat(h < 10 ? '0' + h : h, ":").concat(m < 10 ? '0' + m : m, ":").concat(s < 10 ? '0' + s : s);
+}
+/**
+ * 日期格式化
+ * @param {*} timetemp
+ */
+
+export function dateFormat(timetemp) {
+  var date = new Date(timetemp);
+  var YYYY = date.getFullYear();
+  var DD = date.getDate();
+  var MM = date.getMonth() + 1;
+  var hh = date.getHours();
+  var mm = date.getMinutes();
+  var ss = date.getSeconds();
+  return "".concat(YYYY, ".").concat(MM > 9 ? MM : '0' + MM, ".").concat(DD > 9 ? DD : '0' + DD, " ").concat(hh > 9 ? hh : '0' + hh, ".").concat(mm > 9 ? mm : '0' + mm, ".").concat(ss > 9 ? ss : '0' + ss);
+}
+/**
+ * 全屏
+ * @param {*} element
+ */
+
+export function fullscreen(element) {
+  element.requestFullscreen();
+}
+/**
+ * exitFullscreen 退出全屏
+ * @param  {Objct} element 选择器
+ */
+
+export function exitFullscreen() {
+  document.exitFullscreen();
+}
+/**
+ * 判读是否支持全屏
+ */
+
+export function fullscreenEnabled() {
+  return document.fullscreenEnabled;
+}
+/**
+ * [isFullscreen 判断浏览器是否全屏]
+ * @return [全屏则返回当前调用全屏的元素,不全屏返回false]
+ */
+
+export function isFullscreen(ele) {
+  if (!ele) {
+    return false;
+  }
+
+  return document.fullscreenElement === ele;
+}
+export function getRandom() {
+  return Math.random().toString(36).substr(2);
+}

package/es/Progress/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProgressComponentProps {
     status: 'over' | 'error' | 'loading';

package/es/SegmentPlayer/index.d.ts

@@ -0,0 +1,2 @@
+import SegmentPlayer from '../Player/segment_player';
+export default SegmentPlayer;

package/es/SegmentPlayer/index.js

@@ -0,0 +1,2 @@
+import SegmentPlayer from '../Player/segment_player';
+export default SegmentPlayer;

package/es/Service/fetch-adapter.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="typings/global" />
+import { AxiosRequestConfig, AxiosPromise } from 'axios';
+export interface AxiosFetchRequestConfig extends AxiosRequestConfig<BodyInit> {
+    mode?: RequestMode;
+    body?: BodyInit;
+    cache?: RequestCache;
+    integrity?: string;
+    redirect?: RequestRedirect;
+    referrer?: string;
+    credentials?: RequestCredentials;
+}
+export default function fetchAdapter(config: AxiosFetchRequestConfig): AxiosPromise;

package/es/Service/fetch-adapter.js

@@ -0,0 +1,184 @@
+/// <reference path="../../typings/global.d.ts"/>
+import { __awaiter } from "tslib";
+import { AxiosError } from 'axios';
+import settle from 'axios/lib/core/settle';
+import buildURL from 'axios/lib/helpers/buildURL';
+import buildFullPath from 'axios/lib/core/buildFullPath';
+import CanceledError from 'axios/lib/cancel/CanceledError';
+import { isUndefined } from 'lodash-es';
+export default function fetchAdapter(config) {
+  return new Promise(function (resolve, reject) {
+    var controller = new AbortController();
+    var signal = controller.signal;
+    var request = createRequest(config, signal);
+    var promises = [getResponse(request, config)];
+
+    if (config.timeout && config.timeout > 0) {
+      promises.push(timeoutHandle(request, controller, config));
+    }
+
+    if (config.cancelToken) {
+      // Handle cancellation
+      config.cancelToken.promise.then(function onCanceled(cancel) {
+        if (!request) {
+          return;
+        }
+
+        reject(!cancel ? new CanceledError(null, config, request) : cancel);
+        controller.abort();
+      });
+    }
+
+    return Promise.race(promises).then(function (data) {
+      return settle(resolve, reject, data);
+    }).catch(reject);
+  });
+}
+
+function timeoutHandle(request, controller, config) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      var message = config.timeoutErrorMessage ? config.timeoutErrorMessage : 'timeout of ' + config.timeout + 'ms exceeded';
+      resolve(createError(message, config, 'ECONNABORTED', request));
+      controller.abort();
+    }, config.timeout);
+  });
+}
+
+function getResponse(request, config) {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var stageOne, response;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return fetch(request);
+
+          case 3:
+            stageOne = _context.sent;
+            _context.next = 9;
+            break;
+
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            return _context.abrupt("return", createError('Network Error', config, 'ERR_NETWORK', request));
+
+          case 9:
+            response = {
+              ok: stageOne.ok,
+              status: stageOne.status,
+              statusText: stageOne.statusText,
+              headers: new Headers(stageOne.headers),
+              config: config,
+              request: request
+            };
+
+            if (!(stageOne.status >= 200 && stageOne.status !== 204)) {
+              _context.next = 30;
+              break;
+            }
+
+            _context.t1 = config.responseType;
+            _context.next = _context.t1 === 'arraybuffer' ? 14 : _context.t1 === 'blob' ? 18 : _context.t1 === 'json' ? 22 : 26;
+            break;
+
+          case 14:
+            _context.next = 16;
+            return stageOne.arrayBuffer();
+
+          case 16:
+            response.data = _context.sent;
+            return _context.abrupt("break", 30);
+
+          case 18:
+            _context.next = 20;
+            return stageOne.blob();
+
+          case 20:
+            response.data = _context.sent;
+            return _context.abrupt("break", 30);
+
+          case 22:
+            _context.next = 24;
+            return stageOne.json();
+
+          case 24:
+            response.data = _context.sent;
+            return _context.abrupt("break", 30);
+
+          case 26:
+            _context.next = 28;
+            return stageOne.text();
+
+          case 28:
+            response.data = _context.sent;
+            return _context.abrupt("break", 30);
+
+          case 30:
+            return _context.abrupt("return", response);
+
+          case 31:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 6]]);
+  }));
+}
+
+function createRequest(config, signal) {
+  var headers = new Headers(config.headers);
+
+  if (config.auth) {
+    var username = config.auth.username || '';
+    var password = config.auth.password ? decodeURI(encodeURIComponent(config.auth.password)) : '';
+    headers.set('Authorization', "Basic ".concat(btoa(username + ':' + password)));
+  }
+
+  var method = config.method.toUpperCase();
+  var options = {
+    headers: headers,
+    method: method,
+    signal: signal
+  };
+
+  if (method !== 'GET' && method !== 'HEAD') {
+    options.body = config.data;
+  }
+
+  if (config.mode) {
+    options.mode = config.mode;
+  }
+
+  if (config.cache) {
+    options.cache = config.cache;
+  }
+
+  if (config.integrity) {
+    options.integrity = config.integrity;
+  }
+
+  if (config.redirect) {
+    options.redirect = config.redirect;
+  }
+
+  if (config.referrer) {
+    options.referrer = config.referrer;
+  }
+
+  if (!isUndefined(config.withCredentials)) {
+    options.credentials = config.withCredentials ? 'include' : 'omit';
+  }
+
+  var fullPath = buildFullPath(config.baseURL, config.url);
+  var url = buildURL(fullPath, config.params, config.paramsSerializer); // Expected browser to throw error if there is any wrong configuration value
+
+  return new Request(url, options);
+}
+
+function createError(message, config, code, request, response) {
+  return new AxiosError(message, AxiosError[code], config, request, response);
+}

package/es/Service/http.d.ts

@@ -1,4 +1,4 @@
-import { AxiosInstance } from 'fetch-like-axios';
+import { AxiosInstance } from 'axios';
 import type { RsponseType, XHRResponse } from './interface';
 declare function http({ cancelHttp, ...newOptions }: RsponseType): Promise<any>;
 declare const httpMultiPartInstance: AxiosInstance;

package/es/Service/http.js

@@ -1,11 +1,13 @@
 import { __rest } from "tslib";
-import Axios from 'fetch-like-axios';
+import Axios from 'axios';
+import fetchAdapter from './fetch-adapter';
 import * as Middleware from './middleware';
 var CancelToken = Axios.CancelToken;
 var config = {
   baseURL: '/',
   timeout: 60 * 1000,
   xhrMode: 'fetch',
+  adapter: fetchAdapter,
   headers: {
     Accept: 'application/json; charset=utf-8',
     'Content-Type': 'application/json; charset=utf-8'
@@ -68,8 +70,8 @@ function http(_a) {
 }
 
 var httpMultiPartInstance = Axios.create({
-  xhrMode: 'fetch',
   timeout: 10 * 60 * 1000,
+  adapter: fetchAdapter,
   headers: {
     'Content-Type': 'multipart/form-data'
   }

package/es/Service/interface.d.ts

@@ -1,4 +1,4 @@
-import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'fetch-like-axios';
+import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
 export type RsponseType = AxiosRequestConfig & { requestId?: string; cancelHttp?: (cancel: Function) => void; loggerIndex?: number };
 
 export type XHRResponse = {
@@ -20,3 +20,4 @@ export type IServiceInterface = {
   registerResponseMiddleware(fn: MiddleWareType): void;
   registerResponseErrorMiddleware(fn: MiddleWareType): void;
 };
+

package/es/Tree/BaseTree/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function App(): JSX.Element;
 export default App;

package/es/Tree/BaseTree/demo.js

@@ -55,8 +55,10 @@ function App() {
       height: 400
     }
   }, /*#__PURE__*/React.createElement(Tree, {
-    key: state.keyword,
     treeData: treeData,
+    treeNodeProps: {
+      keyword: state.keyword
+    },
     virtual: false,
     icon: function icon(node) {
       return /*#__PURE__*/React.createElement(IconFont, {

package/es/Tree/BaseTree/index.d.ts

@@ -2,7 +2,7 @@
  * tree 基础组件支持各种自定义其他tree可用过它来拓展
  */
 import React from 'react';
-import { DataNode, TreeProps } from 'antd/lib/tree';
+import type { DataNode, TreeProps } from 'antd/lib/tree';
 import './index.less';
 export interface ITreeNodeProps {
     prefix?: (node: DataNode) => JSX.Element;
@@ -12,7 +12,7 @@ export interface ITreeNodeProps {
     nameKey?: string;
     RenderTreeTitle?: (node: DataNode) => JSX.Element;
 }
-export interface BaseTreeProps extends TreeProps {
+export interface BaseTreeProps extends Omit<TreeProps, 'icon'> {
     checkable?: boolean;
     className?: string;
     treeData?: DataNode[] | any[];

package/es/Tree/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function App(): JSX.Element;
 export default App;

package/es/Tree/index.js

@@ -85,7 +85,7 @@ function TreeMode(_a) {
           focusKey: Date.now()
         });
       });
-      return null;
+      return;
     }
 
     switch (mode) {

package/es/UserSelect/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function App(): JSX.Element;
 export default App;

package/es/WorkerFlow/Form/Approver.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeItem, WorkerFlowFormType } from '../interface';
 interface IApproverFormProps {
     form: WorkerFlowFormType[];

package/es/WorkerFlow/Form/Condition.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConditionItemType, NodeItem, WorkerFlowFormType } from '../interface';
 interface IConditionFormProps {
     form: WorkerFlowFormType[];

package/es/WorkerFlow/Form/Condition.js

@@ -18,7 +18,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import Box from '../../Box';
 import IconFont from '../../IconFont';
-import RefModal from '../../RefModal';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 
 function ConditionForm(_ref) {
   var form = _ref.form,

package/es/WorkerFlow/Form/EmptyUserSet.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface IUserSelectProps {
     userList: NodeUserType[];

package/es/WorkerFlow/Form/EmptyUserSet.js

@@ -22,8 +22,9 @@ import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react'
 import { replace } from 'lodash';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
-import RefModal from '../../RefModal';
 import IconFont from '../../IconFont';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 
 function EmptyUserSet(_ref) {
   var _this = this;

package/es/WorkerFlow/Form/FormAuth.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WorkerFlowFormType } from '../interface';
 interface IFormAuthProps {
     form: WorkerFlowFormType[];

package/es/WorkerFlow/Form/GroupList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface IGroupListProps {
     list: [string, NodeUserType[]][];

package/es/WorkerFlow/Form/GroupSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface IUserSelectProps {
     userList: NodeUserType[];

package/es/WorkerFlow/Form/GroupSelect.js

@@ -24,7 +24,8 @@ import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import IconFont from '../../IconFont';
 import { formatRenderGroup } from './utils';
-import RefModal from '../../RefModal';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 
 function GroupSelect(_ref) {
   var _this = this;

package/es/WorkerFlow/Form/Handle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeItem, WorkerFlowFormType } from '../interface';
 interface IHandleFormProps {
     form: WorkerFlowFormType[];

package/es/WorkerFlow/Form/LevelGroupSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface ILevelGroupSelectProps {
     userList: NodeUserType[];

package/es/WorkerFlow/Form/LevelGroupSelect.js

@@ -25,8 +25,9 @@ import { replace } from 'lodash';
 import chroma from 'chroma-js';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import { formatRenderGroup, ToUpperNumberString } from './utils';
-import RefModal from '../../RefModal';
 import IconFont from '../../IconFont';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 var levelDict = Array.from(new Array(30)).map(function (_, i) {
   return i + 1;
 });

package/es/WorkerFlow/Form/Notifier.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeItem } from '../interface';
 interface INotifierFormProps {
     item?: NodeItem;

package/es/WorkerFlow/Form/UserAndGroupSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface IUserSelectProps {
     userList: NodeUserType[];

package/es/WorkerFlow/Form/UserAndGroupSelect.js

@@ -25,9 +25,10 @@ import { replace } from 'lodash';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import GroupSelectModalContent from './GroupSelectModalContent';
-import RefModal from '../../RefModal';
 import { formatRenderGroup } from './utils';
 import IconFont from '../../IconFont';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 
 function UserAndGroupSelect(_ref) {
   var _this = this;

package/es/WorkerFlow/Form/UserSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NodeUserType } from '../interface';
 interface IUserSelectProps {
     userList: NodeUserType[];

package/es/WorkerFlow/Form/UserSelect.js

@@ -22,8 +22,9 @@ import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react'
 import { replace } from 'lodash';
 import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
-import RefModal from '../../RefModal';
 import IconFont from '../../IconFont';
+import Modal from '../../Modal';
+var RefModal = Modal.RefModal;
 
 function UserSelect(_ref) {
   var _this = this;