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

package/es/useModal/index.js

@@ -0,0 +1,93 @@
+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 prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
+  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: prefixCls,
+      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/useNavigate/index.d.ts

@@ -0,0 +1,4 @@
+import { NavigateFunction } from 'react-router-dom';
+import './index.less';
+declare function useNavigate(): NavigateFunction;
+export default useNavigate;

package/es/useNavigate/index.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+import { useNavigate as useNativeNavigate } from 'react-router-dom';
+import "./index.css";
+var _global = window;
+
+function useNavigate() {
+  var naticeNavigate = useNativeNavigate();
+  var navigate = useMemo(function () {
+    return _global.BasicNavigate || naticeNavigate;
+  }, [naticeNavigate]);
+  return navigate;
+}
+
+export default useNavigate;

package/es/utils.d.ts

@@ -1,3 +1,4 @@
+import type { MutableRefObject } from 'react';
 export declare const getHeader: () => {
     Authorization: any;
 };
@@ -11,3 +12,13 @@ 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>;
+declare type TargetValue<T> = T | undefined | null;
+declare type TargetType = HTMLElement | Element | Window | Document;
+export declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): T;
+declare const getScrollTop: (el: Document | Element) => number;
+declare const getScrollHeight: (el: Document | Element) => number;
+declare const getClientHeight: (el: Document | Element) => number;
+export { getScrollTop, getScrollHeight, getClientHeight };

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,70 @@ 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]]);
+  }));
+}
+export function getTargetElement(target, defaultElement) {
+  if (!target) {
+    return defaultElement;
+  }
+
+  var targetElement;
+
+  if (typeof target === 'function') {
+    targetElement = target();
+  } else if ('current' in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+
+  return targetElement;
+}
+
+var getScrollTop = function getScrollTop(el) {
+  if (el === document || el === document.body) {
+    return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
+  }
+
+  return el.scrollTop;
+};
+
+var getScrollHeight = function getScrollHeight(el) {
+  return el.scrollHeight || Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+};
+
+var getClientHeight = function getClientHeight(el) {
+  return el.clientHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+};
+
+export { getScrollTop, getScrollHeight, getClientHeight };

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,17 +30,19 @@
     ]
   },
   "dependencies": {
+    "add-dom-event-listener": "^1.1.0",
+    "ahooks": "^3.1.0",
     "chroma-js": "^2.1.2",
-    "jsencrypt": "^3.2.1",
-    "lodash": "^4.17.21",
-    "mobx": "^6.3.2",
+    "fetch-like-axios": "^0.0.5",
+    "immer": "^9.0.5",
+    "lodash-es": "^4.17.21",
     "rc-queue-anim": "^2.0.0"
   },
   "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/lodash-es": "^4.17.5",
     "@umijs/test": "^3.0.5",
     "antd": "^4.17.0",
     "babel-plugin-import": "^1.13.3",
@@ -52,7 +54,7 @@
     "prettier": "^2.2.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^6.2.1",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "yorkie": "^2.0.0"
   },

package/es/DeviceList/index.css

@@ -1,32 +0,0 @@
-.lm-c-device-list-wrapper {
-  margin-left: -1px;
-}
-.lm-c-device-list-wrapper .list-item label .clear-item {
-  display: none;
-  cursor: pointer;
-  font-size: var(--fs);
-}
-.lm-c-device-list-wrapper .list-item:hover .clear-item {
-  display: inline-block;
-}
-.lm-c-device-list-wrapper .list-item .an-device-task {
-  width: 250px;
-  display: flex;
-}
-.lm-c-device-list-wrapper .list-item .an-device-task .an-device-task-operate {
-  margin-right: 8px;
-}
-.lm-c-device-list-wrapper .list-item .an-device-task .an-device-task-operate .operateitem {
-  margin-right: 14px;
-  font-size: 14px;
-}
-.lm-c-device-list-wrapper .list-item .an-device-task .an-device-task-chose {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 120px;
-  margin-left: 46px;
-}
-.lm-c-device-list-wrapper .list-item .an-device-task .an-device-task-chose .operate-item {
-  margin-right: 22px;
-}

package/es/DeviceList/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { DeviceItemType } from '../core';
-import { CheckListProps } from '@cloud-app-dev/basic-components/es/CheckList';
-import './index.less';
-interface DeviceListProps extends CheckListProps<DeviceItemType> {
-    deviceList?: Array<DeviceItemType>;
-    deleteItem?: (item: DeviceItemType) => void;
-    className?: string;
-    getIconStyle?: (item: DeviceItemType) => React.CSSProperties;
-    title?: string;
-    onKeywordChange?: (v: string) => void;
-}
-declare function DeviceList({ getIconStyle, className, deleteItem, deviceList, onMouseOverItem, renderItemExt, title, onKeywordChange, itemKey, ...props }: DeviceListProps): JSX.Element;
-export default DeviceList;

package/es/DynamicDeviceList/Demo.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import DynamicDeviceList from './index';
-
-function App() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 400,
-      width: 300
-    }
-  }, /*#__PURE__*/React.createElement(DynamicDeviceList, null)));
-}
-
-export default App;

package/es/DynamicDeviceList/index.d.ts

@@ -1,35 +0,0 @@
-import { DeviceItemType } from '../core';
-import './index.less';
-interface IDynamicDeviceListProps {
-    /**
-     * @description 列表点击事件
-     */
-    onClick?: (item: DeviceItemType) => void;
-    /**
-     * @description 选中设备cid集合
-     */
-    checkedKeys?: string[];
-    /**
-     * @description 传入onSelect列表默认渲染为checkbox模式
-     */
-    onChecked?: (ids: string[], list: DeviceItemType[], checked: boolean) => void;
-    /**
-     * @description 传入queryList需要的参数，例如业务树ID，场所id等，分页参数除外
-     */
-    params?: {
-        [key: string]: any;
-    };
-    /**
-     * @description 自定义渲染列表
-     */
-    renderItem?: (item: DeviceItemType, index: number) => JSX.Element;
-    /**
-     * @description 列表高度
-     */
-    itemHeight?: number;
-    title?: string;
-    onKeywordChange?: (v: string) => void;
-    defaultCheckedIds?: string[];
-}
-declare function DynamicDeviceList({ onClick, checkedKeys, defaultCheckedIds, onChecked, params, renderItem, itemHeight, title, onKeywordChange }: IDynamicDeviceListProps): JSX.Element;
-export default DynamicDeviceList;

package/es/DynamicDeviceList/index.js

@@ -1,224 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import _DynamicList from "@cloud-app-dev/basic-components/es/DynamicList";
-
-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 _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 _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, useEffect, useRef, useState } from 'react';
-import { queryDeviceList } from './utils';
-import DeviceIcon from '../DeviceIcon';
-import TreeTitle from '../TreeTitle';
-import CheckExt from './CheckExt';
-import "./index.css";
-var OFFSET = 0;
-var LIMIT = 30;
-
-function DynamicDeviceList(_ref) {
-  var _this = this;
-
-  var onClick = _ref.onClick,
-      checkedKeys = _ref.checkedKeys,
-      defaultCheckedIds = _ref.defaultCheckedIds,
-      onChecked = _ref.onChecked,
-      params = _ref.params,
-      _renderItem = _ref.renderItem,
-      _ref$itemHeight = _ref.itemHeight,
-      itemHeight = _ref$itemHeight === void 0 ? 40 : _ref$itemHeight,
-      title = _ref.title,
-      onKeywordChange = _ref.onKeywordChange;
-
-  var _useState = useState({
-    offset: OFFSET,
-    limit: LIMIT,
-    list: [],
-    count: LIMIT,
-    checkedKeys: defaultCheckedIds || checkedKeys || []
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var loadRef = useRef(false);
-  var listRef = useRef(null);
-  /**
-   * 列表选中处理
-   */
-
-  var onCheckedAction = useCallback(function (item) {
-    var ids = state.checkedKeys || [];
-    var id = item.cid;
-    var checked = !ids.includes(item.cid);
-
-    if (checked) {
-      ids.push(id);
-    } else {
-      ids = ids.filter(function (v) {
-        return v !== id;
-      });
-    }
-
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        checkedKeys: _toConsumableArray(ids)
-      });
-    });
-    onChecked && onChecked(ids, [item], checked);
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [state.checkedKeys]);
-  var onSelectAll = useCallback(function () {
-    var ids = state.list.map(function (v) {
-      return v.cid;
-    });
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        checkedKeys: ids
-      });
-    });
-    onChecked && onChecked(ids, state.list, true);
-  }, [state.list]);
-  var onCancelAll = useCallback(function () {
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        checkedKeys: []
-      });
-    });
-    onChecked && onChecked([], [], false);
-  }, []);
-  /**
-   * @desc 参数变化列表需要重新初始化
-   */
-
-  useEffect(function () {
-    loadRef.current = true;
-    var data = params || {};
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        list: [],
-        count: LIMIT
-      });
-    });
-    queryDeviceList(Object.assign({
-      offset: 0,
-      limit: LIMIT
-    }, data)).then(function (res) {
-      setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          list: res.data || [],
-          count: res.totalCount,
-          offset: LIMIT,
-          limit: LIMIT
-        });
-      });
-      Promise.resolve().then(function () {
-        loadRef.current = false;
-      });
-    });
-  }, [params]);
-  /**
-   * @desc 懒加载方法
-   */
-
-  var loadNextPage = useCallback(function () {
-    return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var offset;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!loadRef.current) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return", Promise.resolve());
-
-            case 2:
-              offset = state.offset;
-              _context.next = 5;
-              return queryDeviceList(Object.assign({
-                offset: offset,
-                limit: LIMIT
-              }, params)).then(function (res) {
-                setState(function (old) {
-                  return Object.assign(Object.assign({}, old), {
-                    list: [].concat(_toConsumableArray(old.list), _toConsumableArray(res.data || [])),
-                    offset: offset + LIMIT
-                  });
-                });
-              }).catch(console.error);
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, [state.offset, state.limit, params]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "zenview-c-dynamic-device-list-layout"
-  }, /*#__PURE__*/React.createElement(TreeTitle, {
-    title: title,
-    onChange: onKeywordChange,
-    inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0"
-  }), onChecked && /*#__PURE__*/React.createElement(CheckExt, {
-    count: state.count,
-    selectCount: state.checkedKeys.length,
-    onCancel: onCancelAll,
-    onCheck: onSelectAll
-  }), /*#__PURE__*/React.createElement(_DynamicList, {
-    list: state.list,
-    loadMore: loadNextPage,
-    rowCount: state.count,
-    renderItem: function renderItem(item, index) {
-      return _renderItem ? _renderItem(item, index) : /*#__PURE__*/React.createElement("div", {
-        className: "device-item-box ".concat(state.checkedKeys.includes(item.cid) ? 'device-item-selected' : '')
-      }, onChecked ? /*#__PURE__*/React.createElement(_Checkbox, {
-        className: "device-name device-checkbox-name",
-        checked: state.checkedKeys.includes(item.cid),
-        value: item.cid,
-        onClick: function onClick() {
-          return onCheckedAction(item);
-        }
-      }, /*#__PURE__*/React.createElement(DeviceIcon, {
-        type: item.deviceType,
-        status: item.deviceStatus
-      }), /*#__PURE__*/React.createElement("span", {
-        title: item.deviceName
-      }, item.deviceName)) : /*#__PURE__*/React.createElement("span", {
-        className: "device-name",
-        onClick: onClick ? function () {
-          return onClick(item);
-        } : undefined
-      }, /*#__PURE__*/React.createElement(DeviceIcon, {
-        type: item.deviceType,
-        status: item.deviceStatus
-      }), /*#__PURE__*/React.createElement("span", {
-        title: item.deviceName
-      }, item.deviceName)));
-    },
-    itemHeight: itemHeight,
-    ref: listRef
-  }));
-}
-
-export default DynamicDeviceList;

package/es/DynamicDeviceList/utils.d.ts

@@ -1,2 +0,0 @@
-import { DeviceItemType, HttpPageResult2 } from '../core';
-export declare function queryDeviceList(params?: any): Promise<HttpPageResult2<DeviceItemType>>;

package/es/DynamicDeviceList/utils.js

@@ -1,15 +0,0 @@
-import _Service from "@cloud-app-dev/basic-components/es/Service";
-import { getHeader } from '../utils';
-export function queryDeviceList() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _Service.$http({
-    method: 'post',
-    url: '/api/udm-api/device/queryList',
-    requestId: 'queryDeviceList',
-    headers: getHeader(),
-    data: Object.assign(Object.assign({}, params), {
-      includeSubOrganizations: 1,
-      isPagination: true
-    })
-  });
-}