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

package/.umirc.ts

@@ -13,7 +13,6 @@ export default defineConfig({
   targets: { chrome: 60 },
   extraBabelPlugins: [
     ['import', { libraryName: 'antd', style: true }, 'antd'],
-    ['import', { libraryName: '@cloud-app-dev/basic-components', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'basic-components'],
     ['import', { libraryName: '@cloud-app-dev/utils', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'utils'],
     ['import', { libraryName: 'ahooks', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'ahooks'],
     ['import', { libraryName: '@cloud-app-dev/map', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'map-components'],
@@ -25,7 +24,7 @@ export default defineConfig({
     null, // null 值代表保留约定式生成的导航，只做增量配置
     {
       title: 'GitLab',
-      path: 'https://git.topvdn.com/micro-basic/video-cloud-components',
+      path: 'https://git.topvdn.com/cloudapp/vidc',
     },
   ],
   alias: {

package/es/Api/index.d.ts

@@ -1,9 +1,8 @@
-import { OrgItemType } from '@cloud-app-dev/basic-components/es/Store/org';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import { BzTreeItemType, PostItemType } from '../core';
+import { BzTreeItemType, PostItemType, OrgItemType } from '../core';
+import { UserInfoType } from '../AppContext/interface';
 declare class Api {
     getOrgs(): Promise<OrgItemType[]>;
-    getUsers(organizationId: string, params?: any, filterUserIds?: string[]): Promise<UserInfo[]>;
+    getUsers(organizationId: string, params?: any, filterUserIds?: string[]): Promise<UserInfoType[]>;
     getPosts(orgId: string): Promise<PostItemType[]>;
     getDeviceBzTree(): Promise<BzTreeItemType[]>;
     getCustomDeviceGroup(): Promise<BzTreeItemType[]>;

package/es/Api/index.js

@@ -1,5 +1,3 @@
-import _Service from "@cloud-app-dev/basic-components/es/Service";
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -7,6 +5,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 import { __awaiter } from "tslib";
+import Service from '../Service';
 import { getHeader } from '../utils';
 
 var Api = /*#__PURE__*/function () {
@@ -24,7 +23,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: '/api/user/v1/organization/queryChildOrganizationsById',
                   method: 'post',
                   requestId: 'queryChildOrganizationsById',
@@ -61,7 +60,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _context2.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: '/api/user/v1/queryUsers',
                   method: 'post',
                   requestId: 'queryUsers',
@@ -99,7 +98,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context3.prev = _context3.next) {
               case 0:
                 _context3.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: "/api/user/v2/post/queryPostByOrgId/".concat(orgId),
                   method: 'post',
                   requestId: 'queryPostByOrgId',
@@ -129,7 +128,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context4.prev = _context4.next) {
               case 0:
                 _context4.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: '/api/udm-api/DeviceBuzTree/queryList',
                   method: 'post',
                   requestId: 'getDeviceBzTree',
@@ -159,7 +158,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context5.prev = _context5.next) {
               case 0:
                 _context5.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: '/api/udm-api/customDeviceGroup/queryList',
                   method: 'post',
                   requestId: 'customDeviceGroup',
@@ -189,7 +188,7 @@ var Api = /*#__PURE__*/function () {
             switch (_context6.prev = _context6.next) {
               case 0:
                 _context6.next = 2;
-                return _Service.$http({
+                return Service.$http({
                   url: '/api/place/v1/getPlacesByHasDevice',
                   method: 'post',
                   requestId: 'getPlacesByHasDevice',

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,117 @@
+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 * as Static from './static';
+var _USER_SESSION_ = Static._USER_SESSION_,
+    _OPERATION_SESSION_ = Static._OPERATION_SESSION_,
+    _LOGIN_STATUS_SESSION_ = Static._LOGIN_STATUS_SESSION_,
+    _USER_EVENT_CHANGE_ = Static._USER_EVENT_CHANGE_,
+    _OPERATION_EVENT_CHANGE_ = Static._OPERATION_EVENT_CHANGE_,
+    _LOGIN_STATUS_EVENT_CHANGE_ = Static._LOGIN_STATUS_EVENT_CHANGE_;
+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/AppRedirect/index.d.ts

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

package/es/AppRedirect/index.js

@@ -0,0 +1,38 @@
+import React, { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import useHistory from '../useHistory';
+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 history = useHistory();
+  var location = useLocation();
+  useEffect(function () {
+    if (path === location.pathname) {
+      if (typeof to !== 'string') {
+        history.replace(Object.assign(Object.assign({}, to), {
+          search: to.search ? "".concat(to.search, "&key=").concat(getKey()) : "?key=".concat(getKey()),
+          state: Object.assign({}, to.state, {
+            isReplace: true
+          })
+        }));
+      } else {
+        history.push({
+          pathname: to,
+          search: "?key".concat(getKey()),
+          state: {
+            isReplace: true
+          }
+        });
+      }
+    }
+  }, [path, location.pathname, to, history]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
+export default AppRedirect;

package/es/AppRoute/Render.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { match, RouteProps } from 'react-router-dom';
+import { IRenderRouteProps } from './interface';
+import * as H from 'history';
+/**
+ * @TODO
+ * @多种修正使用url判断异步处理这里防止回调执行的时候url变化导致一直执行
+ * @每次执行先清除上一次的
+ */
+export declare const RenderRoute: React.MemoExoticComponent<({ location, match, history, setRouteProps }: IRenderRouteProps) => any>;
+interface IRenderComponentsProps {
+    state: any;
+    props: any;
+}
+export declare const RenderComponents: React.MemoExoticComponent<({ state, props }: IRenderComponentsProps) => any>;
+interface IRenderRoutesProps extends RouteProps {
+    routes?: RouteProps[];
+    setRouteProps: (match: match<any>, location: H.Location, history: H.History) => void;
+    children?: React.ReactNode;
+}
+export declare function RenderRoutes({ routes, setRouteProps, children }: IRenderRoutesProps): JSX.Element;
+export declare function RenderSingleRoute({ exact, strict, sensitive, path, setRouteProps, children }: IRenderRoutesProps): JSX.Element;
+export {};

package/es/AppRoute/Render.js

@@ -0,0 +1,111 @@
+import { __rest } from "tslib";
+import React, { useEffect, useMemo } from 'react';
+import { getRouteItem } from './utils';
+import useHistory from '../useHistory';
+import { Route, Switch } from 'react-router-dom';
+/**
+ * @TODO
+ * @多种修正使用url判断异步处理这里防止回调执行的时候url变化导致一直执行
+ * @每次执行先清除上一次的
+ */
+
+export var RenderRoute = /*#__PURE__*/React.memo(function (_ref) {
+  var location = _ref.location,
+      match = _ref.match,
+      history = _ref.history,
+      setRouteProps = _ref.setRouteProps;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return setRouteProps(match, location, history);
+  }, [location.pathname]);
+  return null;
+});
+export var RenderComponents = /*#__PURE__*/React.memo(function (_ref2) {
+  var state = _ref2.state,
+      props = _ref2.props;
+
+  var _useMemo = useMemo(function () {
+    return state;
+  }, [state]),
+      match = _useMemo.match,
+      location = _useMemo.location;
+
+  var history = useHistory();
+
+  var _a = useMemo(function () {
+    return props;
+  }, [props]),
+      path = _a.path,
+      component = _a.component,
+      render = _a.render,
+      routes = _a.routes,
+      other = __rest(_a, ["path", "component", "render", "routes"]);
+
+  var _useMemo2 = useMemo(function () {
+    var Com, Ren;
+
+    if (!routes) {
+      Com = component;
+      Ren = render;
+    } else {
+      var routeItem = getRouteItem(match, routes);
+      Com = routeItem.component;
+      Ren = routeItem.render;
+    }
+
+    return {
+      Com: Com,
+      Ren: Ren
+    };
+  }, [component, match, render, routes]),
+      Com = _useMemo2.Com,
+      Ren = _useMemo2.Ren;
+
+  return Com ? /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.createElement(Com, null), Object.assign(Object.assign({}, other), {
+    match: match,
+    location: location,
+    history: history
+  })) : Ren(Object.assign(Object.assign({}, other), {
+    match: match,
+    location: location,
+    history: history
+  }));
+});
+export function RenderRoutes(_ref3) {
+  var routes = _ref3.routes,
+      setRouteProps = _ref3.setRouteProps,
+      children = _ref3.children;
+  return /*#__PURE__*/React.createElement(Switch, null, routes.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(Route, {
+      exact: !!item.exact,
+      sensitive: !!item.sensitive,
+      strict: !!item.strict,
+      key: i,
+      path: item.path,
+      render: function render(props) {
+        return /*#__PURE__*/React.createElement(RenderRoute, Object.assign({}, props, {
+          setRouteProps: setRouteProps
+        }));
+      }
+    });
+  }), children);
+}
+export function RenderSingleRoute(_ref4) {
+  var exact = _ref4.exact,
+      strict = _ref4.strict,
+      sensitive = _ref4.sensitive,
+      path = _ref4.path,
+      setRouteProps = _ref4.setRouteProps,
+      children = _ref4.children;
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    exact: !!exact,
+    strict: !!strict,
+    sensitive: !!sensitive,
+    path: path,
+    render: function render(props) {
+      return /*#__PURE__*/React.createElement(RenderRoute, Object.assign({}, props, {
+        setRouteProps: setRouteProps
+      }));
+    }
+  }), children);
+}

package/es/AppRoute/Rendered.d.ts

@@ -0,0 +1,4 @@
+declare function Rendered({ onRendered }: {
+    onRendered: () => void;
+}): JSX.Element;
+export default Rendered;

package/es/AppRoute/Rendered.js

@@ -0,0 +1,11 @@
+import React, { useEffect } from 'react';
+
+function Rendered(_ref) {
+  var onRendered = _ref.onRendered;
+  useEffect(function () {
+    return onRendered();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
+export default Rendered;

package/es/AppRoute/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { match } from 'react-router-dom';
+import { IAppRouteType, IAppRouteProps } from './interface';
+import * as H from 'history';
+import './index.less';
+declare class AppRoute extends React.Component<IAppRouteProps, IAppRouteType> {
+    private isRender;
+    constructor(props: IAppRouteProps);
+    shouldComponentUpdate(props: IAppRouteProps): boolean;
+    componentWillUnmount(): void;
+    setRouteProps: (newMatch: match<any>, newLocation: H.Location<any>, history: H.History<any>) => void;
+    render(): JSX.Element;
+}
+export default AppRoute;