@cloud-app-dev/vidc 4.0.20 → 4.0.21

package/es/InstanceHistory/index.js

@@ -0,0 +1,7 @@
+import { createBrowserHistory } from 'history';
+var _global = window;
+if (!_global._BSIC_HISTORY_) {
+  _global._BSIC_HISTORY_ = createBrowserHistory();
+}
+var InstanceHistory = _global._BSIC_HISTORY_;
+export default InstanceHistory;

package/es/LabelPlayer/demo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function App(): React.JSX.Element;

package/es/LabelPlayer/demo.js

@@ -0,0 +1,115 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useFullscreen } from 'ahooks';
+import React, { useRef, useState } from 'react';
+import LabelPlayer from '.';
+var base64 = 'data:image/png;base64,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';
+export default function App() {
+  var ref = useRef(null);
+  var _useFullscreen = useFullscreen(ref),
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    flag = _useFullscreen2[0],
+    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
+  var _useState = useState([{
+      id: '132132122',
+      x: 1000,
+      y: 200
+    }, {
+      id: '453254323',
+      x: 800,
+      y: 400
+    }, {
+      id: '321432143',
+      x: 900,
+      y: 500
+    }, {
+      id: '543254345',
+      x: 1000,
+      y: 600
+    }, {
+      id: '5434354345',
+      x: 1100,
+      y: 600
+    }, {
+      id: '5454325345',
+      x: 1200,
+      y: 550
+    }, {
+      id: '543245354345',
+      x: 1000,
+      y: 450
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    updateState = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: toggleFullscreen
+  }, flag + ''), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
+    style: {
+      cursor: 'pointer'
+    },
+    width: 40,
+    src: base64,
+    draggable: true,
+    onDragStart: function onDragStart(e) {
+      e.dataTransfer.setData('DATA', JSON.stringify({
+        id: Math.random() + ''
+      }));
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 1000,
+      height: 300
+    },
+    ref: ref
+  }, /*#__PURE__*/React.createElement(LabelPlayer, {
+    labels: state,
+    openDrop: true,
+    renderLabel: function renderLabel(item) {
+      return /*#__PURE__*/React.createElement("img", {
+        style: {
+          cursor: 'pointer'
+        },
+        width: 40,
+        src: base64,
+        onClick: function onClick() {
+          return alert(item.id);
+        },
+        onDragStart: function onDragStart(e) {
+          e.dataTransfer.setData('DATA', JSON.stringify({
+            id: item.id
+          }));
+        }
+      });
+    },
+    onLabelMoveChange: function onLabelMoveChange(res) {
+      var data = JSON.parse(res.data);
+      updateState(function (old) {
+        var indx = old.findIndex(function (v) {
+          return v.id === data.id;
+        });
+        if (indx > -1 && old[indx]) {
+          old[indx].x = res.x - 20;
+          old[indx].y = res.y - 20;
+        } else {
+          old.push({
+            x: res.x - 20,
+            y: res.y - 20,
+            id: data.id
+          });
+        }
+        return _toConsumableArray(old);
+      });
+    },
+    url: "http://192.168.101.252:22094/fmp4/live/2b9d2390500c02c65_2/1.mp4?origin_url=sdk%3A%2F%2Fadmin%3Ahpg12345%40192.168.14.64%3A8000%2Fcam%2Frealmonitor%3Ffactory%3Dhikvision%26channel%3D2%26subType%3D0"
+  })));
+}

package/es/LabelPlayer/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export type PositionType = {
+    x: number;
+    y: number;
+};
+export interface LabelType {
+    x: number;
+    y: number;
+    id?: string;
+    [key: string]: any;
+}
+interface ILabelPlayerProps {
+    url?: string;
+    labels?: LabelType[];
+    renderLabel?: (item: LabelType) => JSX.Element;
+    onLabelMoveChange?: (item: LabelType) => void;
+    openDrop?: boolean;
+}
+declare function LabelPlayer({ url, labels, renderLabel, onLabelMoveChange, openDrop }: ILabelPlayerProps): React.JSX.Element;
+export default LabelPlayer;

package/es/LabelPlayer/index.js

@@ -0,0 +1,160 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEventListener, useMemoizedFn, useSize } from 'ahooks';
+import React, { useEffect, useMemo, useRef } from 'react';
+import DomMove from "../DomMove";
+import useSimpleState from "../useSimpleState";
+import "./index.less";
+function LabelItem(_ref) {
+  var children = _ref.children,
+    style = _ref.style;
+  var ref = useRef(null);
+  useEventListener('mousedown', function (event) {
+    return event.stopPropagation();
+  }, {
+    target: ref
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "video-label",
+    ref: ref,
+    style: style,
+    onMouseDown: function onMouseDown(event) {
+      return event.stopPropagation();
+    }
+  }, children);
+}
+function LabelPlayer(_ref2) {
+  var url = _ref2.url,
+    _ref2$labels = _ref2.labels,
+    labels = _ref2$labels === void 0 ? [] : _ref2$labels,
+    renderLabel = _ref2.renderLabel,
+    onLabelMoveChange = _ref2.onLabelMoveChange,
+    openDrop = _ref2.openDrop;
+  var _useSimpleState = useSimpleState({
+      x: 0,
+      y: 0
+    }),
+    _useSimpleState2 = _slicedToArray(_useSimpleState, 2),
+    state = _useSimpleState2[0],
+    setState = _useSimpleState2[1];
+  var containerRef = useRef(null);
+  var videoRef = useRef(null);
+  var videoSize = useSize(videoRef);
+  var containerSize = useSize(containerRef);
+  var moveActionRef = useRef();
+  var _useMemo = useMemo(function () {
+      var _videoSize$width, _containerSize$width, _videoSize$height, _containerSize$height;
+      return {
+        videoWidth: (_videoSize$width = videoSize === null || videoSize === void 0 ? void 0 : videoSize.width) !== null && _videoSize$width !== void 0 ? _videoSize$width : 0,
+        containerWidth: (_containerSize$width = containerSize === null || containerSize === void 0 ? void 0 : containerSize.width) !== null && _containerSize$width !== void 0 ? _containerSize$width : 0,
+        videoHeight: (_videoSize$height = videoSize === null || videoSize === void 0 ? void 0 : videoSize.height) !== null && _videoSize$height !== void 0 ? _videoSize$height : 0,
+        containerHeight: (_containerSize$height = containerSize === null || containerSize === void 0 ? void 0 : containerSize.height) !== null && _containerSize$height !== void 0 ? _containerSize$height : 0
+      };
+    }, [containerSize, videoSize]),
+    videoWidth = _useMemo.videoWidth,
+    containerWidth = _useMemo.containerWidth,
+    videoHeight = _useMemo.videoHeight,
+    containerHeight = _useMemo.containerHeight;
+  var onDragChange = useMemoizedFn(function (_ref3) {
+    var x = _ref3.x,
+      y = _ref3.y;
+    return setState({
+      x: x,
+      y: y
+    });
+  });
+  var onDragEnd = function onDragEnd(_, position) {
+    var _moveActionRef$curren;
+    var diffWidth = videoWidth - containerWidth;
+    var diffHeight = videoHeight - containerHeight;
+    var x = position.x;
+    var y = position.y;
+    if (position.x > 0) {
+      x = 0;
+    }
+    if (position.x < -diffWidth) {
+      x = -diffWidth;
+    }
+    if (position.y > 0) {
+      y = 0;
+    }
+    if (position.y < -diffHeight) {
+      y = -diffHeight;
+    }
+    if (containerWidth > videoWidth) {
+      x = (containerWidth - videoWidth) / 2;
+    }
+    if (containerHeight > videoHeight) {
+      y = (containerHeight - videoHeight) / 2;
+    }
+    (_moveActionRef$curren = moveActionRef.current) === null || _moveActionRef$curren === void 0 || _moveActionRef$curren.updatePosition({
+      x: x,
+      y: y
+    });
+  };
+  var onDrop = function onDrop(event) {
+    var _containerRef$current;
+    if (!openDrop) {
+      return;
+    }
+    var rect = ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect()) || {};
+    var left = event.clientX - rect.x;
+    var top = event.clientY - rect.y;
+    var data = event.dataTransfer.getData('DATA');
+    var flag1 = videoWidth > containerWidth;
+    var flag2 = videoHeight > containerHeight;
+    var diffHeight = videoHeight - containerHeight;
+    var diffWidth = videoWidth - containerWidth;
+    onLabelMoveChange === null || onLabelMoveChange === void 0 || onLabelMoveChange({
+      x: left + Math.abs(state.x) + (flag1 ? 0 : diffWidth),
+      y: top + Math.abs(state.y) + (flag2 ? 0 : diffHeight),
+      data: data
+    });
+  };
+  useEffect(function () {
+    var _moveActionRef$curren2;
+    if (!videoSize || !containerSize) {
+      return;
+    }
+    var diffWidth = videoWidth - containerWidth;
+    var diffHeight = videoHeight - containerHeight;
+    (_moveActionRef$curren2 = moveActionRef.current) === null || _moveActionRef$curren2 === void 0 || _moveActionRef$curren2.updatePosition({
+      x: -diffWidth / 2,
+      y: -diffHeight / 2
+    });
+  }, [videoSize, containerSize]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "label-player-container",
+    ref: containerRef,
+    onDrop: onDrop,
+    onDragOver: function onDragOver(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/React.createElement(DomMove, {
+    ref: moveActionRef,
+    onDragChange: onDragChange,
+    onDragEnd: onDragEnd
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "video-container"
+  }, /*#__PURE__*/React.createElement("video", {
+    src: url,
+    autoPlay: true,
+    ref: videoRef,
+    muted: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "video-label-box"
+  }, labels.map(function (label) {
+    return /*#__PURE__*/React.createElement(LabelItem, {
+      key: label.id,
+      style: {
+        left: label.x,
+        top: label.y
+      }
+    }, renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(label));
+  })))));
+}
+export default LabelPlayer;

package/es/LabelPlayer/index.less

@@ -0,0 +1,24 @@
+.label-player-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: #000;
+  user-select: none;
+
+  .video-container {
+    position: relative;
+    width: max-content;
+    height: max-content;
+  }
+
+  video {
+    width: 2048px;
+    min-height: 300px;
+  }
+
+  .video-label-box {
+    .video-label {
+      position: absolute;
+    }
+  }
+}

package/es/LabelValue/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface ILabelValueProps {
+    label?: any;
+    value?: any;
+    emptyValue?: string;
+    className?: string;
+    noWrap?: boolean;
+    noColon?: boolean;
+    style?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
+    valueStyle?: React.CSSProperties;
+}
+declare function LabelValue({ label, value, emptyValue, className, style, labelStyle, valueStyle, noWrap, noColon }: ILabelValueProps): React.JSX.Element;
+export default LabelValue;

package/es/LabelValue/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import "./index.less";
+function LabelValue(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    _ref$emptyValue = _ref.emptyValue,
+    emptyValue = _ref$emptyValue === void 0 ? '-' : _ref$emptyValue,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    style = _ref.style,
+    labelStyle = _ref.labelStyle,
+    valueStyle = _ref.valueStyle,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+    noColon = _ref.noColon;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-label-value-layout ".concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement("span", {
+    style: labelStyle
+  }, label, noColon ? '' : '：'), /*#__PURE__*/React.createElement("span", {
+    title: value,
+    className: "".concat(noWrap ? 'no-wrap' : ''),
+    style: valueStyle
+  }, value || emptyValue));
+}
+export default LabelValue;

package/es/LabelValue/index.less

@@ -0,0 +1,23 @@
+.lm-c-label-value-layout {
+  display: inline-flex;
+  font-size: var(--fs-small);
+
+  span {
+    &:first-child {
+      padding-right: 4px;
+      color: var(--color4);
+      white-space: nowrap;
+    }
+
+    &:last-child {
+      flex: 1;
+      color: var(--color6);
+
+      &.no-wrap {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}

package/es/List/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/List/demo.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import List from "./index";
+var defaultList = Array.from(new Array(10000)).map(function (_, i) {
+  return {
+    name: "\u6211\u662F\u5217\u8868".concat(i),
+    id: i
+  };
+});
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 300,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(List, {
+    list: defaultList,
+    renderItem: function renderItem(item) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: item.id
+      }, item.name);
+    }
+  }));
+});

package/es/List/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.less';
+export interface ListProps<T> {
+    /**
+     * @description 列表数据
+     * @default []
+     */
+    list: Array<T>;
+    /**
+     * @description 列表类名
+     * @default ''
+     */
+    className?: string;
+    /**
+     * @description 列表样式
+     * @default -
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 列表自定义渲染
+     * @default -
+     */
+    renderItem: (item: T, index: number) => JSX.Element;
+    rowHeight?: number;
+    renderHeaderExt?: () => JSX.Element;
+}
+declare function List<T>({ className, style, renderItem, list, rowHeight, renderHeaderExt }: ListProps<T>): React.JSX.Element;
+export default List;

package/es/List/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import "./index.less";
+function List(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    renderItem = _ref.renderItem,
+    list = _ref.list,
+    _ref$rowHeight = _ref.rowHeight,
+    rowHeight = _ref$rowHeight === void 0 ? 30 : _ref$rowHeight,
+    renderHeaderExt = _ref.renderHeaderExt;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-list-wrapper ".concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-list-header"
+  }, renderHeaderExt === null || renderHeaderExt === void 0 ? void 0 : renderHeaderExt()), /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-base-list-layout"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vidc-simple-list-layout",
+    style: {
+      contentVisibility: 'auto',
+      containIntrinsicSize: list.length * rowHeight
+    }
+  }, list.map(function (ele, index) {
+    return renderItem(ele, index);
+  }))));
+}
+export default List;

package/es/List/index.less

@@ -0,0 +1,20 @@
+.lm-c-list-wrapper {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+  cursor: auto;
+  border: 1px solid var(--gray2);
+  flex-direction: column;
+
+  .lm-c-base-list-layout {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .vidc-simple-list-layout {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    contain: strict;
+  }
+}

package/es/ListWithSizeAnimate/demo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function App(): React.JSX.Element;

package/es/ListWithSizeAnimate/demo.js

@@ -0,0 +1,98 @@
+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; }
+/* eslint-disable react/button-has-type */
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useRef } from 'react';
+import ListWithSizeAnimate from "./index";
+function random(low, high) {
+  return Math.floor(Math.random() * high) + low;
+}
+var IMAGES = function IMAGES() {
+  return Array.from({
+    length: 20
+  }, 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
+    };
+  });
+};
+function loadPage(d) {
+  console.log(d);
+  if (!d) {
+    // eslint-disable-next-line no-param-reassign
+    d = {};
+  }
+  var resultData = IMAGES();
+  d.page ? d.page++ : d.page = 1;
+  d.list ? d.list = [].concat(_toConsumableArray(d.list), _toConsumableArray(resultData)) : d.list = resultData;
+  return new Promise(function (resolve) {
+    console.log(d.page);
+    setTimeout(function () {
+      return resolve(d);
+    }, 5000);
+  });
+}
+export default function App() {
+  var ref = useRef(null);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 800,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(ListWithSizeAnimate, {
+    ref: ref,
+    header: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF61"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF62"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF63"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF63"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF63"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF63"), /*#__PURE__*/React.createElement("li", null, "\u6761\u4EF63"))),
+    itemKey: "url",
+    itemHeight: 300,
+    itemWidth: 250,
+    renderItem: function renderItem(image) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          border: '1px solid gray',
+          height: '100%',
+          display: 'flex',
+          flexDirection: 'column'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          flex: 1,
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React.createElement("img", {
+        src: image.url,
+        alt: "",
+        style: {
+          objectFit: 'cover',
+          display: 'block',
+          width: '100%',
+          height: '100%'
+        }
+      })), /*#__PURE__*/React.createElement("p", null, "\u6807\u9898"), /*#__PURE__*/React.createElement("p", null, "\u63CF\u8FF0"));
+    },
+    loadPage: loadPage
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'green'
+    }
+  }, "\u68C0\u7D22\u6761\u4EF6")), /*#__PURE__*/React.createElement("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();
+    }
+  }, "\u8FD4\u56DE\u9876\u90E8"));
+}

package/es/ListWithSizeAnimate/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IDynamicGridListProps } from '../DynamicGridList';
+import './index.less';
+interface IListWithSizeAnimateProps<T> extends IDynamicGridListProps<T> {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+}
+export interface IListWithSizeAnimateRef {
+    open: () => void;
+    close: () => void;
+    backTop: () => void;
+}
+declare const ListWithSizeAnimate: React.ForwardRefExoticComponent<IListWithSizeAnimateProps<unknown> & React.RefAttributes<IListWithSizeAnimateRef>>;
+export default ListWithSizeAnimate;