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

package/es/DynamicList/demo.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/{DagInitialRequest/index.js → DynamicList/demo.js}

@@ -1,5 +1,3 @@
-import _Store from "@cloud-app-dev/basic-components/es/Store";
-
 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."); }
@@ -20,58 +18,54 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useEffect } from 'react';
-import { initialization, authFormat } from './utils';
-import "./index.css";
-var _BASE_DATA_INIT = false;
-
-function InitialRequest(_ref) {
-  var children = _ref.children,
-      Spin = _ref.Spin;
-
-  var _useState = useState(false),
+import React, { useCallback, useState } from 'react';
+import DynamicList from './index';
+var defaultList = Array.from(new Array(20)).map(function (_, i) {
+  return {
+    name: "\u6211\u662F\u5217\u8868".concat(i),
+    id: i
+  };
+});
+
+var App = function App() {
+  var _useState = useState(defaultList),
       _useState2 = _slicedToArray(_useState, 2),
-      isInit = _useState2[0],
-      setIsInit = _useState2[1];
-
-  useEffect(function () {
-    if (_BASE_DATA_INIT) {
-      setIsInit(true);
-      return;
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var loadMore = useCallback(function () {
+    console.log(11111);
+    return new Promise(function (resolve) {
+      setTimeout(function () {
+        setState(function (old) {
+          return [].concat(_toConsumableArray(old), _toConsumableArray(defaultList));
+        });
+        resolve(true);
+      }, 500);
+    });
+  }, [state]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
     }
-
-    initialization().then(function (res) {
-      var userPrivileges = res.userPrivileges,
-          allPrivileges = res.allPrivileges,
-          centerPrivileges = res.centerPrivileges,
-          centerInfo = res.centerInfo,
-          systemInfo = res.systemInfo,
-          userInfo = res.userInfo;
-      var userRoles = (userPrivileges.data || []).map(function (item) {
-        return item.functionCodes;
-      }).flat();
-
-      _Store.app.updateUserInfo(userInfo);
-
-      _Store.app.updateAppInfo(centerInfo.data);
-
-      _Store.app.updateSystemConfig(systemInfo.data);
-
-      var userAuth = [].concat(authFormat(userRoles, centerPrivileges.data, userInfo.userType));
-      var globalAuth = [].concat(authFormat([], allPrivileges.data, userInfo.userType));
-
-      _Store.auth.initAuthData([].concat(_toConsumableArray(userAuth), _toConsumableArray(globalAuth)));
-
-      _BASE_DATA_INIT = true;
-    }).then(function () {
-      return setIsInit(true);
-    }).catch(function (e) {
-      return console.error('接口初始化失败！', e);
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return isInit ? children : Spin ? /*#__PURE__*/React.createElement(Spin, {
-    spinning: true
-  }) : null;
-}
-
-export default InitialRequest;
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 400,
+      width: 300
+    }
+  }, /*#__PURE__*/React.createElement(DynamicList, {
+    list: state,
+    rowCount: 300,
+    renderItem: function renderItem(item, index) {
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          padding: '0 20px',
+          lineHeight: '40px'
+        }
+      }, item.name, "-", index);
+    },
+    loadMore: loadMore
+  })));
+};
+
+export default App;

package/es/DynamicList/index.css

@@ -0,0 +1,7 @@
+.lm-c-dynamiclist {
+  position: relative;
+  background-color: transparent;
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--bd-color);
+}

package/es/DynamicList/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './index.less';
+interface IDynamicListProps {
+    /**
+     * @description 列表数据
+     */
+    list: any[];
+    /**
+     * @description 懒加载触发触发条件
+     */
+    threshold?: number;
+    /**
+     * @description 列表渲染函数
+     */
+    renderItem: (item: any, index: number) => JSX.Element;
+    className?: string;
+    /**
+     * @description 单个列表高度
+     */
+    itemHeight?: number;
+    /**
+     * @description 懒加载方法，注意需要自己手动控制节流
+     */
+    loadMore: () => Promise<any>;
+    /**
+     * @description 列表总数
+     */
+    rowCount: number;
+}
+declare const DynamicList: React.ForwardRefExoticComponent<IDynamicListProps & React.RefAttributes<any>>;
+export default DynamicList;

package/es/DynamicList/index.js

@@ -0,0 +1,132 @@
+import "antd/lib/skeleton/style";
+import _Skeleton from "antd/lib/skeleton";
+import { __awaiter } from "tslib";
+import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
+import { AutoSizer, InfiniteLoader, List } from 'react-virtualized';
+import "./index.css";
+var DynamicList = /*#__PURE__*/forwardRef(function InfiniteScrollLayout(props, ref) {
+  var _this = this;
+
+  var list = props.list,
+      itemHeight = props.itemHeight,
+      threshold = props.threshold,
+      rowCount = props.rowCount,
+      loadMore = props.loadMore,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      renderItem = props.renderItem;
+  var infiniteRef = useRef(null);
+  var loadRef = useRef(false);
+
+  function forceUpdateGrid() {
+    infiniteRef.current && infiniteRef.current._registeredChild.forceUpdateGrid();
+  }
+
+  function scrollToPosition() {
+    var _infiniteRef$current$;
+
+    infiniteRef.current && (_infiniteRef$current$ = infiniteRef.current._registeredChild).scrollToPosition.apply(_infiniteRef$current$, arguments);
+  }
+
+  function scrollToRow() {
+    var _infiniteRef$current$2;
+
+    infiniteRef.current && (_infiniteRef$current$2 = infiniteRef.current._registeredChild).scrollToRow.apply(_infiniteRef$current$2, arguments);
+  }
+
+  useImperativeHandle(ref, function () {
+    return {
+      forceUpdateGrid: forceUpdateGrid,
+      scrollToRow: scrollToRow,
+      scrollToPosition: scrollToPosition
+    };
+  });
+
+  var _isRowLoaded = useCallback(function (_ref) {
+    var index = _ref.index;
+    return !!list[index];
+  }, []);
+
+  var loadMoreAction = useCallback(function (params) {
+    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:
+              if (!loadRef.current) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              loadRef.current = true;
+
+              if (params.stopIndex < list.length || list.length >= rowCount) {
+                _context.next = 6;
+                break;
+              }
+
+              _context.next = 6;
+              return loadMore();
+
+            case 6:
+              loadRef.current = false;
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+  }, [list, rowCount]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-dynamiclist  ".concat(className)
+  }, /*#__PURE__*/React.createElement(InfiniteLoader, {
+    isRowLoaded: _isRowLoaded,
+    loadMoreRows: loadMoreAction,
+    rowCount: rowCount,
+    ref: infiniteRef,
+    threshold: threshold
+  }, function (_ref2) {
+    var onRowsRendered = _ref2.onRowsRendered,
+        registerChild = _ref2.registerChild;
+    return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref3) {
+      var width = _ref3.width,
+          height = _ref3.height;
+      return /*#__PURE__*/React.createElement(List, {
+        width: width,
+        onRowsRendered: onRowsRendered,
+        ref: registerChild,
+        height: height,
+        rowCount: rowCount,
+        rowHeight: itemHeight,
+        rowRenderer: function rowRenderer(_ref4) {
+          var key = _ref4.key,
+              index = _ref4.index,
+              style = _ref4.style;
+          return /*#__PURE__*/React.createElement("div", {
+            key: key,
+            style: Object.assign(Object.assign({}, style), {
+              padding: '0 10px'
+            }),
+            className: "dynamic-list-item"
+          }, list[index] ? renderItem(list[index], index) : /*#__PURE__*/React.createElement(_Skeleton, {
+            paragraph: false,
+            loading: true,
+            active: true
+          }));
+        }
+      });
+    });
+  }));
+});
+DynamicList.defaultProps = {
+  itemHeight: 40,
+  threshold: 5,
+  list: [],
+  rowCount: 100
+};
+export default DynamicList;

package/es/FullScreen/index.css

@@ -0,0 +1,16 @@
+.tools-screen-layer {
+  flex: 1;
+  align-self: center;
+  text-align: center;
+  font-size: var(--fs-small);
+  position: relative;
+  cursor: pointer;
+}
+.tools-screen-layer .anticon {
+  padding-right: 5px;
+}
+.tools-screen-layer .defualt-fullscreen-icon {
+  position: relative;
+  top: 1px;
+  font-size: 16px;
+}

package/es/FullScreen/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface IFullScrenProps {
+    className?: string;
+    getContainer: () => HTMLElement | Element;
+    fullScreenChange?: (flag: boolean) => void;
+    children?: (flag: boolean) => React.ReactNode;
+}
+declare function FullScreen({ children, className, getContainer, fullScreenChange }: IFullScrenProps): JSX.Element;
+export default FullScreen;

package/es/FullScreen/index.js

@@ -0,0 +1,68 @@
+import _fullScreenHelper from "@cloud-app-dev/utils/es/fullScreenHelper";
+
+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, useEffect } from 'react';
+import IconFont from '../IconFont';
+import "./index.css";
+
+function FullScreen(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      getContainer = _ref.getContainer,
+      fullScreenChange = _ref.fullScreenChange;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      screenState = _useState2[0],
+      setScreenState = _useState2[1];
+
+  useEffect(function () {
+    var onfullscreenchange = function onfullscreenchange() {
+      var fullScreenEle = _fullScreenHelper.isFullscreen();
+
+      var container = getContainer();
+      var flag = container === fullScreenEle;
+      setScreenState(flag);
+      fullScreenChange && fullScreenChange(flag);
+    };
+
+    document.addEventListener('webkitfullscreenchange', onfullscreenchange, false);
+    return function () {
+      return document.removeEventListener('webkitfullscreenchange', onfullscreenchange, false);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [screenState]);
+
+  function onClickFullScreen() {
+    var container = getContainer();
+
+    var fullScreenEle = _fullScreenHelper.isFullscreen();
+
+    var flag = fullScreenEle === container;
+    flag ? _fullScreenHelper.exitFullscreen() : _fullScreenHelper.fullscreen(container);
+    setScreenState(!flag);
+    fullScreenChange && fullScreenChange(!flag);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tools-screen-layer ".concat(className ? className : ''),
+    onClick: function onClick() {
+      return onClickFullScreen();
+    }
+  }, children ? children(screenState) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+    className: "defualt-fullscreen-icon icon-primary",
+    type: !screenState ? 'icon-S_View_ScreenViewFull' : 'icon-S_View_ScreenViewExit'
+  }), !screenState ? '全屏' : '窗口'));
+}
+
+export default FullScreen;

package/es/HightLevel/index.css

@@ -0,0 +1,3 @@
+.high-level {
+  color: var(--primary-dark);
+}

package/es/HightLevel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+interface HightLevelProps {
+    keyword: string;
+    name: string;
+}
+declare function HighLevel({ keyword, name }: HightLevelProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof HighLevel>;
+export default _default;

package/es/HightLevel/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { replace, escapeRegExp } from 'lodash';
+import "./index.css";
+
+function HighLevel(_ref) {
+  var keyword = _ref.keyword,
+      name = _ref.name;
+
+  if (!keyword) {
+    return /*#__PURE__*/React.createElement("span", null, name);
+  }
+
+  var reg = new RegExp(escapeRegExp(keyword), 'g');
+  var html = replace(name, reg, "<span class=\"high-level\">".concat(keyword, "</span>"));
+  return /*#__PURE__*/React.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  });
+}
+
+export default /*#__PURE__*/React.memo(HighLevel);

package/es/IconFont/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface IconFontProps extends React.HTMLAttributes<HTMLSpanElement> {
+    type?: string;
+    className?: string;
+    title?: string;
+    style?: React.CSSProperties;
+}
+declare function IconFont({ type, className, title, style, ...props }: IconFontProps): JSX.Element;
+declare namespace IconFont {
+    var registerIconFont: (scriptUrl: string) => void;
+}
+export default IconFont;

package/es/IconFont/index.js

@@ -0,0 +1,58 @@
+import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
+import { __rest } from "tslib";
+import React from 'react';
+import "./index.css";
+var global = window;
+
+function registerIconFont(scriptUrl) {
+  if (!global._ICON_IS_INIT_) {
+    global._ICON_SCRIPT_URL = scriptUrl;
+    global._ICON_IS_INIT_ = true;
+    loadScript(scriptUrl).then(function () {
+      _SocketEmitter.emit('update-iconfont', null);
+    }).catch(function (e) {
+      console.error(e);
+      global._ICON_IS_INIT_ = false;
+    });
+  }
+}
+
+function loadScript(url) {
+  return new Promise(function (resolve, reject) {
+    var script = document.createElement('script');
+    script.src = url;
+    document.body.appendChild(script);
+    script.addEventListener('load', function () {
+      resolve(null);
+    });
+    script.addEventListener('error', function (err) {
+      reject(err);
+    });
+  });
+}
+
+function IconFont(_a) {
+  var type = _a.type,
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      title = _a.title,
+      style = _a.style,
+      props = __rest(_a, ["type", "className", "title", "style"]);
+
+  return /*#__PURE__*/React.createElement("i", Object.assign({
+    className: "anticon ".concat(className),
+    title: title,
+    style: style
+  }, props), /*#__PURE__*/React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#".concat(type)
+  })));
+}
+
+IconFont.registerIconFont = registerIconFont;
+export default IconFont;

package/es/ImageView/index.css

@@ -0,0 +1,6 @@
+.lm-t-c-image-card {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  background-color: var(--image-card-bg);
+}

package/es/ImageView/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+interface ImageViewProps extends React.HTMLAttributes<HTMLImageElement> {
+    defaultSrc?: string;
+    src?: string;
+    alt?: string;
+    onError?: (e: any) => void;
+    className?: string;
+}
+declare function ImageView({ src, defaultSrc, alt, onError, className, ...props }: ImageViewProps): JSX.Element;
+declare namespace ImageView {
+    var defaultProps: {
+        className: string;
+        defaultSrc: string;
+    };
+}
+export default ImageView;

package/es/ImageView/index.js

@@ -0,0 +1,58 @@
+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 { __rest } from "tslib";
+import React, { useState, useEffect, useMemo, useRef } from 'react';
+import "./index.css";
+
+function ImageView(_a) {
+  var src = _a.src,
+      defaultSrc = _a.defaultSrc,
+      alt = _a.alt,
+      onError = _a.onError,
+      className = _a.className,
+      props = __rest(_a, ["src", "defaultSrc", "alt", "onError", "className"]);
+
+  var _useState = useState(!src),
+      _useState2 = _slicedToArray(_useState, 2),
+      isError = _useState2[0],
+      setErrorStatus = _useState2[1];
+
+  var imgKey = useRef(Math.random());
+  var imgSrc = useMemo(function () {
+    return isError || !src ? defaultSrc : src;
+  }, [defaultSrc, isError, src]);
+  useEffect(function () {
+    imgKey.current = Math.random();
+    setErrorStatus(null);
+  }, [src]);
+
+  function onImageError(e) {
+    setErrorStatus(true);
+    onError && onError(e);
+  }
+
+  return /*#__PURE__*/React.createElement("img", Object.assign({}, props, {
+    className: "lm-t-c-image-card ".concat(className),
+    key: imgKey.current,
+    "data-src": src,
+    src: imgSrc,
+    alt: alt,
+    onError: onImageError
+  }));
+}
+
+ImageView.defaultProps = {
+  className: '',
+  defaultSrc: 'data:image/png;base64,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'
+};
+export default ImageView;

package/es/InitialConfig/index.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
-
+import React from 'react';
 export interface InitialConfigProps {
-  children: (isUpdate: boolean) => React.ReactNode;
-  mode?: 'local' | 'server';
+    children?: React.ReactNode;
+    Spin?: React.ReactNode;
+    Update?: React.ReactNode;
 }
-
-declare const InitialConfig: React.StatelessComponent<InitialConfig>;
-
+declare function InitialConfig({ children, Spin, Update }: InitialConfigProps): JSX.Element;
 export default InitialConfig;