@cloud-app-dev/vidc 3.2.15 → 3.2.16

package/es/GridList/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GridListCell, GridListItemData } from './interface';
 import './index.less';
+import { GridListCell, GridListItemData } from './interface';
 export interface GridListProps<P> {
     items: P[];
     getGridGap?: (elementWidth: number, windowHeight: number) => number;

package/es/GridList/index.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { useGridListConfigData, useGridListContainerData, useGridListLayoutData, useGridListRenderData, useIntersecting } from "./hook";
-import { getGridRowStart } from "./utils";
 import "./index.less";
+import { getGridRowStart } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 var GridList = /*#__PURE__*/React.forwardRef(function GridList(props, ref) {
   var containerRef = useRef(null);

package/es/ListWithSizeAnimate/demo.js

@@ -10,8 +10,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
+/* eslint-disable react/button-has-type */
+
 /* eslint-disable @typescript-eslint/no-unused-expressions */
-import React from 'react';
+import React, { useRef } from 'react';
 import ListWithSizeAnimate from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -52,13 +54,16 @@ function loadPage(d) {
 }
 
 export default function App() {
-  return /*#__PURE__*/_jsx("div", {
+  var ref = useRef(null);
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%',
-      height: 800
+      height: 800,
+      position: 'relative'
     },
-    children: /*#__PURE__*/_jsx(ListWithSizeAnimate, {
-      headerSize: 400,
+    children: [/*#__PURE__*/_jsx(ListWithSizeAnimate, {
+      ref: ref,
+      headerSize: 200,
       header: /*#__PURE__*/_jsx("div", {
         children: /*#__PURE__*/_jsxs("ul", {
           children: [/*#__PURE__*/_jsx("li", {
@@ -75,24 +80,6 @@ export default function App() {
             children: "\u6761\u4EF63"
           }), /*#__PURE__*/_jsx("li", {
             children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
-          }), /*#__PURE__*/_jsx("li", {
-            children: "\u6761\u4EF63"
           })]
         })
       }),
@@ -132,9 +119,23 @@ export default function App() {
       loadPage: loadPage,
       children: /*#__PURE__*/_jsx("div", {
         style: {
-          height: 800
-        }
+          height: 100,
+          backgroundColor: 'green'
+        },
+        children: "\u68C0\u7D22\u6761\u4EF6"
       })
-    })
+    }), /*#__PURE__*/_jsx("button", {
+      style: {
+        position: 'absolute',
+        bottom: 30,
+        right: 30
+      },
+      onClick: function onClick() {
+        var _ref$current;
+
+        return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.backTop();
+      },
+      children: "\u8FD4\u56DE\u9876\u90E8"
+    })]
   });
 }

package/es/ListWithSizeAnimate/index.d.ts

@@ -6,9 +6,10 @@ interface IListWithSizeAnimateProps<T> extends IDynamicGridListProps<T> {
     children?: React.ReactNode;
     header?: React.ReactNode;
 }
-interface IListWithSizeAnimateRef {
+export interface IListWithSizeAnimateRef {
     open: () => void;
     close: () => void;
+    backTop: () => void;
 }
 declare const ListWithSizeAnimate: React.ForwardRefExoticComponent<IListWithSizeAnimateProps<unknown> & React.RefAttributes<IListWithSizeAnimateRef>>;
 export default ListWithSizeAnimate;

package/es/ListWithSizeAnimate/index.js

@@ -1,5 +1,5 @@
 import _useEventListener from "ahooks/es/useEventListener";
-var _excluded = ["headerSize", "header"];
+var _excluded = ["headerSize", "header", "children"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -34,6 +34,7 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
 
   var headerSize = _ref.headerSize,
       header = _ref.header,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useSimpleState = useSimpleState({
@@ -84,6 +85,13 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
         return updateState({
           open: false
         });
+      },
+      backTop: function backTop() {
+        var _ref$current2, _ref$current2$querySe;
+
+        return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$querySe = _ref$current2.querySelector('.cloudapp-dynamic-grid-list')) === null || _ref$current2$querySe === void 0 ? void 0 : _ref$current2$querySe.scrollTo({
+          top: 0
+        });
       }
     };
   }, []);
@@ -100,12 +108,15 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
         className: "list-animate-header-content",
         children: header
       })
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       className: "list-animate-content",
       style: {
         height: contentHeight
       },
-      children: /*#__PURE__*/_jsx(DynamicGridList, _objectSpread({}, props))
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "list-animate-content-ext",
+        children: children
+      }), /*#__PURE__*/_jsx(DynamicGridList, _objectSpread({}, props))]
     })]
   });
 });

package/es/ListWithSizeAnimate/index.less

@@ -10,5 +10,10 @@
     background-color: blue;
     overflow: hidden;
     transition: height 0.3s;
+    display: flex;
+    flex-direction: column;
+    .cloudapp-dynamic-grid-list {
+      flex: 1;
+    }
   }
 }

package/es/ScreenPlayer/Live.js

@@ -204,7 +204,7 @@ function LivePlayer(_ref) {
         var _item$url;
 
         return /*#__PURE__*/_createElement(LivePlayerWithExt, _objectSpread(_objectSpread({}, item), {}, {
-          mode: item.cid ? state.modes[item.cid] : item.mode,
+          mode: item.cid && state.modes[item.cid] ? state.modes[item.cid] : item.mode,
           key: (_item$url = item.url) !== null && _item$url !== void 0 ? _item$url : "".concat(index),
           updatePlayer: function updatePlayer(player) {
             if (item.cid) {
@@ -236,7 +236,7 @@ function LivePlayer(_ref) {
         toggleFit: toggleFit,
         getPlayerItem: getPlayerItem,
         screenNum: screenNum,
-        mode: state.modes[state.selectIndex],
+        mode: segmentItem !== null && segmentItem !== void 0 && segmentItem.cid ? state.modes[segmentItem === null || segmentItem === void 0 ? void 0 : segmentItem.cid] : segmentItem === null || segmentItem === void 0 ? void 0 : segmentItem.mode,
         containerRef: domRef,
         updateState: updateState,
         snapshot: props.snapshot,

package/es/ScreenPlayer/LiveTools.d.ts

@@ -8,7 +8,7 @@ interface IToolsProps {
         mode?: PlayModeType;
     }) => void;
     screenNum: number;
-    mode: PlayModeType;
+    mode?: PlayModeType;
     getPlayerItem: () => ExportPlayerType | undefined;
     fit?: string;
     toggleFit?: () => void;

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.2.15",
+  "version": "3.2.16",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",