shineout 3.8.0-beta.27 → 3.8.0-beta.28

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.8.0-beta.27'
+  version: '3.8.0-beta.28'
 };

package/dist/shineout.js

@@ -12386,7 +12386,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.8.0-beta.27');
+/* harmony default export */ var version = ('3.8.0-beta.28');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -58645,7 +58645,7 @@ var list_list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
       style: {
-        height: props.fixed ? lineHeight : 'auto'
+        height: props.fixed && !props.dynamicHeight ? lineHeight : 'auto'
       },
       children: columnData.map(function (item, rowIndex) {
         var index = rowIndex + columnIndex * colNum;
@@ -58653,6 +58653,35 @@ var list_list_List = function List(props) {
       })
     }, columnIndex);
   });
+  var DynamicRow = function DynamicRow(_ref) {
+    var columnData = _ref.columnData,
+      columnIndex = _ref.columnIndex,
+      setRowHeight = _ref.setRowHeight;
+    var rowRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+      if (rowRef.current && setRowHeight) {
+        var rect = rowRef.current.getBoundingClientRect();
+        if (rect.height > 0) {
+          setRowHeight(columnIndex, rect.height);
+        }
+      }
+    });
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      ref: rowRef,
+      className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
+      children: columnData.map(function (item, rowIndex) {
+        var index = rowIndex + columnIndex * colNum;
+        return renderItem(item, index);
+      })
+    });
+  };
+  var renderDynamicColumn = usePersistFn(function (columnData, columnIndex, _relativeIndex, setRowHeight) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(DynamicRow, {
+      columnData: columnData,
+      columnIndex: columnIndex,
+      setRowHeight: setRowHeight
+    }, columnIndex);
+  });
   var loadingPosition = props.loadingPosition || 'center';
   var renderCenterLoading = function renderCenterLoading() {
     if (!props.loading || loadingPosition !== 'center') return null;
@@ -58711,27 +58740,30 @@ var list_list_List = function List(props) {
   });
   var renderList = function renderList() {
     if (isEmpty) return null;
-    if (props.fixed) return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
-        data: columnData,
-        renderItem: renderColumn,
-        lineHeight: lineHeight,
-        rowsInView: rowsInView,
-        onScroll: handleVirtualScroll,
-        height: 'auto',
-        style: {
-          flex: '1',
-          minHeight: '0',
-          display: 'flex'
-        },
-        scrollerStyle: {
-          flex: 1,
-          minHeight: 0,
-          minWidth: 0,
-          overflow: 'auto'
-        }
-      }), renderFooter()]
-    });
+    if (props.fixed) {
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
+          data: columnData,
+          renderItem: props.dynamicHeight ? renderDynamicColumn : renderColumn,
+          lineHeight: lineHeight,
+          rowsInView: rowsInView,
+          onScroll: handleVirtualScroll,
+          height: 'auto',
+          style: {
+            flex: '1',
+            minHeight: '0',
+            display: 'flex'
+          },
+          scrollerStyle: {
+            flex: 1,
+            minHeight: 0,
+            minWidth: 0,
+            overflow: 'auto'
+          },
+          dynamicVirtual: props.dynamicHeight
+        }), renderFooter()]
+      });
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.scrollContainer,
       onScroll: handleListScroll,
@@ -72750,7 +72782,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.27'
+  version: '3.8.0-beta.28'
 });
 }();
 /******/ 	return __webpack_exports__;