pixuireactcomponents 1.3.57 → 1.3.59

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.57",
+    "version": "1.3.59",
     "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,13 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-/**
- * + [已解决]为什么重新创建 CustomScrollBar()时 isDragingSBlock 会被重置为false？ 在外部回调中不能使用state
- *
- */
 import { h } from 'preact';
-import styles from './ScrollBar.less';
-import { useState, useEffect } from 'preact/hooks';
+import { useImperativeHandle, useState, useEffect } from 'preact/hooks';
 var sWindow; // 滚动窗口
 var sBlock; // 滚动条
 var sFrame; // 滚动条外框
@@ -119,8 +114,20 @@ export function ScrollBar(props) {
             sWindow.scrollTop = content_scrollTop;
         }
     };
-    return (h("div", { id: "sframe", className: styles.main, style: sFrameStyle },
-        h("div", { id: "sblock", className: styles.slideBlock, style: sBlockStyle, draggable: true, onDragStart: function (event) {
+    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 },
+        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, ")");
                 //@ts-ignore