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

package/es/AppLayout/Header/Tools.js

@@ -1,86 +0,0 @@
-import "antd/lib/avatar/style";
-import _Avatar from "antd/lib/avatar";
-import _FullScreen from "@cloud-app-dev/basic-components/es/FullScreen";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import "antd/lib/popover/style";
-import _Popover from "antd/lib/popover";
-import _cache from "@cloud-app-dev/utils/es/cache";
-import React, { useCallback, useMemo } from 'react';
-import UserAction from './UserAction';
-import ToolsItem from './ToolsItem';
-import { inject, observer } from 'mobx-react';
-import NotifyAlarm from './NotifyAlarm';
-
-function AppTools(_ref) {
-  var history = _ref.history,
-      app = _ref.app,
-      isMenuHome = _ref.isMenuHome,
-      portalPath = _ref.portalPath;
-  var GatewayState = useMemo(function () {
-    return _cache.getCache('GATEWAY_STATE', 'session');
-  }, []);
-  var handleGateway = useCallback(function () {
-    history.push(portalPath ? portalPath : !isMenuHome ? '/portalGateway/menuHome' : '/portalGateway/home');
-  }, [isMenuHome, history]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-tools-layout"
-  }, GatewayState && /*#__PURE__*/React.createElement(_Popover, {
-    trigger: "hover",
-    overlayClassName: "goback-popover-box",
-    placement: "bottomRight",
-    content: /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: '#666666'
-      }
-    }, !isMenuHome ? '返回系统门户' : '返回平台门户')
-  }, /*#__PURE__*/React.createElement(ToolsItem, {
-    className: "user-info",
-    onClick: function onClick() {
-      return handleGateway();
-    }
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-S_Place_Undo"
-  }), "\u8FD4\u56DE")), /*#__PURE__*/React.createElement(NotifyAlarm, null), /*#__PURE__*/React.createElement(ToolsItem, {
-    className: "user-info"
-  }, /*#__PURE__*/React.createElement(_FullScreen, {
-    getContainer: function getContainer() {
-      return document.body;
-    }
-  })), /*#__PURE__*/React.createElement(_Popover, {
-    overlayClassName: "user-popover-box",
-    trigger: "hover",
-    placement: "bottomRight",
-    content: /*#__PURE__*/React.createElement(UserAction, {
-      portalPath: portalPath,
-      history: history,
-      app: app,
-      isMenuHome: isMenuHome
-    })
-  }, /*#__PURE__*/React.createElement(ToolsItem, {
-    className: "user-info"
-  }, /*#__PURE__*/React.createElement(_Avatar, {
-    size: 30,
-    style: {
-      backgroundColor: 'transparent'
-    },
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
-      style: {
-        fontSize: 20,
-        position: 'relative',
-        left: 2
-      },
-      type: "icon-S_AID_username"
-    }),
-    src: app.userInfo.userAvatarUrl
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "user-name",
-    title: app.userInfo.realName || app.userInfo.loginName,
-    style: {
-      fontSize: 'var(--fs)'
-    }
-  }, app.userInfo.realName || app.userInfo.loginName), /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-S_Arrow_SmallDown"
-  }))));
-}
-
-export default inject('app')(observer(AppTools));

package/es/AppLayout/Header/ToolsItem.d.ts

@@ -1 +0,0 @@
-export default function ToolsItem({ className, children, ...props }: any): JSX.Element;

package/es/AppLayout/Header/ToolsItem.js

@@ -1,12 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-export default function ToolsItem(_a) {
-  var _a$className = _a.className,
-      className = _a$className === void 0 ? '' : _a$className,
-      children = _a.children,
-      props = __rest(_a, ["className", "children"]);
-
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "user-item ".concat(className)
-  }, props), children);
-}

package/es/AppLayout/Header/UserAction.d.ts

@@ -1,10 +0,0 @@
-import { AppStoreInterface } from '@cloud-app-dev/basic-components/es/Store/app';
-import * as H from 'history';
-interface IUserActionProps {
-    app?: AppStoreInterface & any;
-    history: H.History;
-    isMenuHome?: boolean;
-    portalPath?: string;
-}
-declare function UserAction({ app, history, isMenuHome, portalPath }: IUserActionProps): JSX.Element;
-export default UserAction;

package/es/AppLayout/Header/UserAction.js

@@ -1,224 +0,0 @@
-import _IconSpan from "@cloud-app-dev/basic-components/es/IconSpan";
-import "antd/lib/avatar/style";
-import _Avatar from "antd/lib/avatar";
-import _AuthComponent from "@cloud-app-dev/basic-components/es/AuthComponent";
-import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-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 { __awaiter } from "tslib";
-import React, { useCallback, useReducer, useMemo } from 'react';
-import ModifyUserAvatar from './ModifyUserAvatar';
-import ModifyPassword from './ModifyPassword';
-import UserService from '../service'; //用户个人中心下模块
-
-var pageInfos = [{
-  key: 'myCollection',
-  iconType: 'icon-S_Photo_KeepYes',
-  title: '我的收藏',
-  url: '/personalCenter/myCollection'
-}, {
-  key: 'attentivePeople',
-  iconType: 'icon-S_Please_attention',
-  title: '关注的人员',
-  url: '/personalCenter/attentivePeople'
-}, {
-  key: 'attentiveVehicle',
-  iconType: 'icon-S_Please_attentionCar',
-  title: '关注的车辆',
-  url: '/personalCenter/attentiveVehicle'
-}, {
-  alias: 'approvalManager',
-  key: 'approvalManager',
-  iconType: 'icon-S_View_Task',
-  title: '审批与任务',
-  url: '/approvalManager/view'
-}, {
-  key: 'downloadCenter',
-  iconType: 'icon-S_Edit_LoadDown',
-  title: '下载中心',
-  url: '/personalCenter/downloadCenter'
-}, {
-  alias: 'quicklink',
-  key: 'quicklink',
-  iconType: 'icon-S_Photo_LinkOn',
-  title: '友情链接绑定',
-  url: '/personalCenter/quicklinkbind'
-}, {
-  alias: 'aboutCenter',
-  key: 'aboutCenter',
-  iconType: 'icon-XL_Keep',
-  title: '帮助中心',
-  url: '/aboutCenter'
-}];
-
-function UserAction(_ref) {
-  var _this = this;
-
-  var app = _ref.app,
-      history = _ref.history,
-      isMenuHome = _ref.isMenuHome,
-      portalPath = _ref.portalPath;
-  var userInfo = app.userInfo;
-
-  var _useReducer = useReducer(function (state, action) {
-    return Object.assign(Object.assign({}, state), action);
-  }, {
-    avatar: false,
-    password: false
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      visibleMuster = _useReducer2[0],
-      setVisibleMuster = _useReducer2[1];
-
-  var signOut = useCallback(function () {
-    return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              UserService.loginOut().finally(function () {
-                sessionStorage.clear();
-                window.location.replace('/login');
-              });
-
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, []); //门户
-
-  var GatewayState = useMemo(function () {
-    return _cache.getCache('GATEWAY_STATE', 'session');
-  }, []);
-  var handleGateway = useCallback(function () {
-    history.push(portalPath || '/portalGateway/home');
-  }, [history]); //菜单项
-
-  var PageView = useMemo(function () {
-    var pageItemView = function pageItemView(item) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "page-item",
-        onClick: function onClick() {
-          return history.push({
-            pathname: item.url
-          });
-        }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
-        type: item.iconType
-      }), " ", item.title);
-    };
-
-    return userInfo.userType !== '100701' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentBox, {
-      className: "worktable-page-btn"
-    }, pageInfos.map(function (v) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: v.key
-      }, v.alias ? /*#__PURE__*/React.createElement(_AuthComponent, {
-        actionName: v.alias
-      }, pageItemView(v)) : pageItemView(v));
-    })))) : null;
-  }, [userInfo.userType, history]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "user-popover-content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "user-info"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "user-info-left"
-  }, /*#__PURE__*/React.createElement(_Avatar, {
-    style: {
-      backgroundColor: 'var(--icon)'
-    },
-    icon: /*#__PURE__*/React.createElement(_IconFont, {
-      style: {
-        fontSize: 20,
-        position: 'relative'
-      },
-      type: "icon-S_AID_username"
-    }),
-    src: userInfo.userAvatarUrl
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "user-info-right"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: 'var(--fs)'
-    },
-    className: "current-user"
-  }, userInfo.realName || userInfo.loginName), /*#__PURE__*/React.createElement("div", {
-    className: "btn-content"
-  }, /*#__PURE__*/React.createElement(_IconSpan, {
-    mode: "vertical",
-    onClick: function onClick() {
-      return setVisibleMuster({
-        avatar: true
-      });
-    },
-    icon: "icon-S_Edit_Avatar",
-    label: "\u4FEE\u6539\u5934\u50CF"
-  }), /*#__PURE__*/React.createElement(_IconSpan, {
-    mode: "vertical",
-    onClick: function onClick() {
-      return setVisibleMuster({
-        password: true
-      });
-    },
-    icon: "icon-S_AID_password",
-    label: "\u4FEE\u6539\u5BC6\u7801"
-  }), !isMenuHome && /*#__PURE__*/React.createElement(_AuthComponent, {
-    actionName: "assistantManager"
-  }, /*#__PURE__*/React.createElement(_IconSpan, {
-    mode: "vertical",
-    onClick: function onClick() {
-      history.push({
-        pathname: '/personSkillwar/main'
-      });
-    },
-    icon: "icon-Type2",
-    label: "\u5E94\u7528\u52A9\u624B"
-  })), GatewayState && /*#__PURE__*/React.createElement(_IconSpan, {
-    mode: "vertical",
-    className: "fl",
-    onClick: handleGateway,
-    icon: "icon-House",
-    label: "\u8FDB\u5165\u95E8\u6237"
-  })))), !isMenuHome && PageView, /*#__PURE__*/React.createElement("div", {
-    className: "login-out"
-  }, /*#__PURE__*/React.createElement(_IconSpan, {
-    mode: "vertical",
-    className: "login-out",
-    onClick: signOut,
-    icon: "icon-S_Place_over",
-    label: "\u9000\u51FA\u767B\u5F55"
-  })), /*#__PURE__*/React.createElement(ModifyUserAvatar, {
-    visible: !!visibleMuster.avatar,
-    onClose: function onClose() {
-      return setVisibleMuster({
-        avatar: false
-      });
-    }
-  }), /*#__PURE__*/React.createElement(ModifyPassword, {
-    visible: !!visibleMuster.password,
-    onClose: function onClose() {
-      return setVisibleMuster({
-        password: false
-      });
-    }
-  }));
-}
-
-export default UserAction;

package/es/AppLayout/Header/index.css

@@ -1,136 +0,0 @@
-.app-tools-layout {
-  display: flex;
-  align-items: center;
-  line-height: var(--nav-height);
-  height: var(--nav-height);
-  justify-content: flex-end;
-}
-.app-tools-layout .theme-select-layout {
-  width: 150px;
-}
-.app-tools-layout .theme-select-layout .cloudapp-select-selector {
-  background-color: transparent !important;
-}
-.app-tools-layout .user-item {
-  height: 100%;
-  padding: 0 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: var(--fs-small);
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
-  white-space: nowrap;
-}
-.app-tools-layout .user-item:hover {
-  color: var(--primary-light);
-}
-.app-tools-layout .user-item .anticon {
-  font-size: 16px;
-  padding-right: 4px;
-}
-.app-tools-layout .user-info {
-  padding: 0 8px;
-}
-.app-tools-layout .user-info .user-name {
-  padding: 0 5px;
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.goback-popover-box .cloudapp-popover-inner-content {
-  padding: 3px 8px;
-}
-.user-popover-box .cloudapp-popover-inner {
-  background: var(--content-info-box-bg);
-}
-.user-popover-box .cloudapp-popover-inner-content {
-  padding: 0;
-}
-.user-popover-box .cloudapp-popover-arrow {
-  border-top-color: var(--content-info-box-bg) !important;
-  border-left-color: var(--content-info-box-bg) !important;
-}
-.user-popover-content {
-  width: 260px;
-}
-.user-popover-content .icon-span:hover .anticon,
-.user-popover-content .icon-span:hover span {
-  color: var(--primary-dark);
-}
-.user-popover-content .user-info {
-  display: flex;
-  padding: 10px;
-  border-bottom: 1px solid var(--bd-color);
-}
-.user-popover-content .user-info .cloudapp-avatar {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-}
-.user-popover-content .user-info-right {
-  color: var(--color);
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: flex-start;
-}
-.user-popover-content .user-info-right .current-user {
-  color: var(--color-dark);
-  font-size: var(--fs);
-  font-weight: bold;
-  padding-left: 10px;
-  padding-bottom: 10px;
-}
-.user-popover-content .user-info-right .btn-content {
-  display: flex;
-  flex-wrap: wrap;
-}
-.user-popover-content .user-info-right .btn-content .icon-span {
-  font-size: 12px;
-  line-height: 200%;
-  margin-left: 10px;
-  color: var(--primary);
-}
-.user-popover-content .user-info-right .btn-content .icon-span .anticon {
-  color: inherit;
-}
-.user-popover-content .user-info-right .btn-content .icon-span:hover {
-  color: var(--primary-dark);
-}
-.user-popover-content .login-out {
-  padding: 8px;
-  text-align: center;
-  color: var(--disabled);
-  font-size: var(--fs-small);
-}
-.user-popover-content .login-out .anticon {
-  color: inherit;
-}
-.user-popover-content .login-out:hover {
-  color: var(--icon);
-}
-.user-popover-content .worktable-page-btn {
-  padding: 8px 8px;
-}
-.user-popover-content .worktable-page-btn .page-item {
-  line-height: 34px;
-  font-size: 12px;
-  color: var(--color);
-  cursor: pointer;
-}
-.user-popover-content .worktable-page-btn .page-item .anticon {
-  font-size: 16px;
-  margin-right: 2px;
-  color: var(--icon);
-  vertical-align: -3px;
-}
-.user-popover-content .worktable-page-btn .page-item:hover {
-  color: var(--primary);
-}
-.user-popover-content .worktable-page-btn .page-item:hover .anticon {
-  color: var(--primary);
-}

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

@@ -1,9 +0,0 @@
-import './index.less';
-interface IHeaderProps {
-    renderMenu?: boolean;
-    isMenuHome?: boolean;
-    portalPath?: string;
-    menuType?: string;
-}
-declare function Header({ renderMenu, isMenuHome, portalPath, menuType }: IHeaderProps): JSX.Element;
-export default Header;

package/es/AppLayout/Header/index.js

@@ -1,36 +0,0 @@
-import _Config from "@cloud-app-dev/basic-components/es/Config";
-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 AppHeader from '../AppHeader';
-import ListenceRoute from './ListenceRoute';
-import AppTools from './Tools';
-import "./index.css";
-
-function Header(_ref) {
-  var renderMenu = _ref.renderMenu,
-      isMenuHome = _ref.isMenuHome,
-      portalPath = _ref.portalPath,
-      menuType = _ref.menuType;
-
-  var history = _useHistory();
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AppHeader, {
-    userInfo: _Store.app.userInfo,
-    systemLogo: _Store.app.appInfo.systemLogoUrl || _Store.app.systemConfig.systemLogo || _Config.BSConfig.systemLogo,
-    systemName: _Store.app.systemConfig.systemName,
-    menuType: menuType,
-    history: history,
-    renderMenu: renderMenu,
-    isMenuHome: isMenuHome,
-    appTools: /*#__PURE__*/React.createElement(AppTools, {
-      history: history,
-      isMenuHome: isMenuHome,
-      portalPath: portalPath
-    })
-  }), /*#__PURE__*/React.createElement(ListenceRoute, {
-    history: history
-  }));
-}
-
-export default Header;

package/es/AppLayout/index.css

@@ -1,21 +0,0 @@
-.app-style-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-.app-style-container .app-layout-container {
-  width: 100%;
-  height: 100%;
-}
-.app-style-container .app-inline-layout {
-  padding-left: 72px;
-}
-.app-style-container .app-layout-header {
-  min-height: var(--nav-height);
-  height: max-content;
-  padding: 0;
-  line-height: var(--nav-height);
-  color: var(--app-header-color);
-  background-color: var(--app-header-bg);
-  width: 100%;
-}

package/es/AppLayout/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IAppLayoutProps {
-    content?: React.ReactNode;
-    children?: React.ReactNode;
-    menuType?: string;
-    isMenuHome?: boolean;
-    renderMenu?: boolean;
-    portalPath?: string;
-}
-declare function AppLayout({ content, children, menuType, isMenuHome, renderMenu, portalPath }: IAppLayoutProps): JSX.Element;
-export default AppLayout;

package/es/AppLayout/index.js

@@ -1,38 +0,0 @@
-import "antd/lib/layout/style";
-import _Layout from "antd/lib/layout";
-import _useHistory from "@cloud-app-dev/basic-components/es/useHistory";
-import React from 'react';
-import Header from './Header';
-import AppInlineMenu from './AppInlineMenu';
-import "./index.css";
-
-function AppLayout(_ref) {
-  var content = _ref.content,
-      children = _ref.children,
-      menuType = _ref.menuType,
-      isMenuHome = _ref.isMenuHome,
-      renderMenu = _ref.renderMenu,
-      portalPath = _ref.portalPath;
-
-  var history = _useHistory();
-
-  var className = menuType === 'inline' ? 'app-inline-layout' : '';
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-style-container"
-  }, menuType === 'inline' && /*#__PURE__*/React.createElement(AppInlineMenu, {
-    history: history
-  }), /*#__PURE__*/React.createElement(_Layout, {
-    className: "app-layout-container ".concat(className)
-  }, /*#__PURE__*/React.createElement(_Layout.Header, {
-    className: "app-layout-header"
-  }, /*#__PURE__*/React.createElement(Header, {
-    isMenuHome: isMenuHome,
-    renderMenu: renderMenu,
-    portalPath: portalPath,
-    menuType: menuType
-  })), /*#__PURE__*/React.createElement(_Layout.Content, {
-    className: "app-layout-content"
-  }, children || content)));
-}
-
-export default AppLayout;