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

package/es/useModal/index.js

@@ -0,0 +1,92 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+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, { useContext, useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+import Modal from '../Modal';
+import CC from '../ConfigContext';
+
+function useModal() {
+  var context = useContext(CC);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+  var div = useMemo(function () {
+    return document.createElement('div');
+  }, []);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    root.appendChild(div);
+    return function () {
+      root.removeChild(div);
+      ReactDOM.unmountComponentAtNode(div);
+      div.remove();
+    };
+  }, []);
+  useEffect(function () {
+    ReactDOM.render( /*#__PURE__*/React.createElement(_ConfigProvider, {
+      prefixCls: "cloudapp",
+      getPopupContainer: function getPopupContainer() {
+        return root;
+      }
+    }, /*#__PURE__*/React.createElement(Modal, {
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88",
+      visible: state.visible,
+      onOk: state.onOk,
+      onCancel: close,
+      destroyOnClose: true,
+      title: state.title,
+      width: state.width,
+      className: state.className,
+      getContainer: false
+    }, state.content)), div);
+  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  return {
+    open: open,
+    close: close
+  };
+}
+
+export default useModal;

package/es/utils.d.ts

@@ -11,3 +11,5 @@ export declare function getParentListById(id: string, orgList?: any[], list?: an
  * @param {Array} ids = []
  */
 export declare function getPlaceCodesWithParent(areaCode: string, list?: any[], areaCodes?: string[], key?: string, pkey?: string): any;
+export declare function nextTick(cb: () => void): void;
+export declare function tryCatch(resolveFn: () => Promise<any>, rejectFn?: (e: unknown) => void): Promise<void>;

package/es/utils.js

@@ -1,4 +1,5 @@
 import _cache from "@cloud-app-dev/utils/es/cache";
+import { __awaiter } from "tslib";
 export var getHeader = function getHeader() {
   return {
     Authorization: _cache.getCache('token', 'session')
@@ -56,4 +57,35 @@ export function getPlaceCodesWithParent(areaCode) {
   }
 
   return areaCodes;
+}
+export function nextTick(cb) {
+  Promise.resolve().then(cb);
+}
+export function tryCatch(resolveFn) {
+  var rejectFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : console.error;
+  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:
+            _context.prev = 0;
+            _context.next = 3;
+            return resolveFn();
+
+          case 3:
+            _context.next = 8;
+            break;
+
+          case 5:
+            _context.prev = 5;
+            _context.t0 = _context["catch"](0);
+            rejectFn(_context.t0);
+
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 5]]);
+  }));
 }

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "1.0.49",
+  "version": "2.0.0-alpha.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,17 +30,23 @@
     ]
   },
   "dependencies": {
+    "add-dom-event-listener": "^1.1.0",
+    "ahooks": "^2.10.12",
     "chroma-js": "^2.1.2",
+    "fetch-like-axios": "^0.0.5",
+    "immer": "^9.0.5",
     "jsencrypt": "^3.2.1",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.15",
     "mobx": "^6.3.2",
-    "rc-queue-anim": "^2.0.0"
+    "rc-queue-anim": "^2.0.0",
+    "react-virtualized": "^9.22.3"
   },
   "devDependencies": {
-    "@cloud-app-dev/utils": "^2.0.2",
-    "@cloud-app-dev/basic-components": "^1.0.62",
+    "@cloud-app-dev/utils": "^3.0.2",
+    "@types/add-dom-event-listener": "^1.1.0",
     "@types/chroma-js": "^2.1.3",
     "@types/lodash": "^4.14.172",
+    "@types/react-virtualized": "^9.21.15",
     "@umijs/test": "^3.0.5",
     "antd": "^4.17.0",
     "babel-plugin-import": "^1.13.3",
@@ -58,7 +64,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+http://git.topvdn.com/micro-basic/video-cloud-components.git",
+    "url": "git+http://git.topvdn.com/cloudapp/vidc.git",
     "branch": "master",
     "platform": "github"
   }

package/es/AppLayout/AppHeader/index.css

@@ -1,4 +0,0 @@
-.app-header-content {
-  user-select: none;
-  color: var(--app-header-color);
-}

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import * as H from 'history';
-import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import './index.less';
-interface IAppHeaderProps {
-    className?: string;
-    renderMenu?: boolean;
-    isMenuHome?: boolean;
-    systemLogo?: string;
-    defaultSrc?: string;
-    systemName?: string;
-    appTools?: React.ReactNode;
-    history: H.History;
-    menuType?: string;
-    userInfo?: UserInfo;
-}
-declare function AppHeader({ className, renderMenu, isMenuHome, systemLogo, defaultSrc, systemName, appTools, history, menuType, userInfo }: IAppHeaderProps): JSX.Element;
-export default AppHeader;

package/es/AppLayout/AppHeader/index.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import AppLogo from '../AppLogo';
-import AppTools from '../AppTools';
-import AppHorizontalMenu from '../AppHorizontalMenu';
-import MenuEmptyBox from '../AppHorizontalMenu/MenuEmptyBox';
-import "./index.css";
-
-function AppHeader(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      renderMenu = _ref.renderMenu,
-      isMenuHome = _ref.isMenuHome,
-      systemLogo = _ref.systemLogo,
-      defaultSrc = _ref.defaultSrc,
-      systemName = _ref.systemName,
-      appTools = _ref.appTools,
-      history = _ref.history,
-      menuType = _ref.menuType,
-      userInfo = _ref.userInfo;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-header-content ".concat(className),
-    style: {
-      display: 'flex',
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React.createElement(AppLogo, {
-    systemLogo: systemLogo,
-    history: history,
-    isMenuHome: isMenuHome,
-    defaultSrc: defaultSrc,
-    systemName: systemName,
-    userInfo: userInfo
-  }), menuType !== 'inline' ? /*#__PURE__*/React.createElement(AppHorizontalMenu, {
-    renderMenu: renderMenu,
-    history: history
-  }) : /*#__PURE__*/React.createElement(MenuEmptyBox, null), /*#__PURE__*/React.createElement(AppTools, null, appTools));
-}
-
-export default AppHeader;

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

@@ -1 +0,0 @@
-export default function MenuEmptyBox(): JSX.Element;

package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.js

@@ -1,10 +0,0 @@
-import React from 'react';
-export default function MenuEmptyBox() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-menu-layout",
-    style: {
-      flex: 1,
-      overflow: 'hidden'
-    }
-  });
-}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FeatureItem } from '@cloud-app-dev/basic-components/es/Store/auth';
-interface ISubGroupProps {
-    item: FeatureItem & any;
-    onClick: (e: React.MouseEvent, item: FeatureItem) => void;
-    currentMenuKeys: string[];
-}
-declare function SubGroup({ item, onClick, currentMenuKeys }: ISubGroupProps): JSX.Element;
-export default SubGroup;

package/es/AppLayout/AppHorizontalMenu/SubGroup.js

@@ -1,57 +0,0 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-import React, { useMemo } from 'react';
-
-function SubGroup(_ref) {
-  var item = _ref.item,
-      _onClick = _ref.onClick,
-      currentMenuKeys = _ref.currentMenuKeys;
-  var size = useMemo(function () {
-    return Math.max.apply(Math, _toConsumableArray(item.children.map(function (v) {
-      return v.name.length;
-    }))) * 30;
-  }, [item.children]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-horizontal-submenu-pop"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sub-menu-box"
-  }, Array.isArray(item.children) && item.children.map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group",
-      key: v.code
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group-title",
-      style: {
-        width: size
-      }
-    }, /*#__PURE__*/React.createElement("span", null, v.name), /*#__PURE__*/React.createElement(_IconFont, {
-      type: "icon-S_Arrow_SolidRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "sub-menu-group-item"
-    }, Array.isArray(v.children) && v.children.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: item.code,
-        className: "app-menu-item-lv3 ".concat(currentMenuKeys.includes("".concat(item.code)) ? 'app-menu-item-lv3-selected' : ''),
-        onClick: function onClick(e) {
-          return _onClick(e, item);
-        }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
-        type: item.icon || 'icon-L_Bar_Objectification1'
-      }), item.name);
-    })));
-  })));
-}
-
-export default SubGroup;

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;