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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MutipleUserHandleType, NodeType, NodeUserType, UserSetType } from '../interface';
 interface IUserSetProps {
     userType?: UserSetType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MutipleUserHandleType } from '../interface';
 declare function UsersHandleType({ usersHandType, onChange }: {
     usersHandType: MutipleUserHandleType;

package/es/WorkerFlow/Nodes/Add.d.ts

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

package/es/WorkerFlow/Nodes/Add.js

@@ -35,7 +35,7 @@ function AddNode(_ref) {
   }, [node]);
   useEffect(function () {
     if (!showPop) {
-      return null;
+      return undefined;
     }
 
     var fn = function fn(e) {

package/es/WorkerFlow/Nodes/AddOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface IAddNodeOptionProps {
     type: string;
     onClick: () => void;

package/es/WorkerFlow/Nodes/AddOptionList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AddNodeType, NodeType } from '../interface';
 interface IAddNodeListProps {
     onOptionClick: (type: NodeType) => void;

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

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

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

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

package/es/WorkerFlow/Nodes/End.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface IEndNodeProps {
     id: string;
     nodeName: string;

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

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

package/es/WorkerFlow/Nodes/Node.d.ts

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

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

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

package/es/WorkerFlow/Nodes/Render.d.ts

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

package/es/WorkerFlow/Nodes/Start.d.ts

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

package/es/WorkerFlow/Nodes/TitleElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ITitleElementProps {
     placeholder: string;
     nodeName: string;

package/es/WorkerFlow/Nodes/TitleElement.js

@@ -67,7 +67,9 @@ function TitleElement(_ref) {
   }, [readOnly, isFocus, state.editable]);
 
   _useUpdateEffect(function () {
-    return !readOnly && !state.editable && onTitleChange && onTitleChange(state.title);
+    if (!readOnly && !state.editable && onTitleChange) {
+      onTitleChange(state.title);
+    }
   }, [state.title, state.editable]);
 
   _useUpdateEffect(function () {
@@ -77,7 +79,9 @@ function TitleElement(_ref) {
   }, [state.editable]);
 
   _useUpdateEffect(function () {
-    return !state.title && !isFocus && setTitle(placeholder);
+    if (!state.title && !isFocus) {
+      setTitle(placeholder);
+    }
   }, [isFocus, state.title, placeholder]);
 
   return /*#__PURE__*/React.createElement("div", {

package/es/WorkerFlow/index.js

@@ -39,8 +39,9 @@ import Render from './Nodes/Render';
 import Tools from './Tools';
 import WFC from './OperatorContext';
 import { filterNoticeNode, getJAVATaskData, getUserFormKeys } from './utils';
-import RefDrawer from '../RefDrawer';
+import Drawer from '../Drawer';
 import "./index.css";
+var RefDrawer = Drawer.RefDrawer;
 var FormMap = {
   1: ApproverForm,
   4: ConditionForm,

package/es/index.d.ts

@@ -1,7 +1,5 @@
 export { default as Api } from './Api';
 export { default as AppContext } from './AppContext';
-export { default as AppRedirect } from './AppRedirect';
-export { default as AppRouter } from './AppRouter';
 export { default as Auth } from './Auth';
 export { default as AutoExit } from './AutoExit';
 export { default as Box } from './Box';
@@ -13,6 +11,7 @@ export { default as DeviceSelect } from './DeviceSelect';
 export { default as Dict } from './Dict';
 export { default as Drag } from './Drag';
 export { default as Drawer } from './Drawer';
+export { default as FrontendPlayer } from './FrontendPlayer';
 export { default as FullScreen } from './FullScreen';
 export { default as HightLevel } from './HightLevel';
 export { default as IconFont } from './IconFont';
@@ -27,17 +26,15 @@ export { default as LoaderApp } from './LoaderApp';
 export { default as LoaderScript } from './LoaderScript';
 export { default as Modal } from './Modal';
 export { default as Picture } from './Picture';
+export { default as Player } from './Player';
 export { default as Progress } from './Progress';
-export { default as RefDrawer } from './RefDrawer';
-export { default as RefModal } from './RefModal';
+export { default as SegmentPlayer } from './SegmentPlayer';
 export { default as Service } from './Service';
 export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Title } from './Title';
 export { default as Tree } from './Tree';
-export { default as useDrawer } from './useDrawer';
-export { default as useHistory } from './useHistory';
-export { default as useHttp } from './useHttp';
-export { default as useModal } from './useModal';
 export { default as UserSelect } from './UserSelect';
 export { default as WorkerFlow } from './WorkerFlow';
+export { default as useHistory } from './useHistory';
+export { default as useHttp } from './useHttp';

package/es/index.js

@@ -1,7 +1,5 @@
 export { default as Api } from './Api';
 export { default as AppContext } from './AppContext';
-export { default as AppRedirect } from './AppRedirect';
-export { default as AppRouter } from './AppRouter';
 export { default as Auth } from './Auth';
 export { default as AutoExit } from './AutoExit';
 export { default as Box } from './Box';
@@ -13,6 +11,7 @@ export { default as DeviceSelect } from './DeviceSelect';
 export { default as Dict } from './Dict';
 export { default as Drag } from './Drag';
 export { default as Drawer } from './Drawer';
+export { default as FrontendPlayer } from './FrontendPlayer';
 export { default as FullScreen } from './FullScreen';
 export { default as HightLevel } from './HightLevel';
 export { default as IconFont } from './IconFont';
@@ -27,17 +26,15 @@ export { default as LoaderApp } from './LoaderApp';
 export { default as LoaderScript } from './LoaderScript';
 export { default as Modal } from './Modal';
 export { default as Picture } from './Picture';
+export { default as Player } from './Player';
 export { default as Progress } from './Progress';
-export { default as RefDrawer } from './RefDrawer';
-export { default as RefModal } from './RefModal';
+export { default as SegmentPlayer } from './SegmentPlayer';
 export { default as Service } from './Service';
 export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Title } from './Title';
 export { default as Tree } from './Tree';
-export { default as useDrawer } from './useDrawer';
-export { default as useHistory } from './useHistory';
-export { default as useHttp } from './useHttp';
-export { default as useModal } from './useModal';
 export { default as UserSelect } from './UserSelect';
-export { default as WorkerFlow } from './WorkerFlow';
+export { default as WorkerFlow } from './WorkerFlow';
+export { default as useHistory } from './useHistory';
+export { default as useHttp } from './useHttp';

package/es/typings.d.ts

@@ -0,0 +1 @@
+/// <reference path="../typings/global.d.ts"/>

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "2.1.0-alpha.8",
+  "version": "2.2.0-alpha.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,12 +30,16 @@
     ]
   },
   "dependencies": {
+    "@types/lodash-es": "^4.17.6",
     "add-dom-event-listener": "^1.1.0",
     "ahooks": "^3.1.0",
+    "axios": "^0.27.2",
     "chroma-js": "^2.1.2",
-    "fetch-like-axios": "^0.0.5",
+    "flv.zv.js": "^2.2.0",
+    "hls.js": "^1.1.5",
     "immer": "^9.0.5",
     "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "rc-queue-anim": "^2.0.0"
   },
   "devDependencies": {
@@ -44,19 +48,20 @@
     "@types/chroma-js": "^2.1.3",
     "@types/lodash": "^4.14.178",
     "@types/node": "^17.0.5",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.4",
     "@umijs/test": "^3.0.5",
-    "antd": "^4.17.0",
+    "antd": "^4.20.6",
     "babel-plugin-import": "^1.13.3",
-    "dumi": "^1.1.25",
-    "father-build": "^1.19.8",
+    "dumi": "^1.1.40",
+    "father-build": "^1.22.1",
     "gh-pages": "^3.0.0",
+    "history": "^5.3.0",
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.2.1",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "tslib": "^2.3.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-router-dom": "^6.3.0",
     "typescript": "^4.5.4",
     "yorkie": "^2.0.0"
   },

package/tsconfig.json

@@ -32,6 +32,7 @@
     "allowSyntheticDefaultImports": true,
     "typeRoots": ["typings", "node_modules/@types"]
   },
-  "include": ["src/**/*", "dosc/**/*"],
-  "exclude": ["node_modules", "lib", "es", "dist", "typings", "**/__test__", "test"]
+  "include": ["src/**/*", "dosc/**/*", "typings/*.d.ts"],
+
+  "exclude": ["node_modules", "lib", "es", "dist", "**/__test__", "test"]
 }

package/typings/global.d.ts

@@ -0,0 +1,4 @@
+declare module 'axios/lib/core/settle';
+declare module 'axios/lib/helpers/buildURL';
+declare module 'axios/lib/core/buildFullPath';
+declare module 'axios/lib/cancel/CanceledError';

package/es/AppRedirect/index.d.ts

@@ -1,16 +0,0 @@
-import * as H from 'history';
-import './index.less';
-interface AppRedirectProps {
-    /**
-     * @description 匹配路径
-     * @default -
-     */
-    path?: string | string[];
-    /**
-     * @description 重定向路径
-     * @description -
-     */
-    to: H.Location;
-}
-declare function AppRedirect({ path, to }: AppRedirectProps): JSX.Element;
-export default AppRedirect;

package/es/AppRedirect/index.js

@@ -1,33 +0,0 @@
-import React, { useEffect } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
-import "./index.css";
-
-var getKey = function getKey() {
-  return Math.random().toString(36).substr(2);
-};
-
-function AppRedirect(_ref) {
-  var path = _ref.path,
-      to = _ref.to;
-  var navigate = useNavigate();
-  var location = useLocation();
-  useEffect(function () {
-    if (path === location.pathname) {
-      if (typeof to !== 'string') {
-        navigate("".concat(to.pathname).concat(to.search ? "".concat(to.search, "&key=").concat(getKey()) : "?key=".concat(getKey())), {
-          replace: true,
-          state: Object.assign({}, to.state, {
-            isReplace: true
-          })
-        });
-      } else {
-        navigate("".concat(to, "?key").concat(getKey()), {
-          replace: true
-        });
-      }
-    }
-  }, [path, location.pathname, to, history]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-}
-
-export default AppRedirect;

package/es/AppRouter/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface AppRouterProps {
-    basename?: string;
-    children?: React.ReactNode;
-    static?: boolean;
-}
-declare function AppRouter({ children, ...props }: AppRouterProps): JSX.Element;
-export default AppRouter;

package/es/AppRouter/index.js

@@ -1,17 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { Router, Routes } from 'react-router-dom';
-import InstanceHistory from '../InstanceHistory';
-
-function AppRouter(_a) {
-  var children = _a.children,
-      props = __rest(_a, ["children"]);
-
-  return /*#__PURE__*/React.createElement(Router, Object.assign({}, props, {
-    navigator: InstanceHistory,
-    navigationType: InstanceHistory.action,
-    location: InstanceHistory.location
-  }), /*#__PURE__*/React.createElement(Routes, null, children));
-}
-
-export default AppRouter;

package/es/RefDrawer/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IRefDrawerMethodsProps {
-    open: (options: IUseDrawerHookState) => void;
-    close: () => void;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefDrawerMethodsProps>>;
-export default _default;

package/es/RefModal/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface IUseModalHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IRefModalMethodsProps {
-    open: (options: IUseModalHookState) => void;
-    close: () => void;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefModalMethodsProps>>;
-export default _default;

package/es/useDrawer/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-declare function useDrawer(prefixCls?: string): {
-    open: (options: IUseDrawerHookState) => void;
-    close: () => void;
-};
-export default useDrawer;

package/es/useDrawer/index.js

@@ -1,91 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useContext, useEffect, useMemo, useState } from 'react';
-import ReactDOM from 'react-dom';
-import Drawer from '../Drawer';
-import CC from '../ConfigContext';
-
-function useDrawer() {
-  var prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
-  var context = useContext(CC.Context);
-  var root = useMemo(function () {
-    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
-  }, [context === null || context === void 0 ? void 0 : context.root]);
-  var div = useMemo(function () {
-    return document.createElement('div');
-  }, []);
-
-  var _useState = useState({
-    content: null,
-    visible: false,
-    title: '',
-    onOk: undefined,
-    width: undefined,
-    className: undefined
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  useEffect(function () {
-    root.appendChild(div);
-    return function () {
-      root.removeChild(div);
-      ReactDOM.unmountComponentAtNode(div);
-      div.remove();
-    };
-  }, []);
-  useEffect(function () {
-    ReactDOM.render( /*#__PURE__*/React.createElement(_ConfigProvider, {
-      prefixCls: prefixCls,
-      getPopupContainer: function getPopupContainer() {
-        return root;
-      }
-    }, /*#__PURE__*/React.createElement(Drawer, {
-      visible: state.visible,
-      onOk: state.onOk,
-      onClose: close,
-      destroyOnClose: true,
-      title: state.title,
-      width: state.width,
-      className: state.className,
-      getContainer: false
-    }, state.content)), div);
-  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
-
-  var open = function open(options) {
-    setState(function (old) {
-      return Object.assign(Object.assign(Object.assign({}, old), options), {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        visible: false
-      });
-    });
-  };
-
-  return {
-    open: open,
-    close: close
-  };
-}
-
-export default useDrawer;

package/es/useModal/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface IUseModalHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-declare function useModal(prefixCls?: string): {
-    open: (options: IUseModalHookState) => void;
-    close: () => void;
-};
-export default useModal;

package/es/useModal/index.js

@@ -1,93 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useContext, useEffect, useMemo, useState } from 'react';
-import ReactDOM from 'react-dom';
-import Modal from '../Modal';
-import CC from '../ConfigContext';
-
-function useModal() {
-  var prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
-  var context = useContext(CC.Context);
-  var root = useMemo(function () {
-    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
-  }, [context === null || context === void 0 ? void 0 : context.root]);
-  var div = useMemo(function () {
-    return document.createElement('div');
-  }, []);
-
-  var _useState = useState({
-    content: null,
-    visible: false,
-    title: '',
-    onOk: undefined,
-    width: undefined,
-    className: undefined
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  useEffect(function () {
-    root.appendChild(div);
-    return function () {
-      root.removeChild(div);
-      ReactDOM.unmountComponentAtNode(div);
-      div.remove();
-    };
-  }, []);
-  useEffect(function () {
-    ReactDOM.render( /*#__PURE__*/React.createElement(_ConfigProvider, {
-      prefixCls: prefixCls,
-      getPopupContainer: function getPopupContainer() {
-        return root;
-      }
-    }, /*#__PURE__*/React.createElement(Modal, {
-      okText: "\u786E\u5B9A",
-      cancelText: "\u53D6\u6D88",
-      visible: state.visible,
-      onOk: state.onOk,
-      onCancel: close,
-      destroyOnClose: true,
-      title: state.title,
-      width: state.width,
-      className: state.className,
-      getContainer: false
-    }, state.content)), div);
-  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
-
-  var open = function open(options) {
-    setState(function (old) {
-      return Object.assign(Object.assign(Object.assign({}, old), options), {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        visible: false
-      });
-    });
-  };
-
-  return {
-    open: open,
-    close: close
-  };
-}
-
-export default useModal;

package/typings.d.ts

@@ -1,2 +0,0 @@
-declare module '*.css';
-declare module '*.less';