shineout 1.11.3-beta.4 → 1.11.3
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/css/Scroll/Scroll.js +4 -0
- package/css/Select/Select.js +3 -2
- package/css/Table/SeperateTable.js +17 -0
- package/css/index.d.ts +1 -1
- package/css/index.js +1 -1
- package/css/utils/dom/scrollBehavior.js +33 -0
- package/dist/shineout.js +4732 -3797
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/es/Scroll/Scroll.js +3 -0
- package/es/Select/Select.js +3 -2
- package/es/Table/SeperateTable.js +16 -0
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/utils/dom/scrollBehavior.js +27 -0
- package/lib/Scroll/Scroll.js +4 -0
- package/lib/Select/Select.js +3 -2
- package/lib/Table/SeperateTable.js +17 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/utils/dom/scrollBehavior.js +33 -0
- package/package.json +1 -1
package/css/Scroll/Scroll.js
CHANGED
|
@@ -19,6 +19,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
19
19
|
|
|
20
20
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
21
|
|
|
22
|
+
var _scrollBehavior = require("../utils/dom/scrollBehavior");
|
|
23
|
+
|
|
22
24
|
var _component = require("../component");
|
|
23
25
|
|
|
24
26
|
var _proptypes = require("../utils/proptypes");
|
|
@@ -88,6 +90,7 @@ function (_PureComponent) {
|
|
|
88
90
|
});
|
|
89
91
|
this.inner.addEventListener('scroll', this.handleInnerScroll);
|
|
90
92
|
this.wheelElement.addEventListener('scroll', this.handleInnerScroll);
|
|
93
|
+
this.rmOverScrollListener = (0, _scrollBehavior.banOverScrollX)(this.wheelElement);
|
|
91
94
|
};
|
|
92
95
|
|
|
93
96
|
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
@@ -106,6 +109,7 @@ function (_PureComponent) {
|
|
|
106
109
|
this.wheelElement.removeEventListener('touchmove', this.handleTouchMove);
|
|
107
110
|
this.inner.removeEventListener('scroll', this.handleInnerScroll);
|
|
108
111
|
this.wheelElement.removeEventListener('scroll', this.handleInnerScroll);
|
|
112
|
+
if (this.rmOverScrollListener) this.rmOverScrollListener();
|
|
109
113
|
};
|
|
110
114
|
|
|
111
115
|
_proto.getWheelRect = function getWheelRect() {
|
package/css/Select/Select.js
CHANGED
|
@@ -621,7 +621,8 @@ function (_PureComponent) {
|
|
|
621
621
|
keygen = _this$props12.keygen,
|
|
622
622
|
convertBr = _this$props12.convertBr,
|
|
623
623
|
data = _this$props12.data,
|
|
624
|
-
onFilter = _this$props12.onFilter
|
|
624
|
+
onFilter = _this$props12.onFilter,
|
|
625
|
+
treeData = _this$props12.treeData;
|
|
625
626
|
var disabled = this.getDisabledStatus();
|
|
626
627
|
var className = (0, _styles.selectClass)('inner', size, this.state.focus && 'focus', this.state.position, multiple && 'multiple', disabled === true && (0, _classname.getDirectionClass)('disabled'), !trim && 'pre');
|
|
627
628
|
return _react.default.createElement("div", {
|
|
@@ -663,7 +664,7 @@ function (_PureComponent) {
|
|
|
663
664
|
resultClassName: resultClassName,
|
|
664
665
|
innerTitle: innerTitle,
|
|
665
666
|
keygen: keygen,
|
|
666
|
-
data: data,
|
|
667
|
+
data: treeData || data,
|
|
667
668
|
convertBr: convertBr
|
|
668
669
|
}), this.renderOptions());
|
|
669
670
|
};
|
|
@@ -53,6 +53,8 @@ var _Td = require("./Td");
|
|
|
53
53
|
|
|
54
54
|
var _Sticky = _interopRequireDefault(require("../Sticky"));
|
|
55
55
|
|
|
56
|
+
var _scrollBehavior = require("../utils/dom/scrollBehavior");
|
|
57
|
+
|
|
56
58
|
var SeperateTable =
|
|
57
59
|
/*#__PURE__*/
|
|
58
60
|
function (_PureComponent) {
|
|
@@ -119,6 +121,12 @@ function (_PureComponent) {
|
|
|
119
121
|
this.ajustBottom(dataChange);
|
|
120
122
|
};
|
|
121
123
|
|
|
124
|
+
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
125
|
+
_PureComponent.prototype.componentWillUnmount.call(this);
|
|
126
|
+
|
|
127
|
+
if (this.rmOverScrollListener) this.rmOverScrollListener();
|
|
128
|
+
};
|
|
129
|
+
|
|
122
130
|
_proto.getIndex = function getIndex(scrollTop) {
|
|
123
131
|
if (scrollTop === void 0) {
|
|
124
132
|
scrollTop = this.state.scrollTop;
|
|
@@ -429,6 +437,15 @@ function (_PureComponent) {
|
|
|
429
437
|
|
|
430
438
|
_proto.bindElement = function bindElement(key, el) {
|
|
431
439
|
this[key] = el;
|
|
440
|
+
|
|
441
|
+
if (key === 'headWrapper') {
|
|
442
|
+
if (el) {
|
|
443
|
+
this.rmOverScrollListener = (0, _scrollBehavior.banOverScrollX)(el);
|
|
444
|
+
} else if (this.rmOverScrollListener) {
|
|
445
|
+
this.rmOverScrollListener();
|
|
446
|
+
this.rmOverScrollListener = null;
|
|
447
|
+
}
|
|
448
|
+
}
|
|
432
449
|
};
|
|
433
450
|
|
|
434
451
|
_proto.scrollToTop = function scrollToTop() {
|
package/css/index.d.ts
CHANGED
package/css/index.js
CHANGED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.banOverScrollX = void 0;
|
|
5
|
+
var htmlDom;
|
|
6
|
+
var lastStyle = null;
|
|
7
|
+
|
|
8
|
+
var getHtml = function getHtml() {
|
|
9
|
+
if (!htmlDom) htmlDom = document.body.parentElement;
|
|
10
|
+
return htmlDom;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
var setScrollBehavior = function setScrollBehavior() {
|
|
14
|
+
if (lastStyle !== null) return;
|
|
15
|
+
lastStyle = getHtml().style.overscrollBehaviorX;
|
|
16
|
+
htmlDom.style.overscrollBehaviorX = 'none';
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var resetScrollBehavior = function resetScrollBehavior() {
|
|
20
|
+
htmlDom.style.overscrollBehaviorX = lastStyle;
|
|
21
|
+
lastStyle = null;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
var banOverScrollX = function banOverScrollX(el) {
|
|
25
|
+
el.addEventListener('mouseenter', setScrollBehavior);
|
|
26
|
+
el.addEventListener('mouseleave', resetScrollBehavior);
|
|
27
|
+
return function () {
|
|
28
|
+
el.removeEventListener('mouseenter', setScrollBehavior);
|
|
29
|
+
el.removeEventListener('mouseleave', resetScrollBehavior);
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
exports.banOverScrollX = banOverScrollX;
|