@cloud-app-dev/vidc 2.2.0-alpha.2 → 2.2.0-alpha.6

package/.umirc.ts

@@ -39,8 +39,6 @@ export default defineConfig({
       },
     },
   },
-  fastRefresh: true,
-
   // mfsu: {
   //   development: {
   //     output: './.mfsu/dev',

package/es/AppContext/static.js

@@ -1,6 +1,11 @@
-export var _USER_EVENT_CHANGE_ = '_USER_EVENT_CHANGE_';
-export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_';
-export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_';
-export var _USER_SESSION_ = '_USER_SESSION_';
-export var _OPERATION_SESSION_ = '_OPERATION_SESSION_';
-export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_';
+export var _USER_EVENT_CHANGE_ = '_USER_EVENT_CHANGE_'; //用户信息变化
+
+export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_'; //应用系统信息变化
+
+export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_'; //登录状态变化
+
+export var _USER_SESSION_ = '_USER_SESSION_'; //用户信息 缓存key
+
+export var _OPERATION_SESSION_ = '_OPERATION_SESSION_'; //应用系统信息 缓存key
+
+export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_'; //登录状态 缓存key

package/es/CheckGroupFixed/index.js

@@ -21,7 +21,8 @@ import "./index.css";
 
 function CheckGroupFixed(_ref) {
   var label = _ref.label,
-      source = _ref.source,
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? [] : _ref$source,
       _ref$checboxSize = _ref.checboxSize,
       checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
       _ref$cutRow = _ref.cutRow,
@@ -56,22 +57,23 @@ function CheckGroupFixed(_ref) {
       setState(function (old) {
         return Object.assign(Object.assign({}, old), {
           visible: true,
-          w: (lr === null || lr === void 0 ? void 0 : lr.width) || 0,
-          pos: [(lr === null || lr === void 0 ? void 0 : lr.x) || 0, (lr === null || lr === void 0 ? void 0 : lr.y) || 0]
+          w: (lr === null || lr === void 0 ? void 0 : lr.width) || 0
         });
       });
     }
-  }, [checboxSize, source.length]);
+  }, [checboxSize, source.length, state.visible]);
   var fixedStyle = useMemo(function () {
     return state.sider ? {
-      position: 'fixed',
+      position: 'absolute',
       width: state.w,
       height: 'auto',
+      left: state.pos[0],
+      top: state.pos[1],
       backgroundColor: 'white',
       zIndex: 99,
       boxShadow: ' 0 0 10px rgba(0,0,0,0.1)'
     } : {};
-  }, [state.sider, state.w]);
+  }, [state.sider, state.w, state.pos]);
 
   _useUpdateEffect(function () {
     return onChange && onChange(state.selectKeys);

package/es/DeviceSelect/index.js

@@ -22,7 +22,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import TreeMode from '../Tree';
 import DynamicDeviceList from '../List/DynamicDeviceList';
 import DeviceList from '../List/DeviceList';
-import { uniq, uniqBy } from 'lodash';
+import { uniq, uniqBy } from 'lodash-es';
 import TreeType from './TreeType';
 import "./index.css";
 

package/es/FullScreen/index.d.ts

@@ -1,9 +1,22 @@
 /// <reference types="react" />
 import './index.less';
 interface IFullScrenProps {
+    /**
+     * @description 类名
+     */
     className?: string;
+    /**
+     * @description 全屏dom对象
+     */
     getContainer: () => HTMLElement | Element;
+    /**
+     * @description 状态监听
+     */
     fullScreenChange?: (flag: boolean) => void;
+    /**
+     * @description 显示默认文本
+     */
+    hasText?: boolean;
 }
-declare function FullScreen({ className, getContainer, fullScreenChange }: IFullScrenProps): JSX.Element;
+declare function FullScreen({ className, getContainer, fullScreenChange, hasText }: IFullScrenProps): JSX.Element;
 export default FullScreen;

package/es/FullScreen/index.js

@@ -19,7 +19,8 @@ import "./index.css";
 function FullScreen(_ref) {
   var className = _ref.className,
       getContainer = _ref.getContainer,
-      fullScreenChange = _ref.fullScreenChange;
+      fullScreenChange = _ref.fullScreenChange,
+      hasText = _ref.hasText;
 
   var _useFullscreen = _useFullscreen3(getContainer),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
@@ -27,15 +28,17 @@ function FullScreen(_ref) {
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
   useEffect(function () {
-    return fullScreenChange && fullScreenChange(isFullscreen);
+    if (isFullscreen) {
+      fullScreenChange && fullScreenChange(isFullscreen);
+    }
   }, [isFullscreen]);
   return /*#__PURE__*/React.createElement("span", {
-    className: "tools-screen-layer ".concat(className ? className : ''),
+    className: "tools-screen-layer ".concat(className !== null && className !== void 0 ? className : ''),
     onClick: toggleFullscreen
   }, /*#__PURE__*/React.createElement(IconFont, {
     className: "defualt-fullscreen-icon icon-primary",
     type: !isFullscreen ? 'icon-S_View_ScreenViewFull' : 'icon-S_View_ScreenViewExit'
-  }), !isFullscreen ? '全屏' : '窗口');
+  }), hasText ? !isFullscreen ? '全屏' : '窗口' : undefined);
 }
 
 export default FullScreen;

package/es/HightLevel/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { replace, escapeRegExp } from 'lodash';
+import { replace, escapeRegExp } from 'lodash-es';
 import "./index.css";
 
 function HighLevel(_ref) {

package/es/List/GridList/Demo.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import GridList from './index';
+import data from './data.json';
 var ITEM_WIDTH = 300;
 
 function getGridGap(elementWidth, windowHeight) {
@@ -19,22 +20,27 @@ function getWindowMargin(windowHeight) {
 }
 
 function getItemData(image, columnWidth) {
+  console.log(columnWidth);
   return {
     key: image.url,
     height: 400,
-    width: 300
+    width: ITEM_WIDTH
   };
 }
 
-function ImageGridList(props) {
-  return /*#__PURE__*/React.createElement(GridList, {
-    items: props.images,
+var App = function App() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 800,
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(GridList, {
+    items: data.data.list,
     getGridGap: getGridGap,
     getColumnCount: getColumnCount,
     getWindowMargin: getWindowMargin,
     getItemData: getItemData,
-    fixedColumnWidth: props.fixed ? ITEM_WIDTH : null,
-    renderItem: function renderItem(image) {
+    renderItem: function renderItem(image, cell) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
           border: '1px solid gray',
@@ -55,36 +61,8 @@ function ImageGridList(props) {
           width: '100%',
           height: '100%'
         }
-      })), /*#__PURE__*/React.createElement("p", null, "\u6807\u9898"), /*#__PURE__*/React.createElement("p", null, "\u63CF\u8FF0"));
-    }
-  });
-}
-
-function random(low, high) {
-  return Math.floor(Math.random() * high) + low;
-}
-
-var IMAGES = Array.from({
-  length: 10000
-}, function (_, index) {
-  var width = 300;
-  var height = random(200, 300);
-  return {
-    url: "https://picsum.photos/id/".concat(index + 1, "/").concat(width, "/").concat(height, ".jpg"),
-    width: width,
-    height: height
-  };
-});
-
-var App = function App() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 800,
-      overflow: 'auto'
+      })), /*#__PURE__*/React.createElement("p", null, image.deviceName), /*#__PURE__*/React.createElement("p", null, "\u63CF\u8FF0"));
     }
-  }, /*#__PURE__*/React.createElement(ImageGridList, {
-    images: IMAGES,
-    fixed: false
   }));
 };