@cloud-app-dev/vidc 1.0.50 → 2.0.0-alpha.0

package/es/AppContext/Sync.d.ts

@@ -0,0 +1,6 @@
+import { AppContextInterface } from './interface';
+interface ISyncProps {
+    stateChange: (options: AppContextInterface) => void;
+}
+declare function Sync({ stateChange }: ISyncProps): JSX.Element;
+export default Sync;

package/es/AppContext/Sync.js

@@ -0,0 +1,47 @@
+import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
+import React, { useEffect } from 'react';
+import { _LOGIN_STATUS_EVENT_CHANGE_, _OPERATION_EVENT_CHANGE_, _USER_EVENT_CHANGE_ } from './static';
+
+function Sync(_ref) {
+  var stateChange = _ref.stateChange;
+
+  /**
+   * @description 用户微应用之间的状态同步
+   */
+  useEffect(function () {
+    var userFn = function userFn(user) {
+      return stateChange({
+        user: user
+      });
+    };
+
+    var operationFn = function operationFn(operation) {
+      return stateChange({
+        operation: operation
+      });
+    };
+
+    var statusFn = function statusFn(status) {
+      return stateChange({
+        loginStatus: status
+      });
+    };
+
+    _SocketEmitter.on(_USER_EVENT_CHANGE_, userFn);
+
+    _SocketEmitter.on(_OPERATION_EVENT_CHANGE_, operationFn);
+
+    _SocketEmitter.on(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
+
+    return function () {
+      _SocketEmitter.off(_USER_EVENT_CHANGE_, userFn);
+
+      _SocketEmitter.off(_OPERATION_EVENT_CHANGE_, operationFn);
+
+      _SocketEmitter.off(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
+export default Sync;

package/es/AppContext/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AppContextInterface } from './interface';
+declare function Provider({ children }: {
+    children?: React.ReactNode;
+}): JSX.Element;
+declare const _default: {
+    Provider: typeof Provider;
+    Context: React.Context<AppContextInterface>;
+};
+export default _default;

package/es/AppContext/index.js

@@ -0,0 +1,111 @@
+import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
+import _nextTick from "@cloud-app-dev/utils/es/nextTick";
+import _cache from "@cloud-app-dev/utils/es/cache";
+
+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, { useCallback, useMemo, useState } from 'react';
+import Sync from './Sync';
+import { _USER_SESSION_, _OPERATION_SESSION_, _LOGIN_STATUS_SESSION_, _USER_EVENT_CHANGE_, _OPERATION_EVENT_CHANGE_, _LOGIN_STATUS_EVENT_CHANGE_ } from './static';
+var Context = /*#__PURE__*/React.createContext(null);
+
+function Provider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState({
+    user: _cache.getCache(_USER_SESSION_, 'session') || {},
+    operation: _cache.getCache(_OPERATION_SESSION_, 'session') || {},
+    loginStatus: _cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  function updateUser() {
+    var user = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var newUser = Object.assign(Object.assign({}, state.user), user);
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        user: newUser
+      });
+    });
+
+    _nextTick(function () {
+      _SocketEmitter.emit(_USER_EVENT_CHANGE_, newUser);
+
+      _cache.setCache(_USER_SESSION_, newUser, 'session');
+
+      console.warn('AppContext updateUser is run !', user);
+    });
+  }
+
+  function updateOperation() {
+    var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var newOperation = Object.assign(Object.assign({}, state.operation), operation);
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        operation: newOperation
+      });
+    });
+
+    _nextTick(function () {
+      _SocketEmitter.emit(_OPERATION_EVENT_CHANGE_, newOperation);
+
+      _cache.setCache(_OPERATION_SESSION_, newOperation, 'session');
+
+      console.warn('AppContext updateOperation is run !', operation);
+    });
+  }
+
+  function updateLoginStatus(status) {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        loginStatus: status
+      });
+    });
+
+    _nextTick(function () {
+      _SocketEmitter.emit(_LOGIN_STATUS_EVENT_CHANGE_, status);
+
+      _cache.setCache(_LOGIN_STATUS_SESSION_, status, 'session');
+
+      console.warn('AppContext updateLoginStatus is run !', status);
+    });
+  }
+
+  var stateChange = useCallback(function (options) {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), options);
+    });
+  }, []);
+  var providerValue = useMemo(function () {
+    return {
+      user: state.user,
+      operation: state.operation,
+      loginStatus: state.loginStatus,
+      updateUser: updateUser,
+      updateOperation: updateOperation,
+      updateLoginStatus: updateLoginStatus
+    };
+  }, [state.user, state.operation, state.loginStatus]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: providerValue
+  }, children, /*#__PURE__*/React.createElement(Sync, {
+    stateChange: stateChange
+  }));
+}
+
+export default {
+  Provider: Provider,
+  Context: Context
+};

package/es/AppContext/interface.d.ts

@@ -0,0 +1,29 @@
+export type UserInfoType = {
+  acceptAgreement: boolean;
+  id: string;
+  idCardNotNull: false;
+  lockTime: string;
+  loginName: string;
+  operationCenterId: string;
+  organizationId: string;
+  organizationName: string;
+  phoneNum: string;
+  realName: string;
+  roleIds: string[];
+  userAvatarUrl?: string;
+  userGrade: string;
+  userSource: string;
+  userType: string;
+  validState: string;
+};
+
+export type OperationInfoType = {};
+
+export interface AppContextInterface {
+  user: UserInfoType;
+  operation: OperationInfoType;
+  loginStatus: boolean;
+  updateUser: (user: UserInfoType) => void;
+  updateOperation: (user: OperationInfoType) => void;
+  updateLoginStatus: (status: boolean) => void;
+}

package/es/AppContext/static.d.ts

@@ -0,0 +1,6 @@
+export declare const _USER_EVENT_CHANGE_ = "_USER_EVENT_CHANGE_";
+export declare const _OPERATION_EVENT_CHANGE_ = "_OPERATION_EVENT_CHANGE_";
+export declare const _LOGIN_STATUS_EVENT_CHANGE_ = "_LOGIN_STATUS_EVENT_CHANGE_";
+export declare const _USER_SESSION_ = "_USER_SESSION_";
+export declare const _OPERATION_SESSION_ = "_OPERATION_SESSION_";
+export declare const _LOGIN_STATUS_SESSION_ = "_LOGIN_STATUS_SESSION_";

package/es/AppContext/static.js

@@ -0,0 +1,6 @@
+export var _USER_EVENT_CHANGE_ = '_USER_EVENT_CHANGE_';
+export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_';
+export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_';
+export var _USER_SESSION_ = '_USER_SESSION_';
+export var _OPERATION_SESSION_ = '_OPERATION_SESSION_';
+export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_';

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

@@ -5,6 +5,7 @@ interface IGroupListProps {
     checkedKeys: string[];
     keywords?: string;
     onChecked: (ids: string[]) => void;
+    title: string;
 }
-declare function GroupList({ list, onKeywordChange, onChecked, checkedKeys }: IGroupListProps): JSX.Element;
+declare function GroupList({ list, onKeywordChange, onChecked, checkedKeys, title }: IGroupListProps): JSX.Element;
 export default GroupList;

package/es/WorkerFlow/Form/GroupList.js

@@ -7,12 +7,13 @@ function GroupList(_ref) {
   var list = _ref.list,
       onKeywordChange = _ref.onKeywordChange,
       onChecked = _ref.onChecked,
-      checkedKeys = _ref.checkedKeys;
+      checkedKeys = _ref.checkedKeys,
+      title = _ref.title;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-c-check-list-wrapper vidc-list-component post-group-list"
   }, /*#__PURE__*/React.createElement(TreeTitle, {
     titleExt: false,
-    title: "\u5DF2\u6DFB\u52A0(".concat(list.length, ")\u4E2A"),
+    title: title,
     inputPlaceholder: "\u8BF7\u8F93\u5165\u5C97\u4F4D\u540D\u79F0",
     onChange: onKeywordChange
   }), /*#__PURE__*/React.createElement("div", {

package/es/WorkerFlow/Form/GroupSelectModalContent.js

@@ -156,7 +156,8 @@ function GroupSelectModalContent(_ref, ref) {
       });
     },
     keywords: state.keyword1,
-    onChecked: onUserChecked1
+    onChecked: onUserChecked1,
+    title: "\u5C97\u4F4D\u5217\u8868"
   }), /*#__PURE__*/React.createElement(GroupList, {
     list: renderList,
     checkedKeys: state.selectIds,
@@ -168,7 +169,8 @@ function GroupSelectModalContent(_ref, ref) {
       });
     },
     keywords: state.keyword2,
-    onChecked: onUserChecked2
+    onChecked: onUserChecked2,
+    title: "\u5DF2\u6DFB\u52A0\uFF08".concat(state.selectIds.length, "\uFF09")
   }));
 }
 

package/es/WorkerFlow/index.js

@@ -70,8 +70,17 @@ function WorkerFlow(_ref, ref) {
 
   var updateNode = function updateNode() {
     return setConfig(Object.assign({}, config));
-  }; // 链表操作: 几种行为， 添加行为，删除行为，点击行为     pRef.childNode -> node.childNode -> 后继
-  // 添加节点
+  };
+  /**
+   * @mate 节点函数介绍
+   * @description 链表操作: 几种行为， 添加行为，删除行为，点击行为     pRef.childNode -> node.childNode -> 后继
+   */
+
+  /**
+   * @description 添加节点
+   * @param type
+   * @param node
+   */
 
 
   function onInsertNode(type, node) {
@@ -114,7 +123,15 @@ function WorkerFlow(_ref, ref) {
     }
 
     updateNode();
-  } // 删除节点
+  }
+  /**
+   * @description 删除节点的操作
+   * @param parentNode
+   * @param node
+   * @param type
+   * @param index
+   * @returns
+   */
 
 
   function onDeleteNode(parentNode, node, type, index) {
@@ -164,7 +181,14 @@ function WorkerFlow(_ref, ref) {
     modal.confirm(Object.assign(Object.assign({}, options), {
       onOk: onOk
     }));
-  } // 获取节点
+  }
+  /**
+   * @description 选中节点操作
+   * @param node
+   * @param parentNode
+   * @param index
+   * @returns
+   */
 
 
   function onSelectNode(node, parentNode, index) {
@@ -263,12 +287,17 @@ function WorkerFlow(_ref, ref) {
       useFormKeys: useFormKeys
     };
   }, [config]);
+  /**
+   * @description onChange传递数据
+   */
 
   _useChangeEffect(function () {
-    if (onChange) {
-      onChange(getConfig());
-    }
+    return onChange && onChange(getConfig());
   }, [config]);
+  /**
+   * @description ref传递数据
+   */
+
 
   useImperativeHandle(ref, function () {
     return {

package/es/index.d.ts

@@ -1,23 +1,16 @@
 export { default as Api } from './Api';
-export { default as AppLayout } from './AppLayout';
+export { default as AppContext } from './AppContext';
 export { default as AutoExit } from './AutoExit';
-export { default as DagInitialConfig } from './DagInitialConfig';
-export { default as DagInitialRequest } from './DagInitialRequest';
 export { default as DeviceIcon } from './DeviceIcon';
 export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
 export { default as DynamicDeviceList } from './DynamicDeviceList';
-export { default as FormContent } from './FormContent';
 export { default as InitialConfig } from './InitialConfig';
 export { default as InitialRequest } from './InitialRequest';
 export { default as List } from './List';
-export { default as OrgTree } from './OrgTree';
-export { default as OrgUserTree } from './OrgUserTree';
-export { default as PlaceTree } from './PlaceTree';
 export { default as RefDrawer } from './RefDrawer';
 export { default as RefModal } from './RefModal';
 export { default as TreeMode } from './TreeMode';
 export { default as TreeTitle } from './TreeTitle';
-export { default as Upload } from './Upload';
 export { default as UserSelect } from './UserSelect';
 export { default as WorkerFlow } from './WorkerFlow';

package/es/index.js

@@ -1,23 +1,16 @@
 export { default as Api } from './Api';
-export { default as AppLayout } from './AppLayout';
+export { default as AppContext } from './AppContext';
 export { default as AutoExit } from './AutoExit';
-export { default as DagInitialConfig } from './DagInitialConfig';
-export { default as DagInitialRequest } from './DagInitialRequest';
 export { default as DeviceIcon } from './DeviceIcon';
 export { default as DeviceList } from './DeviceList';
 export { default as DeviceSelect } from './DeviceSelect';
 export { default as DynamicDeviceList } from './DynamicDeviceList';
-export { default as FormContent } from './FormContent';
 export { default as InitialConfig } from './InitialConfig';
 export { default as InitialRequest } from './InitialRequest';
 export { default as List } from './List';
-export { default as OrgTree } from './OrgTree';
-export { default as OrgUserTree } from './OrgUserTree';
-export { default as PlaceTree } from './PlaceTree';
 export { default as RefDrawer } from './RefDrawer';
 export { default as RefModal } from './RefModal';
 export { default as TreeMode } from './TreeMode';
 export { default as TreeTitle } from './TreeTitle';
-export { default as Upload } from './Upload';
 export { default as UserSelect } from './UserSelect';
 export { default as WorkerFlow } from './WorkerFlow';

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "1.0.50",
+  "version": "2.0.0-alpha.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -58,7 +58,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+http://git.topvdn.com/micro-basic/video-cloud-components.git",
+    "url": "git+http://git.topvdn.com/cloudapp/vidc.git",
     "branch": "master",
     "platform": "github"
   }

package/es/AppLayout/AppHeader/index.css

@@ -1,4 +0,0 @@
-.app-header-content {
-  user-select: none;
-  color: var(--app-header-color);
-}

package/es/AppLayout/AppHeader/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import * as H from 'history';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import './index.less';
-interface IAppHeaderProps {
-    className?: string;
-    renderMenu?: boolean;
-    isMenuHome?: boolean;
-    systemLogo?: string;
-    defaultSrc?: string;
-    systemName?: string;
-    appTools?: React.ReactNode;
-    history: H.History;
-    menuType?: string;
-    userInfo?: UserInfo;
-}
-declare function AppHeader({ className, renderMenu, isMenuHome, systemLogo, defaultSrc, systemName, appTools, history, menuType, userInfo }: IAppHeaderProps): JSX.Element;
-export default AppHeader;

package/es/AppLayout/AppHeader/index.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import AppLogo from '../AppLogo';
-import AppTools from '../AppTools';
-import AppHorizontalMenu from '../AppHorizontalMenu';
-import MenuEmptyBox from '../AppHorizontalMenu/MenuEmptyBox';
-import "./index.css";
-
-function AppHeader(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      renderMenu = _ref.renderMenu,
-      isMenuHome = _ref.isMenuHome,
-      systemLogo = _ref.systemLogo,
-      defaultSrc = _ref.defaultSrc,
-      systemName = _ref.systemName,
-      appTools = _ref.appTools,
-      history = _ref.history,
-      menuType = _ref.menuType,
-      userInfo = _ref.userInfo;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-header-content ".concat(className),
-    style: {
-      display: 'flex',
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React.createElement(AppLogo, {
-    systemLogo: systemLogo,
-    history: history,
-    isMenuHome: isMenuHome,
-    defaultSrc: defaultSrc,
-    systemName: systemName,
-    userInfo: userInfo
-  }), menuType !== 'inline' ? /*#__PURE__*/React.createElement(AppHorizontalMenu, {
-    renderMenu: renderMenu,
-    history: history
-  }) : /*#__PURE__*/React.createElement(MenuEmptyBox, null), /*#__PURE__*/React.createElement(AppTools, null, appTools));
-}
-
-export default AppHeader;

package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.d.ts

@@ -1 +0,0 @@
-export default function MenuEmptyBox(): JSX.Element;

package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.js

@@ -1,10 +0,0 @@
-import React from 'react';
-export default function MenuEmptyBox() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-menu-layout",
-    style: {
-      flex: 1,
-      overflow: 'hidden'
-    }
-  });
-}

package/es/AppLayout/AppHorizontalMenu/SubGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FeatureItem } from '@cloud-app-dev/basic-components/es/Store/auth';
-interface ISubGroupProps {
-    item: FeatureItem & any;
-    onClick: (e: React.MouseEvent, item: FeatureItem) => void;
-    currentMenuKeys: string[];
-}
-declare function SubGroup({ item, onClick, currentMenuKeys }: ISubGroupProps): JSX.Element;
-export default SubGroup;

package/es/AppLayout/AppHorizontalMenu/SubGroup.js

@@ -1,57 +0,0 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-import React, { useMemo } from 'react';
-
-function SubGroup(_ref) {
-  var item = _ref.item,
-      _onClick = _ref.onClick,
-      currentMenuKeys = _ref.currentMenuKeys;
-  var size = useMemo(function () {
-    return Math.max.apply(Math, _toConsumableArray(item.children.map(function (v) {
-      return v.name.length;
-    }))) * 30;
-  }, [item.children]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-horizontal-submenu-pop"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sub-menu-box"
-  }, Array.isArray(item.children) && item.children.map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group",
-      key: v.code
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group-title",
-      style: {
-        width: size
-      }
-    }, /*#__PURE__*/React.createElement("span", null, v.name), /*#__PURE__*/React.createElement(_IconFont, {
-      type: "icon-S_Arrow_SolidRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group-item"
-    }, Array.isArray(v.children) && v.children.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: item.code,
-        className: "app-menu-item-lv3 ".concat(currentMenuKeys.includes("".concat(item.code)) ? 'app-menu-item-lv3-selected' : ''),
-        onClick: function onClick(e) {
-          return _onClick(e, item);
-        }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
-        type: item.icon || 'icon-L_Bar_Objectification1'
-      }), item.name);
-    })));
-  })));
-}
-
-export default SubGroup;