@pixui-dev/pixui-react-virtualwaterfall
Advanced tools
+1
-1
| { | ||
| "name": "@pixui-dev/pixui-react-virtualwaterfall", | ||
| "version": "1.0.6", | ||
| "version": "1.0.7", | ||
| "description": "pixui 高性能React虚拟瀑布流组件", | ||
@@ -5,0 +5,0 @@ "publishConfig": { |
+4
-2
@@ -84,2 +84,3 @@ # VirtualWaterfallList 虚拟瀑布流组件 | ||
| | --- | --- | --- | --- | --- | | ||
| | contentStyle? | CSSProperties | 内容区域style,可以按需覆盖,不过可能导致预期外的结果,用于适配用户定制化的样式设定 | - | | | ||
| | gap? | number | 列之间的间距(像素) | 10 | | | ||
@@ -997,7 +998,8 @@ | overscan? | number | 可视区域外预加载的尺寸大小(像素) | 0 | | | ||
| ## 版本更新记录 | ||
| ### 1.0.7 | ||
| 1. 添加可选参数 contentStyle,用于自定义内容容器样式。可用于适配 em、rem 或 用户定制的样式方式。 | ||
| ## 版本更新记录 | ||
| ### 1.0.6 | ||
@@ -1004,0 +1006,0 @@ 1. 修复1.0.5 去除 key后,下拉刷新的更新问题 |
@@ -31,2 +31,8 @@ import { h, Component, JSX } from 'preact'; | ||
| /** | ||
| * 内容区域style | ||
| * @type {CSSProperties} | ||
| * @optional | ||
| */ | ||
| contentStyle?: CSSProperties; | ||
| /** | ||
| * 输入数据列表 | ||
@@ -33,0 +39,0 @@ * @type {any[]} |
@@ -1050,9 +1050,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| return (h("div", { ref: this.containerRef, id: this.props.rootId || 'VirtualWaterfallRoot', className: this.props.rootClassName || 'VirtualWaterfallRoot', style: __assign({ height: "".concat(containerHeight, "px"), overflow: 'scroll', position: 'relative' }, this.props.rootStyle), "movement-type": scrollProps.movementType, "scroll-sensitivity": scrollProps.scrollSensitivity, "inertia-version": scrollProps.inertiaVersion, "deceleration-rate": scrollProps.decelerationRate, "static-velocity-drag": scrollProps.staticVelocityDrag, "friction-coefficient": scrollProps.frictionCoefficient, onScroll: this.handleScroll }, | ||
| h("div", { ref: this.contentRef, id: 'VirtualWaterfallContent', className: 'VirtualWaterfallContent', style: { | ||
| display: 'flex', | ||
| flexShrink: 0, | ||
| position: 'relative', | ||
| width: "".concat(containerWidth, "px"), | ||
| height: "".concat(totalContentHeight, "px"), | ||
| }, onTouchMove: function (e) { | ||
| h("div", { ref: this.contentRef, id: 'VirtualWaterfallContent', className: 'VirtualWaterfallContent', style: __assign({ display: 'flex', flexShrink: 0, position: 'relative', width: "".concat(containerWidth, "px"), height: "".concat(totalContentHeight, "px") }, this.props.contentStyle), onTouchMove: function (e) { | ||
| console.log('onTouchMove', e.touches[0].clientY); | ||
@@ -1059,0 +1053,0 @@ } }, |
107025
0.3%1714
0.06%1010
0.2%