@cloud-app-dev/vidc 2.1.0-alpha.9 → 2.2.0-alpha.1

package/.umirc.ts

@@ -5,7 +5,7 @@ const token =
   'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTY0MDQwOTc4NjQ3OCwidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjQwMTUwNTg2NDc4fQ.9a8me82dxS_DJ52Ac8eBu1Y2Gigs7mZ6Cm3Rd-tj5Vk';
 
 export default defineConfig({
-  title: '云应用-业务组件库',
+  title: 'CloudApp VIDC',
   favicon: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
   logo: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
   outputPath: 'docs-dist',

package/es/AppContext/Sync.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AppContextInterface } from './interface';
 interface ISyncProps {
     stateChange: (options: AppContextInterface) => void;

package/es/AppContext/interface.d.ts

@@ -15,9 +15,12 @@ export type UserInfoType = {
   userSource: string;
   userType: string;
   validState: string;
+  [key: string]: any;
 };
 
-export type OperationInfoType = {};
+export type OperationInfoType = {
+  [key: string]: any;
+};
 
 export interface AppContextInterface {
   user: UserInfoType;

package/es/AppRedirect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as H from 'history';
 import './index.less';
 interface AppRedirectProps {

package/es/CheckGroupFixed/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface SourceDictType {
     value?: string | number;

package/es/DeviceSelect/TreeType.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ITreeTypeProps {
     mode: string;
     onChange: (mode: string) => void;

package/es/DeviceSelect/demo.d.ts

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

package/es/DeviceSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceItemType } from '../core';
 import './index.less';
 interface IDeviceSelectProps {

package/es/DeviceSelect/index.js

@@ -51,7 +51,7 @@ function DeviceSelect(_ref) {
 
   useEffect(function () {
     if (state.selectDevices || !selectDevices) {
-      return null;
+      return;
     }
 
     var ids = selectDevices === null || selectDevices === void 0 ? void 0 : selectDevices.map(function (v) {

package/es/Drag/DragAndDropItem.js

@@ -59,8 +59,8 @@ function DragAndDropItem(_ref) {
       return [old[0], 'dragleave'];
     });
   }, []);
-  var allowDrop = useCallback(function (e) {
-    e.preventDefault();
+  var allowDrop = useCallback(function (event) {
+    return event.preventDefault();
   }, []);
   var onDragStart = useCallback(function (event) {
     if (!domRef.current) {

package/es/Drag/DropItem.js

@@ -38,8 +38,8 @@ function DropItem(_ref) {
     event.stopPropagation();
     setStatus('dragleave');
   }, []);
-  var allowDrop = useCallback(function (e) {
-    e.preventDefault();
+  var allowDrop = useCallback(function (event) {
+    return event.preventDefault();
   }, []);
   return /*#__PURE__*/React.cloneElement(children, {
     ref: domRef,

package/es/Drawer/Footer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IFooterProps } from './interface';
 import './index.less';
 declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;

package/es/Drawer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DrawerProps } from './interface';
 import './index.less';
 declare function ZVDrawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: DrawerProps): JSX.Element;

package/es/InitialConfig/utils.d.ts

@@ -3,11 +3,6 @@
  * @description 获取系统配置
  */
 export declare function queryBSConfig(): Promise<any>;
-/**
- *
- * @description 获取所有微应用配置
- */
-export declare function queryMicroApplicationList(): Promise<any>;
 /**
  *
  * @description 获取平台升级状态
@@ -18,3 +13,8 @@ export declare function querySystemUpdate(): Promise<any>;
  * @description 获取平台配色
  */
 export declare function queryDefaultTheme(): Promise<any>;
+/**
+ *
+ * @description 获取所有微应用
+ */
+export declare function queryMicroApplicationList(): Promise<any>;

package/es/InitialConfig/utils.js

@@ -29,24 +29,20 @@ export function queryBSConfig() {
 }
 /**
  *
- * @description 获取所有微应用配置
+ * @description 获取平台升级状态
  */
 
-export function queryMicroApplicationList() {
+export function querySystemUpdate() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
     return regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 2;
-            return Service.http({
-              url: "/statics/config/app.conf.json?".concat(Date.now())
-            });
-
-          case 2:
-            return _context2.abrupt("return", _context2.sent.data);
+            return _context2.abrupt("return", Service.http({
+              url: "/statics/config/update.status.conf.json?".concat(Date.now())
+            }));
 
-          case 3:
+          case 1:
           case "end":
             return _context2.stop();
         }
@@ -56,20 +52,24 @@ export function queryMicroApplicationList() {
 }
 /**
  *
- * @description 获取平台升级状态
+ * @description 获取平台配色
  */
 
-export function querySystemUpdate() {
+export function queryDefaultTheme() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
     return regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
-            return _context3.abrupt("return", Service.http({
-              url: "/statics/config/update.status.conf.json?".concat(Date.now())
-            }));
+            _context3.next = 2;
+            return Service.http({
+              url: "/statics/config/theme.info.json?".concat(Date.now())
+            });
 
-          case 1:
+          case 2:
+            return _context3.abrupt("return", _context3.sent.data);
+
+          case 3:
           case "end":
             return _context3.stop();
         }
@@ -79,10 +79,10 @@ export function querySystemUpdate() {
 }
 /**
  *
- * @description 获取平台配色
+ * @description 获取所有微应用
  */
 
-export function queryDefaultTheme() {
+export function queryMicroApplicationList() {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
     return regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) {
@@ -90,7 +90,7 @@ export function queryDefaultTheme() {
           case 0:
             _context4.next = 2;
             return Service.http({
-              url: "/statics/config/theme.info.json?".concat(Date.now())
+              url: '/api/micro-app-service/app/v1/allList'
             });
 
           case 2:

package/es/Input/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 interface IInputProps extends Omit<InputProps, 'onChange'> {

package/es/List/CheckExt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ICheckExtProps {
     selectCount: number;
     count: number;

package/es/List/DeviceList/index.js

@@ -21,7 +21,7 @@ function DeviceList(_a) {
     });
   }, [getIconStyle]);
   var deleteItemAction = useCallback(function (item, e) {
-    e.stopPropagation(e);
+    e.stopPropagation();
     e.preventDefault();
     deleteItem && deleteItem(item);
   }, []);

package/es/List/DynamicDeviceList/Demo.d.ts

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

package/es/List/DynamicDeviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IDynamicDeviceListProps } from './interface';
 import './index.less';
 declare function DynamicDeviceList({ onClick, checkedKeys, defaultCheckedIds, onChecked, params, title, onKeywordChange, limit, itemHeight }: IDynamicDeviceListProps): JSX.Element;

package/es/List/VList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IVListProps<T> {
     data?: Array<T>;

package/es/List/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckListProps } from './interface';
 import './index.less';
 declare function List(props: CheckListProps<any>): JSX.Element;

package/es/LoaderApp/loader.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { arrayify, rewrite } from './utils';
+import { arrayify, fetchStyle, rewrite } from './utils';
 var _global = window;
 export function createScopedCssText(_ref) {
   var styleNode = _ref.styleNode,
@@ -27,11 +27,7 @@ export function LoaderStyle(_ref2) {
             }
 
             _context.next = 3;
-            return fetch(style).then(function (r) {
-              return r.text();
-            }).catch(function () {
-              return '';
-            });
+            return fetchStyle(style);
 
           case 3:
             cssText = _context.sent;

package/es/LoaderApp/utils.d.ts

@@ -10,5 +10,6 @@ export declare const getMicroConfig: (appConfig: AppItemType, appProps: any, con
         html: string;
     };
 };
+export declare function fetchStyle(style: string): Promise<string>;
 export declare const arrayify: <T>(list: CSSRuleList | any[]) => T[];
 export declare function rewrite(rules: CSSRule[], prefix?: string): string;

package/es/LoaderApp/utils.js

@@ -1,3 +1,4 @@
+import { __awaiter } from "tslib";
 export var getMicroConfig = function getMicroConfig() {
   var appConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -18,6 +19,42 @@ export var getMicroConfig = function getMicroConfig() {
     entry: microAppEntry
   };
 };
+var styleCache = {};
+export function fetchStyle(style) {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var cssText;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!styleCache[style]) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return", styleCache[style]);
+
+          case 2:
+            _context.next = 4;
+            return fetch(style).then(function (r) {
+              return r.text();
+            }).catch(function () {
+              return '';
+            });
+
+          case 4:
+            cssText = _context.sent;
+            styleCache[style] = cssText;
+            return _context.abrupt("return", cssText);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+}
 var RuleType = {
   // type: rule will be rewrote
   STYLE: 1,

package/es/Modal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ModalProps } from './interface';
 import './index.less';
 declare function Modal({ children, className, style, getContainer, ...props }: ModalProps): JSX.Element;

package/es/Picture/component/DefaultRects/RectInfo.d.ts

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

package/es/Picture/component/DefaultRects/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RectType } from '../../interface';
 import './index.less';
 interface IDefaultRectsProps {
@@ -6,7 +7,7 @@ interface IDefaultRectsProps {
     onClickRect?: (item: RectType & {
         base64: string;
     }) => void;
-    getRectImage: (rect: number[]) => void;
+    getRectImage: (rect: number[]) => string;
 }
 declare function DefaultRects({ rects, containerDom, onClickRect, getRectImage }: IDefaultRectsProps): JSX.Element;
 export default DefaultRects;

package/es/Picture/component/DrawRect/index.d.ts

@@ -1,14 +1,13 @@
+/// <reference types="react" />
 import { MenuRectType } from '../../interface';
 import './index.less';
 interface IDrawRectProps {
     rect: number[];
     canRenderMenu?: boolean;
     containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType & {
-        base64: string;
-    }) => void;
+    onMenuClick: (options: MenuRectType) => void;
     menus: MenuRectType[];
-    getRectImage: (rect: number[]) => void;
+    getRectImage: (rect: number[]) => string;
 }
 declare function DrawRect({ rect, canRenderMenu, containerDom, onMenuClick, menus, getRectImage }: IDrawRectProps): JSX.Element;
 export default DrawRect;

package/es/Picture/component/RectMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { MenuRectType } from 'src/Picture/interface';
 interface IRectMenuProps {
@@ -5,9 +6,7 @@ interface IRectMenuProps {
     y: number;
     menus: MenuRectType[];
     containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType & {
-        base64: string;
-    }) => void;
+    onMenuClick: (options: MenuRectType) => void;
 }
 declare function RectMenu({ x, y, menus, containerDom, onMenuClick }: IRectMenuProps): JSX.Element;
 export default RectMenu;

package/es/Picture/component/WheelScale/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface IWheelScaleProps {
     dom: HTMLElement;
     setScale: (scale: number) => void;

package/es/Picture/component/WheelScale/index.js

@@ -13,14 +13,14 @@ function WheelScale(_ref) {
 
   useEffect(function () {
     if (!dom) {
-      return null;
+      return undefined;
     }
 
-    dom.addEventListener('mousewheel', onWheel, {
+    dom.addEventListener('wheel', onWheel, {
       passive: false
     });
     return function () {
-      return dom.removeEventListener('mousewheel', onWheel);
+      return dom.removeEventListener('wheel', onWheel);
     };
   }, [dom, onWheel]);
   return /*#__PURE__*/React.createElement(React.Fragment, null);

package/es/Picture/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IPictureProps } from './interface';
 import './index.less';
 declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;

package/es/Picture/index.js

@@ -152,7 +152,7 @@ function Picture(_a) {
    */
 
   var resetPicture = useCallback(function (event) {
-    event.stopPropagation(event);
+    event.stopPropagation();
     setState(function (old) {
       return Object.assign(Object.assign({}, old), {
         scale: 1,
@@ -304,7 +304,9 @@ function Picture(_a) {
     draggable: false,
     src: imagePath,
     key: imagePath,
-    onLoad: loadImageSuccess
+    onLoad: function onLoad() {
+      return loadImageSuccess();
+    }
   }), !isEmpty ? /*#__PURE__*/React.createElement(DrawRect, {
     rect: selectArea,
     onMenuClick: onMenuClick,

package/es/Picture/interface.d.ts

@@ -4,6 +4,7 @@ export type MenuRectType = {
   pathname: string;
   title: string;
   icon: string;
+  base64?: string;
 };
 
 export type TagItemType = {
@@ -28,6 +29,7 @@ export type RectType = {
   feature?: string;
   dupId?: string;
   lowQuality?: boolean;
+  base64?: string;
 };
 
 export type PositionType = {
@@ -59,8 +61,8 @@ export interface IPictureProps {
   disabledDrawMenu?: false;
   menus?: MenuRectType[];
   imgDownload?: () => void;
-  onClickRect?: (item: RectType & { base64: string }) => void;
-  onMenuClick?: (item: MenuRectType & { base64: string }) => void;
+  onClickRect?: (item: RectType) => void;
+  onMenuClick?: (item: MenuRectType) => void;
   children?: (option: any) => void;
   hasTool?: boolean;
   fullScreenEle?: Element;

package/es/Picture/utils.d.ts

@@ -18,5 +18,6 @@ export declare function computedRectScale({ imageSource, domImg, rects }: {
     feature?: string;
     dupId?: string;
     lowQuality?: boolean;
+    base64?: string;
 }[];
 export declare function getCaptureRect(rect: number[], type: ImageType): number[];

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

@@ -0,0 +1,71 @@
+import flvjs from 'flv.zv.js';
+import Hls, { HlsConfig } from 'hls.js';
+import type { FlvPlayerConfig } from '../player';
+declare class Api {
+    container: HTMLElement;
+    constructor(container: HTMLElement);
+    get video(): HTMLVideoElement;
+    /**
+     * 全屏
+     */
+    requestFullScreen: () => void;
+    /**
+     * 退出全屏
+     */
+    cancelFullScreen: () => void;
+    play: () => void;
+    pause: () => void;
+    /**
+     * 设置currentTime实现seek
+     * @param {*} seconds
+     * @param {*} noEmit
+     */
+    seekTo: (seconds: number) => void;
+    setVolume: (fraction: number) => void;
+    mute: () => void;
+    unmute: () => void;
+    /**
+     * 开启画中画功能
+     */
+    requestPictureInPicture: () => void;
+    /**
+     * 关闭画中画功能
+     */
+    exitPictureInPicture: () => void;
+    /**
+     * 设置播放速率
+     * @param {*} rate
+     */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * 获取视频总时长
+     */
+    getDuration: () => number;
+    /**
+     * 获取当前播放时间
+     */
+    getCurrentTime: () => number;
+    /**
+     * 获取缓存时间
+     */
+    getSecondsLoaded: () => any;
+    /**
+     * 获取当前视频缓存的起止时间
+     */
+    getBufferedTime: () => number | number[];
+    /**
+     * 视频截屏方法
+     */
+    snapshot: () => string;
+    unload: () => void;
+    reload: () => void;
+    destroy: () => void;
+}
+export declare type TypeAndPlay = {
+    type?: string;
+    flv?: flvjs.Player;
+    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, [string, flvjs.Player, Hls]];
+export default Api;