react-ui-basics 0.0.208 → 0.0.209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Scrollable.js +13 -6
- package/Scrollable.js.map +1 -1
- package/bundle.css +752 -752
- package/package.json +1 -1
- package/src/Scrollable.js +16 -5
package/package.json
CHANGED
package/src/Scrollable.js
CHANGED
|
@@ -22,6 +22,7 @@ import {propsGetter, stateGS, PureComponent, render, componentDidMount, componen
|
|
|
22
22
|
export const SCROLLBAR_MODE_HIDDEN = 'hidden';
|
|
23
23
|
export const SCROLLBAR_MODE_VISIBLE = 'visible';
|
|
24
24
|
export const SCROLLBAR_MODE_AUTO = 'auto';
|
|
25
|
+
export const SCROLLBAR_RESIZE_DISABLED = 'disabled';
|
|
25
26
|
|
|
26
27
|
let NATIVE_SCROLL_WIDTH = -1;
|
|
27
28
|
let NATIVE_SCROLL_HEIGHT = -1;
|
|
@@ -330,11 +331,21 @@ class Scrollable extends PureComponent {
|
|
|
330
331
|
styleOf(thumbH).left = (position * (scrollbarWidth - offsetWidthOf(thumbH))) + 'px';
|
|
331
332
|
};
|
|
332
333
|
|
|
333
|
-
|
|
334
|
-
|
|
334
|
+
let update;
|
|
335
|
+
let sbm = scrollBarModeOf(props());
|
|
336
|
+
let hsbm = horizontalScrollBarModeOf(props());
|
|
337
|
+
if (sbm !== SCROLLBAR_RESIZE_DISABLED && !hsbm === SCROLLBAR_RESIZE_DISABLED) {
|
|
338
|
+
update = () => {
|
|
335
339
|
updateVerticalScrollbar();
|
|
336
340
|
updateHorizontalScrollbar();
|
|
337
|
-
}
|
|
341
|
+
};
|
|
342
|
+
} else if (sbm !== SCROLLBAR_RESIZE_DISABLED)
|
|
343
|
+
update = updateVerticalScrollbar
|
|
344
|
+
else
|
|
345
|
+
update = updateVerticalScrollbar
|
|
346
|
+
|
|
347
|
+
initTimeout = setTimeout(() => {
|
|
348
|
+
resizeInterval = setInterval(update, 50);
|
|
338
349
|
}, 200)
|
|
339
350
|
};
|
|
340
351
|
|
|
@@ -384,8 +395,8 @@ Scrollable.defaultProps = {
|
|
|
384
395
|
|
|
385
396
|
if (process.env.NODE_ENV !== 'production') {
|
|
386
397
|
Scrollable.propTypes = {
|
|
387
|
-
scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
|
|
388
|
-
horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
|
|
398
|
+
scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE, SCROLLBAR_RESIZE_DISABLED]),
|
|
399
|
+
horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE, SCROLLBAR_RESIZE_DISABLED]),
|
|
389
400
|
[ReactConstants[5]]: PropTypes.string,
|
|
390
401
|
style: PropTypes.object,
|
|
391
402
|
onScrolledToBottom: PropTypes.func,
|