@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.5

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/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;

package/es/AppRoute/index.js

@@ -0,0 +1,106 @@
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+import _logger from "@cloud-app-dev/utils/es/logger";
+import _cache from "@cloud-app-dev/utils/es/cache";
+import _isEqual from "@cloud-app-dev/utils/es/isEqual";
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+import { RenderComponents, RenderRoutes, RenderSingleRoute } from './Render';
+import Rendered from './Rendered';
+import "./index.css";
+var _global = window;
+
+var AppRoute = /*#__PURE__*/function (_React$Component) {
+  _inherits(AppRoute, _React$Component);
+
+  var _super = _createSuper(AppRoute);
+
+  function AppRoute(props) {
+    var _this;
+
+    _classCallCheck(this, AppRoute);
+
+    _this = _super.call(this, props);
+
+    _this.setRouteProps = function (newMatch, newLocation, history) {
+      if (!_isEqual(_this.props.match, newMatch)) {
+        _this.setState({
+          match: newMatch,
+          location: newLocation,
+          history: history
+        });
+      }
+    }; //可能存在路由创建但是没有render 导致UI无法渲染
+
+
+    _this.isRender = false;
+    _this.state = {
+      match: undefined,
+      location: undefined,
+      history: undefined
+    };
+    return _this;
+  }
+
+  _createClass(AppRoute, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(props) {
+      if (!_global._IS_RUN_MICRO_BASIC || !this.isRender || _global._IS_ALLOW_ROUTE_RENDER) {
+        return true;
+      }
+
+      return (props.currentId || _cache.getCache('currentTabKey', 'session')) === props.tabId;
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      _logger.debug('路由销毁');
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          match = _this$state.match,
+          location = _this$state.location;
+      var isRouteMath = match && location;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.routes ? /*#__PURE__*/React.createElement(RenderRoutes, Object.assign({}, this.props, {
+        setRouteProps: this.setRouteProps
+      })) : /*#__PURE__*/React.createElement(RenderSingleRoute, Object.assign({}, this.props, {
+        setRouteProps: this.setRouteProps
+      })), isRouteMath && /*#__PURE__*/React.createElement(RenderComponents, {
+        state: this.state,
+        props: this.props
+      }), isRouteMath && /*#__PURE__*/React.createElement(Rendered, {
+        onRendered: function onRendered() {
+          return _this2.isRender = true;
+        }
+      }));
+    }
+  }]);
+
+  return AppRoute;
+}(React.Component);
+
+export default AppRoute;

package/es/AppRoute/interface.d.ts

@@ -0,0 +1,18 @@
+import * as H from 'history';
+import { RouteProps, match } from 'react-router-dom';
+
+export interface IAppRouteType {
+  match?: match<any>;
+  location?: H.Location | undefined;
+  history?: H.History;
+}
+
+export interface IAppRouteProps extends RouteProps, IAppRouteType {
+  routes?: RouteProps[];
+  tabId?: string;
+  currentId?: string;
+}
+
+export interface IRenderRouteProps extends IAppRouteType {
+  setRouteProps: (match: match<any>, location: H.Location, history: H.History) => void;
+}

package/es/AppRoute/utils.d.ts

@@ -0,0 +1 @@
+export declare const getRouteItem: (match: any, routes: any[]) => any;

package/es/AppRoute/utils.js

@@ -0,0 +1,28 @@
+export var getRouteItem = function getRouteItem(match, routes) {
+  var matchParams = match.params || {};
+  var routeItem = routes.find(function (v) {
+    return v.path === match.url;
+  });
+
+  if (routeItem) {
+    return routeItem;
+  } else {
+    var keys = Object.keys(matchParams);
+    var tempPaths = routes.map(function (v) {
+      return v.path;
+    });
+    tempPaths.forEach(function (path, index) {
+      var newPath = path;
+      keys.forEach(function (key) {
+        if (path.includes(":".concat(key))) {
+          newPath = path.replace(":".concat(key), matchParams[key]);
+        }
+      });
+      tempPaths[index] = newPath;
+    });
+    var index = tempPaths.findIndex(function (v) {
+      return v === match.url;
+    });
+    return routes[index];
+  }
+};

package/es/Auth/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IAuthProps {
+    featureId: string;
+    noAuthContent?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare function Auth({ featureId, noAuthContent, children }: IAuthProps): JSX.Element;
+export default Auth;

package/es/Auth/index.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from 'react';
+import Config from '../Config';
+
+function Auth(_ref) {
+  var featureId = _ref.featureId,
+      noAuthContent = _ref.noAuthContent,
+      children = _ref.children;
+  var action = useMemo(function () {
+    return !!Config.feature.find(function (v) {
+      return v.id === featureId;
+    });
+  }, [featureId]); //获取按钮权限
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !action ? noAuthContent ? noAuthContent : null : children);
+}
+
+export default Auth;

package/es/AutoExit/index.js

@@ -1,13 +1,16 @@
-import _Store from "@cloud-app-dev/basic-components/es/Store";
-import _useHistory from "@cloud-app-dev/basic-components/es/useHistory";
-import React from 'react';
+import React, { useContext } from 'react';
+import useHistory from '../useHistory';
+import AppContext from '../AppContext';
 
 function AutoExit(_ref) {
   var children = _ref.children;
 
-  var history = _useHistory();
+  var _useContext = useContext(AppContext.Context),
+      loginStatus = _useContext.loginStatus;
 
-  if (!_Store.app.isLogin) {
+  var history = useHistory();
+
+  if (!loginStatus) {
     history.replace('/login');
     return null;
   }

package/es/CheckGroupFixed/index.css

@@ -0,0 +1,49 @@
+.c-check-group-layout {
+  position: relative;
+}
+.c-check-group-layout .c-check-group-box {
+  padding: 10px;
+  display: flex;
+}
+.c-check-group-layout .check-label-box {
+  width: 80px;
+  color: #999;
+}
+.c-check-group-layout .check-content-box {
+  width: 100%;
+  flex: 1;
+  overflow: hidden;
+  height: 30px;
+}
+.c-check-group-layout .check-content-box .cloudapp-checkbox-group {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  grid-row-gap: 10px;
+  grid-column-gap: 10px;
+}
+.c-check-group-layout .check-content-box .cloudapp-checkbox-group .cloudapp-checkbox-wrapper {
+  width: 120px;
+  margin-left: 0;
+  height: 30px;
+  display: flex;
+}
+.c-check-group-layout .check-content-box .cloudapp-checkbox-group .cloudapp-checkbox-wrapper > span:not(.cloudapp-checkbox) {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.c-check-group-layout .sider-mask {
+  position: fixed;
+  z-index: 98;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.c-check-group-layout .slice-btn {
+  color: var(--primary);
+  cursor: pointer;
+  position: relative;
+  top: 4px;
+}

package/es/CheckGroupFixed/index.d.ts

@@ -0,0 +1,17 @@
+import './index.less';
+export interface SourceDictType {
+    value?: string | number;
+    label: string;
+    icon?: string;
+}
+interface ICheckGroupFixedProps {
+    label: string;
+    source: SourceDictType[];
+    onChange?: (keys: string[] & number[] & boolean[]) => void;
+    checboxSize?: number;
+    labelSize?: number;
+    cutRow?: number;
+    value?: string[] & number[] & boolean[];
+}
+declare function CheckGroupFixed({ label, source, checboxSize, cutRow, labelSize, value, onChange }: ICheckGroupFixedProps): JSX.Element;
+export default CheckGroupFixed;