pixuireactcomponents 1.3.58 → 1.3.60

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.58",
+    "version": "1.3.60",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/src/components/react/app/scrollBar/ScrollBar.d.ts

@@ -1,6 +1,2 @@
-/**
- * + [已解决]为什么重新创建 CustomScrollBar()时 isDragingSBlock 会被重置为false？ 在外部回调中不能使用state
- *
- */
 import { h } from 'preact';
 export declare function ScrollBar(props: any): h.JSX.Element;

package/src/components/react/app/scrollBar/ScrollBar.js

@@ -9,12 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-/**
- * + [已解决]为什么重新创建 CustomScrollBar()时 isDragingSBlock 会被重置为false？ 在外部回调中不能使用state
- *
- */
 import { h } from 'preact';
-import { useState, useEffect } from 'preact/hooks';
+import { useImperativeHandle, useState, useEffect } from 'preact/hooks';
 var sWindow; // 滚动窗口
 var sBlock; // 滚动条
 var sFrame; // 滚动条外框
@@ -24,6 +20,7 @@ export function ScrollBar(props) {
     var _a = useState(0), sBlockY = _a[0], setSBlockY = _a[1]; // sBlock的Top值, block顶部相对于frames上边的差值
     var _b = useState({}), sBlockStyle = _b[0], setSBlockStyle = _b[1];
     var _c = useState({}), sFrameStyle = _c[0], setSFrameStyle = _c[1];
+    var _d = useState(false), hiddenBar = _d[0], setHiddenBar = _d[1];
     setSFrameStyle(props.style);
     useEffect(function () {
         // 初始化的 useEffect，其中只能添加初始化方法
@@ -44,6 +41,15 @@ export function ScrollBar(props) {
                 console.warn('[CustomScrollBar][Error] 内部错误，无法找到 sBlock 或 sFrame!');
                 return;
             }
+            // 如果 sWindow 尺寸 > Content 尺寸，无需滑动，隐藏sBar
+            var swindow_height = sWindow.getBoundingClientRect().height; // 滑动窗口高
+            var content_height = sWindow.scrollHeight;
+            if (content_height <= swindow_height) {
+                setHiddenBar(true);
+            }
+            else {
+                setHiddenBar(false);
+            }
             sWindow === null || sWindow === void 0 ? void 0 : sWindow.addEventListener('scroll', sWindowScrolling);
             // 设置背景图
             sBlock.style.backgroundImage = "url(".concat(props.sBlockImgNormal, ")");
@@ -118,7 +124,19 @@ export function ScrollBar(props) {
             sWindow.scrollTop = content_scrollTop;
         }
     };
-    return (h("div", { id: "sframe", style: sFrameStyle },
+    useImperativeHandle(props.eventRef, function () { return ({
+        scrollTo: scrollTo,
+    }); });
+    // 重设滚动轴, x预留, y为距离顶部的像素值
+    var scrollTo = function (x, y) {
+        if (typeof y === 'number') {
+            sWindow.scrollTop = y;
+        }
+        // 停止滚动
+        sWindow.style.overflow = 'hidden';
+        sWindow.style.overflow = 'scroll';
+    };
+    return (h("div", { id: "sframe", style: sFrameStyle }, hiddenBar ? null :
         h("div", { id: "sblock", style: sBlockStyle, draggable: true, onDragStart: function (event) {
                 sBlock.style.backgroundImage = "url(".concat(props.sBlockImgClick, ")");
                 sFrame.style.backgroundImage = "url(".concat(props.sFrameImgClick, ")");