@cloud-app-dev/vidc 1.0.49 → 2.0.0-alpha.2

package/es/AppLayout/AppHorizontalMenu/index.js

@@ -1,230 +0,0 @@
-import "antd/lib/popover/style";
-import _Popover from "antd/lib/popover";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _uuid from "@cloud-app-dev/utils/es/uuid";
-import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-
-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, { useState, useMemo, useCallback, useRef, useEffect } from 'react';
-import { inject, observer } from 'mobx-react';
-import { updateFunctionCount } from '../utils';
-import FunctionPreview from '../FunctionPreview';
-import QueueAnim from 'rc-queue-anim';
-import SubGroup from './SubGroup';
-import "./index.css";
-
-function AppHorizontalMenu(_ref) {
-  var auth = _ref.auth,
-      app = _ref.app,
-      history = _ref.history,
-      _ref$renderMenu = _ref.renderMenu,
-      renderMenu = _ref$renderMenu === void 0 ? true : _ref$renderMenu;
-  var filterMenus = useMemo(function () {
-    return auth.userMenuList.filter(function (v) {
-      return v.type !== 0;
-    });
-  }, [auth.userMenuList]);
-  var menuList = useMemo(function () {
-    return renderMenu ? _treeHelper.computTreeList(filterMenus, 'code', 'parentCode') : [];
-  }, [filterMenus, renderMenu]);
-
-  var _useState = useState({
-    visible: false,
-    isFunc: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useState3 = useState({
-    offset: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      posState = _useState4[0],
-      setPosState = _useState4[1];
-
-  var popupRef = useRef(null);
-  var menuBoxRef = useRef(null);
-  useEffect(function () {
-    var container = menuBoxRef.current.querySelector('.menu-layout-wrapper');
-    var menuBox = container.querySelector('.menu-layout-box');
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        visible: container.clientWidth < menuBox.clientWidth
-      });
-    });
-  }, []);
-  var onMenuSelect = useCallback(function (e, item) {
-    if (item.level === 3) {
-      updateFunctionCount(item.alias);
-      var menu = auth.userMenuList.find(function (v) {
-        return +v.code === +item.code;
-      });
-      history.push("".concat(menu.routeUrl).concat(e.ctrlKey || e.metaKey ? "?key=".concat(_uuid()) : ''));
-      setTimeout(function () {
-        return setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
-            isFunc: false
-          });
-        });
-      }, 300);
-    }
-  }, [auth.userMenuList, history]);
-  var onPrev = useCallback(function () {
-    var offset = posState.offset - 150;
-
-    if (offset < 0) {
-      offset = 0;
-    }
-
-    setPosState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        offset: offset
-      });
-    });
-  }, [posState.offset]);
-  var onNext = useCallback(function () {
-    var container = document.querySelector('.app-menu-layout').querySelector('.menu-layout-wrapper');
-    var menuBox = container.querySelector('.menu-layout-box');
-    var containerSize = container.clientWidth;
-    var offset = posState.offset + 150;
-
-    if (offset + containerSize > menuBox.clientWidth) {
-      offset = menuBox.clientWidth - containerSize;
-    }
-
-    setPosState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        offset: offset
-      });
-    });
-  }, [posState.offset]);
-  useEffect(function () {
-    var index = menuList.findIndex(function (v) {
-      return app.currentMenuKeys.includes("".concat(v.code));
-    });
-
-    if (index === -1 || !state.visible) {
-      return;
-    }
-
-    var container = menuBoxRef.current.querySelector('.menu-layout-wrapper');
-    var menuBox = container.querySelector('.menu-layout-box');
-    var menuItem = menuBox.querySelectorAll('.app-menu-item-top')[index];
-
-    var _container$getBoundin = container.getBoundingClientRect(),
-        width = _container$getBoundin.width;
-
-    var containerSize = container.clientWidth;
-    var selectLeft = menuItem.offsetLeft;
-    var size = selectLeft - containerSize + width;
-    setPosState(function () {
-      return {
-        offset: size > menuBox.clientWidth - containerSize ? menuBox.clientWidth - containerSize : size
-      };
-    });
-  }, [app.currentMenuKeys, menuList, state.visible]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "app-popup-container",
-    ref: popupRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "app-menu-layout app-horizontal-menu-layout",
-    ref: menuBoxRef
-  }, renderMenu && /*#__PURE__*/React.createElement("div", {
-    className: "app-menu-item-top app-top-all-func ".concat(state.isFunc ? 'app-menu-item-top-selected' : ''),
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          isFunc: true
-        });
-      });
-    }
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-quangongneng"
-  }), "\u5FEB\u901F\u5BFC\u822A")), state.visible && /*#__PURE__*/React.createElement("div", {
-    className: "menu-control-btn",
-    onClick: onPrev
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-S_Arrow_SmallLeft"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "menu-layout-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "menu-layout-box",
-    style: {
-      transform: "translate3d(".concat(-posState.offset, "px,0,0)")
-    }
-  }, menuList.map(function (item) {
-    return item.level === 3 ? /*#__PURE__*/React.createElement("div", {
-      className: "app-menu-item-top ".concat(app.currentMenuKeys.includes("".concat(item.code)) ? 'app-menu-item-top-selected' : ''),
-      onClick: function onClick(e) {
-        return onMenuSelect(e, item);
-      },
-      key: item.code
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_IconFont, {
-      type: item.icon || 'icon-L_Bar_Objectification1'
-    }), item.name)) : /*#__PURE__*/React.createElement(_Popover, {
-      key: item.code,
-      trigger: "hover",
-      destroyTooltipOnHide: true,
-      arrowPointAtCenter: true,
-      getPopupContainer: function getPopupContainer() {
-        return popupRef.current;
-      },
-      placement: "bottomLeft",
-      content: /*#__PURE__*/React.createElement(SubGroup, {
-        currentMenuKeys: app.currentMenuKeys,
-        item: item,
-        onClick: function onClick(e, v) {
-          return onMenuSelect(e, v);
-        }
-      })
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "app-menu-item-top ".concat(app.currentMenuKeys.includes("".concat(item.code)) ? 'app-menu-item-top-selected' : '')
-    }, /*#__PURE__*/React.createElement(_IconFont, {
-      type: item.icon || 'icon-L_Bar_Objectification1'
-    }), item.name));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "blur-mask"
-  })), state.visible && /*#__PURE__*/React.createElement("div", {
-    className: "menu-control-btn",
-    onClick: onNext
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-S_Arrow_SmallRight"
-  }))), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "top"
-  }, state.isFunc ? /*#__PURE__*/React.createElement(FunctionPreview, {
-    className: "app-horizontal-funcs",
-    onMenuSelect: onMenuSelect,
-    key: "all",
-    menuList: auth.userMenuList
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "allempty"
-  })), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "alpha"
-  }, state.isFunc ? /*#__PURE__*/React.createElement("div", {
-    key: "mask",
-    className: "fun-preview-mask",
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          isFunc: false
-        });
-      });
-    }
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "maskempty"
-  })));
-}
-
-export default inject('app', 'auth')(observer(AppHorizontalMenu));

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

@@ -1,9 +0,0 @@
-import React from 'react';
-interface ISubGroupProps {
-    menuList: any[];
-    style?: React.CSSProperties;
-    onMenuSelect?: (e: React.MouseEvent, v2: any, flag: boolean) => void;
-    currentMenuKeys?: string[];
-}
-declare function SubGroup({ menuList, style, onMenuSelect, currentMenuKeys }: ISubGroupProps): JSX.Element;
-export default SubGroup;

package/es/AppLayout/AppInlineMenu/SubGroup.js

@@ -1,34 +0,0 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import React from 'react';
-
-function SubGroup(_ref) {
-  var menuList = _ref.menuList,
-      style = _ref.style,
-      onMenuSelect = _ref.onMenuSelect,
-      currentMenuKeys = _ref.currentMenuKeys;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-inline-menu-sub-container",
-    style: style
-  }, /*#__PURE__*/React.createElement("ul", null, menuList.map(function (v) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: v.code
-    }, /*#__PURE__*/React.createElement("li", {
-      className: "app-menu-lv2-item",
-      key: v.code
-    }, /*#__PURE__*/React.createElement("span", null, v.name)), Array.isArray(v.children) && v.children.map(function (v2) {
-      return /*#__PURE__*/React.createElement("li", {
-        key: v2.code,
-        className: "app-menu-lv3-item ".concat(currentMenuKeys.includes("".concat(v2.code)) ? 'app-menu-lv3-item-selected' : ''),
-        onClick: function onClick(e) {
-          return onMenuSelect(e, v2, true);
-        }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
-        type: v2.icon || 'icon-L_Bar_Objectification1'
-      }), " ", /*#__PURE__*/React.createElement("span", null, v2.name), /*#__PURE__*/React.createElement("div", {
-        className: "menu-bg-mask"
-      }));
-    }));
-  })));
-}
-
-export default SubGroup;

package/es/AppLayout/AppInlineMenu/index.css

@@ -1,110 +0,0 @@
-.app-inline-menu-container {
-  background-color: var(--nav-bg);
-  height: 100%;
-  transition: width 0.2s ease-in-out;
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 99;
-  overflow: hidden;
-}
-.app-inline-menu-container .menu-collapsed-btn {
-  height: var(--nav-height);
-  width: 100%;
-  background-color: var(--nav-sub-bg);
-  border: none;
-  outline: none;
-  font-size: 20px;
-  border-radius: 0;
-}
-.app-inline-menu-container .app-inline-menu-top-list {
-  height: calc(100% - var(--nav-height));
-  overflow-y: scroll;
-  overflow-x: hidden;
-  margin-right: calc(0px - var(--scrollbar-width));
-}
-.app-inline-menu-container .app-menu-top-item {
-  white-space: nowrap;
-  padding: 10px 12px;
-}
-.app-inline-menu-container .app-menu-top-item > div {
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  border-radius: 4px;
-  color: var(--nav-item-color);
-  transition: all 0.2s ease-in;
-}
-.app-inline-menu-container .app-menu-top-item > div:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.app-inline-menu-container .app-menu-top-item > div span {
-  padding-left: 10px;
-}
-.app-inline-menu-container .app-menu-top-item > div .anticon {
-  padding-left: 2px;
-  font-size: 24px;
-}
-.app-inline-menu-container .app-menu-top-item.app-menu-top-item-selected > div {
-  background-color: var(--nav-item-bg-selected);
-}
-.app-inline-menu-container .app-menu-top-item.app-menu-sub-item-selected > div {
-  background-color: rgba(0, 0, 0, 0.1) !important;
-}
-.app-inline-menu-sub-container {
-  position: fixed;
-  top: var(--nav-height);
-  height: calc(100% - var(--nav-height));
-  width: 272px;
-  z-index: 98;
-  background-color: var(--nav-sub-bg);
-  padding: 30px 0;
-  font-size: var(--fs);
-  transition: left 0.2s ease-in;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-}
-.app-inline-menu-sub-container .app-menu-lv2-item {
-  padding: 10px 30px;
-  color: var(--nav-sub-item-color);
-  opacity: 0.8;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item {
-  padding-left: 20px;
-  height: 48px;
-  margin: 16px 12px;
-  line-height: 47px;
-  border-radius: 4px;
-  border: 1px solid transparent;
-  overflow: hidden;
-  cursor: pointer;
-  border-color: transparent;
-  color: var(--nav-sub-item-color);
-}
-.app-inline-menu-sub-container .app-menu-lv3-item .anticon {
-  font-size: 20px;
-  position: relative;
-  top: 1px;
-  padding-right: 4px;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item:hover {
-  background-color: var(--nav-sub-item-bg-selected);
-  color: var(--nav-sub-item-color-selected);
-}
-.app-inline-menu-sub-container .app-menu-lv3-item.app-menu-lv3-item-selected {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-color: var(--nav-sub-item-bg-selected);
-  color: var(--nav-sub-item-color-selected);
-  position: relative;
-  transition: all 0.2s ease-in;
-}
-.app-inline-menu-sub-container .app-menu-lv3-item.app-menu-lv3-item-selected .menu-bg-mask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background-color: var(--nav-sub-item-bg-selected);
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  pointer-events: none;
-}

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

@@ -1,12 +0,0 @@
-import * as H from 'history';
-import { AppStoreInterface } from '@cloud-app-dev/basic-components/es/Store/app';
-import { AuthStoreInterface } from '@cloud-app-dev/basic-components/es/Store/auth';
-import './index.less';
-interface IAppInlineMenuProps {
-    auth?: AuthStoreInterface;
-    app?: AppStoreInterface;
-    history: H.History;
-}
-declare function AppInlineMenu({ auth, app, history }: IAppInlineMenuProps): JSX.Element;
-declare const _default: typeof AppInlineMenu & import("mobx-react").IWrappedComponent<IAppInlineMenuProps>;
-export default _default;

package/es/AppLayout/AppInlineMenu/index.js

@@ -1,194 +0,0 @@
-import "antd/lib/tooltip/style";
-import _Tooltip from "antd/lib/tooltip";
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-import _uuid from "@cloud-app-dev/utils/es/uuid";
-import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-
-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, useLayoutEffect, useMemo, useState } from 'react';
-import { inject, observer } from 'mobx-react';
-import QueueAnim from 'rc-queue-anim';
-import FunctionPreview from '../FunctionPreview';
-import SubGroup from './SubGroup';
-import { updateFunctionCount } from '../utils';
-import "./index.css";
-var size_min = 72;
-var size_max = 180;
-
-function AppInlineMenu(_ref) {
-  var auth = _ref.auth,
-      app = _ref.app,
-      history = _ref.history;
-
-  var _useState = useState({
-    collapsed: true,
-    subMenus: [],
-    subMenuKey: ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var filterMenus = useMemo(function () {
-    return auth.userMenuList.filter(function (v) {
-      return v.type !== 0;
-    });
-  }, [auth.userMenuList]);
-  var menuList = useMemo(function () {
-    return _treeHelper.computTreeList(filterMenus, 'code', 'parentCode');
-  }, [filterMenus]);
-  var popStyle = useMemo(function () {
-    return {
-      left: !state.collapsed ? size_max : size_min
-    };
-  }, [state.collapsed]);
-  var scrollSize = useMemo(function () {
-    var root = document.querySelector(':root');
-    return root.style.getPropertyValue('--scrollbar-width');
-  }, []);
-  var onMenuSelect = useCallback(function (e, item, flag) {
-    if (item.level === 3) {
-      updateFunctionCount(item.alias);
-      var menu = auth.userMenuList.find(function (v) {
-        return +v.code === +item.code;
-      });
-      history.push("".concat(menu.routeUrl).concat(e.ctrlKey || e.metaKey ? "?key=".concat(_uuid()) : ''));
-
-      if (flag) {
-        setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
-            subMenuKey: '',
-            subMenus: [],
-            collapsed: true
-          });
-        });
-      }
-
-      return;
-    }
-
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        subMenuKey: old.subMenuKey === item.code ? '' : item.code,
-        subMenus: item.children
-      });
-    });
-  }, [auth.userMenuList, history]);
-  var onSelectFuns = useCallback(function () {
-    return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        subMenuKey: old.subMenuKey === 'all' ? '' : 'all'
-      });
-    });
-  }, []);
-  useLayoutEffect(function () {
-    var fn = function fn(e) {
-      var arr = Array.from(e.path);
-      var item = arr.find(function (v) {
-        return v.classList && (v.classList.contains('app-inline-menu-sub-container') || v.classList.contains('app-inline-menu-container'));
-      });
-
-      if (!item) {
-        setState(function (old) {
-          return Object.assign(Object.assign({}, old), {
-            collapsed: true,
-            subMenuKey: '',
-            subMenus: []
-          });
-        });
-      }
-    };
-
-    if (state.subMenuKey || !state.collapsed) {
-      document.body.addEventListener('click', fn, false);
-    }
-
-    return function () {
-      document.body.removeEventListener('click', fn, false);
-    };
-  }, [state.collapsed, state.subMenuKey]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "app-inline-menu-container",
-    style: {
-      width: state.collapsed ? size_min : size_max
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "menu-collapsed-btn",
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          collapsed: !state.collapsed
-        });
-      });
-    }
-  }, state.collapsed ? /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-zhankai"
-  }) : /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-shouqi"
-  })), /*#__PURE__*/React.createElement("ul", {
-    className: "app-inline-menu-top-list",
-    style: {
-      marginRight: "-".concat(scrollSize)
-    }
-  }, /*#__PURE__*/React.createElement("li", {
-    className: "app-menu-top-item ".concat(app.currentMenuKeys.includes('all') ? 'app-menu-top-item-selected' : '', " ").concat(state.subMenuKey === 'all' ? 'app-menu-sub-item-selected' : '')
-  }, /*#__PURE__*/React.createElement(_Tooltip, {
-    title: "\u5FEB\u901F\u5BFC\u822A",
-    placement: "right"
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: onSelectFuns
-  }, /*#__PURE__*/React.createElement(_IconFont, {
-    type: "icon-quangongneng"
-  }), !state.collapsed ? /*#__PURE__*/React.createElement("span", null, "\u5FEB\u901F\u5BFC\u822A") : null))), menuList.map(function (v) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "app-menu-top-item ".concat(app.currentMenuKeys.includes("".concat(v.code)) ? 'app-menu-top-item-selected' : '', " ").concat("".concat(state.subMenuKey) === "".concat(v.code) ? 'app-menu-sub-item-selected' : ''),
-      key: v.code
-    }, /*#__PURE__*/React.createElement(_Tooltip, {
-      title: v.name,
-      placement: "right"
-    }, /*#__PURE__*/React.createElement("div", {
-      onClick: function onClick(e) {
-        return onMenuSelect(e, v, true);
-      }
-    }, /*#__PURE__*/React.createElement(_IconFont, {
-      type: v.icon || 'icon-L_Bar_Objectification1'
-    }), !state.collapsed ? /*#__PURE__*/React.createElement("span", null, v.name) : null)));
-  }))), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "left"
-  }, state.subMenuKey && state.subMenuKey !== 'all' ? /*#__PURE__*/React.createElement(SubGroup, {
-    currentMenuKeys: app.currentMenuKeys,
-    onMenuSelect: onMenuSelect,
-    style: popStyle,
-    key: state.subMenuKey,
-    menuList: state.subMenus
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "menuempty"
-  }), state.subMenuKey && state.subMenuKey === 'all' ? /*#__PURE__*/React.createElement(FunctionPreview, {
-    style: popStyle,
-    onMenuSelect: onMenuSelect,
-    key: "all",
-    menuList: auth.userMenuList
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "allempty"
-  })), /*#__PURE__*/React.createElement(QueueAnim, {
-    type: "alpha"
-  }, state.subMenuKey && state.subMenuKey === 'all' ? /*#__PURE__*/React.createElement("div", {
-    key: "mask",
-    className: "fun-preview-mask"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, {
-    key: "maskempty"
-  })));
-}
-
-export default inject('app', 'auth')(observer(AppInlineMenu));

package/es/AppLayout/AppLogo/index.css

@@ -1,74 +0,0 @@
-.app-logo {
-  display: flex;
-  align-items: center;
-  padding-left: 10px;
-  height: var(--nav-height);
-  width: var(--sider-size);
-}
-.app-logo .logo-img {
-  height: 100%;
-  padding: 2px 4px;
-  display: flex;
-  align-items: center;
-}
-.app-logo .logo-img img {
-  width: auto;
-  height: 100% !important;
-  display: block;
-  object-fit: contain;
-}
-.app-logo .logo-img .go-icon {
-  transform: scaleY(-1);
-  font-size: 20px;
-}
-.app-logo .logo-name {
-  flex: 1;
-  padding-left: 6px;
-  width: calc(100% - 48px);
-  white-space: nowrap;
-  overflow: hidden;
-  font-size: 18px;
-  font-weight: 600;
-  text-overflow: ellipsis;
-  line-height: var(--nav-height);
-}
-.app-log-show .logo-name {
-  animation: app_log_show 0.3s linear;
-}
-.app-log-hide .logo-name {
-  animation: app_log_hide 0.3s linear;
-}
-@keyframes app_log_show {
-  0% {
-    opacity: 0.1;
-    width: 0;
-  }
-  25% {
-    opacity: 0.3;
-  }
-  50% {
-    opacity: 0.5;
-    width: 50%;
-  }
-  100% {
-    opacity: 1;
-    width: auto;
-  }
-}
-@keyframes app_log_hide {
-  0% {
-    opacity: 0.1;
-    width: 100%;
-  }
-  25% {
-    opacity: 0.3;
-  }
-  50% {
-    opacity: 0.5;
-    width: 50%;
-  }
-  100% {
-    opacity: 1;
-    width: auto;
-  }
-}

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

@@ -1,13 +0,0 @@
-import './index.less';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import * as H from 'history';
-interface IAppLogoProps {
-    systemLogo?: string;
-    defaultSrc?: string;
-    systemName?: string;
-    userInfo?: UserInfo;
-    isMenuHome?: boolean;
-    history?: H.History;
-}
-export default function AppLogo({ systemLogo, defaultSrc, systemName, userInfo, isMenuHome }: IAppLogoProps): JSX.Element;
-export {};