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

package/es/AppLayout/AppHorizontalMenu/index.css

@@ -1,152 +0,0 @@
-.app-horizontal-menu-layout {
-  flex: 1;
-  overflow: hidden;
-  font-size: var(--fs-large);
-  display: flex;
-  align-items: center;
-}
-.app-horizontal-menu-layout .app-menu-item-top.app-top-all-func {
-  width: 140px;
-  position: relative;
-  margin-right: 20px;
-}
-.app-horizontal-menu-layout .app-menu-item-top.app-top-all-func span {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.app-horizontal-menu-layout .app-menu-item-top.app-top-all-func:after {
-  content: '';
-  position: absolute;
-  height: 50%;
-  border-right: 2px dashed #ffffff20;
-  right: -11px;
-}
-.app-horizontal-menu-layout .menu-control-btn {
-  width: 48px;
-  height: 100%;
-  font-size: 20px;
-  cursor: pointer;
-  text-align: center;
-}
-.app-horizontal-menu-layout .menu-control-btn:hover {
-  background-color: var(--nav-item-bg-selected);
-  color: var(--nav-item-color-selected);
-}
-.app-horizontal-menu-layout .app-menu-item-top {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  cursor: pointer;
-  color: var(--nav-item-color);
-}
-.app-horizontal-menu-layout .app-menu-item-top .anticon {
-  font-size: 20px;
-  padding-right: 6px;
-}
-.app-horizontal-menu-layout .app-menu-item-top:hover,
-.app-horizontal-menu-layout .app-menu-item-top.app-menu-item-top-selected {
-  background-color: var(--nav-item-bg-selected);
-  color: var(--nav-item-color-selected);
-}
-.app-horizontal-menu-layout .app-menu-item-top:hover .anticon,
-.app-horizontal-menu-layout .app-menu-item-top.app-menu-item-top-selected .anticon {
-  color: var(--nav-item-color-selected);
-}
-.app-horizontal-menu-layout .menu-layout-wrapper {
-  height: var(--nav-height);
-  overflow: hidden;
-  white-space: nowrap;
-  position: relative;
-  flex: 1;
-}
-.app-horizontal-menu-layout .menu-layout-wrapper .blur-mask {
-  position: absolute;
-  width: 129px;
-  height: 100%;
-  right: 0;
-  top: 0;
-  pointer-events: none;
-}
-.app-horizontal-menu-layout .menu-layout-wrapper .menu-layout-box {
-  width: max-content;
-  transition: transform 0.2s ease-in;
-  display: flex;
-}
-.app-popup-container {
-  font-size: var(--fs-large);
-}
-.app-popup-container > div {
-  z-index: 110;
-}
-.app-popup-container .sub-menu-group {
-  display: flex;
-  margin-bottom: 12px;
-}
-.app-popup-container .sub-menu-group:last-child {
-  margin-bottom: 0;
-}
-.app-popup-container .sub-menu-group .sub-menu-group-title {
-  padding: 10px 20px;
-  width: 150px;
-  position: relative;
-}
-.app-popup-container .sub-menu-group .sub-menu-group-title .anticon {
-  padding-left: 20px;
-  position: absolute;
-  right: 0;
-  top: 14px;
-}
-.app-popup-container .cloudapp-popover-placement-bottomLeft .cloudapp-popover-inner {
-  margin-left: -50px;
-}
-.app-popup-container .cloudapp-popover-placement-bottomRight .cloudapp-popover-inner {
-  margin-right: -50px;
-}
-.app-popup-container .cloudapp-popover-inner {
-  margin-top: -14px;
-}
-.app-popup-container .cloudapp-popover-arrow {
-  margin-top: -13px;
-  border-top-color: var(--nav-sub-bg) !important;
-  border-left-color: var(--nav-sub-bg) !important;
-}
-.app-popup-container .cloudapp-popover-inner {
-  background-color: var(--nav-sub-bg);
-}
-.app-popup-container .sub-menu-group-item {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-row-gap: 5px;
-  grid-column-gap: 5px;
-  flex: 1;
-}
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3 {
-  min-width: max-content;
-  cursor: pointer;
-  margin: 0 10px;
-  padding: 10px;
-  color: var(--nav-sub-item-color);
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3 .anticon {
-  font-size: 20px;
-  padding-right: 6px;
-}
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3.app-menu-item-lv3-selected,
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3:hover {
-  color: var(--nav-sub-item-color-selected);
-  background-color: var(--nav-sub-item-bg-selected);
-}
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3.app-menu-item-lv3-selected .anticon,
-.app-popup-container .sub-menu-group-item .app-menu-item-lv3:hover .anticon {
-  color: var(--nav-sub-item-color-selected);
-}
-.app-inline-funs-sub-container.app-horizontal-funcs {
-  position: fixed;
-  top: var(--nav-height);
-  left: var(--sider-size);
-}

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

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

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;