shineout 1.8.1 → 1.8.2

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.
@@ -129,10 +129,13 @@ function open(props, isPortal) {
129
129
  div.style.display = 'block';
130
130
  var parsed = parseInt(zIndex, 10);
131
131
  if (!Number.isNaN(parsed)) div.style.zIndex = parsed;
132
- var scrollWidth = window.innerWidth - _document.docSize.width;
133
132
  var doc = document.body.parentNode;
134
- doc.style.overflow = 'hidden';
135
- doc.style.paddingRight = scrollWidth + "px";
133
+
134
+ if (!doc.style.paddingRight) {
135
+ var scrollWidth = window.innerWidth - _document.docSize.width;
136
+ doc.style.overflow = 'hidden';
137
+ doc.style.paddingRight = scrollWidth + "px";
138
+ }
136
139
 
137
140
  var handleClose = function handleClose() {
138
141
  if (onClose) onClose();
@@ -344,13 +344,17 @@ function (_PureComponent) {
344
344
 
345
345
 
346
346
  if (treeColumnsName && changedByExpand) {
347
+ // Blank space may appear after clicking the top or bottom collapse button
347
348
  if (fullHeight - this.lastScrollTop < (1 - this.lastScrollArgs[1]) * scrollHeight) {
348
- this.tbody.style.marginTop = scrollHeight + "px";
349
- (0, _translate.setTranslate)(this.tbody, "-" + offsetLeft + "px", "-" + fullHeight + "px");
350
- this.lastScrollTop = fullHeight;
349
+ if (fullHeight <= scrollHeight) {
350
+ index = 0;
351
+ } else {
352
+ this.tbody.style.marginTop = scrollHeight + "px";
353
+ (0, _translate.setTranslate)(this.tbody, "-" + offsetLeft + "px", "-" + fullHeight + "px");
354
+ this.lastScrollTop = fullHeight;
355
+ return;
356
+ }
351
357
  }
352
-
353
- return;
354
358
  }
355
359
 
356
360
  if (index === 0) {
@@ -27,7 +27,7 @@
27
27
  margin-top: 0;
28
28
  }
29
29
  100% {
30
- margin-top: -8px;
30
+ margin-top: -9px;
31
31
  }
32
32
  }
33
33
  @keyframes so-tooltip-kf-top {
@@ -35,7 +35,7 @@
35
35
  margin-top: 0;
36
36
  }
37
37
  100% {
38
- margin-top: -8px;
38
+ margin-top: -9px;
39
39
  }
40
40
  }
41
41
  @-webkit-keyframes so-tooltip-kf-bottom {
@@ -43,7 +43,7 @@
43
43
  margin-top: 0;
44
44
  }
45
45
  100% {
46
- margin-top: 8px;
46
+ margin-top: 9px;
47
47
  }
48
48
  }
49
49
  @keyframes so-tooltip-kf-bottom {
@@ -51,7 +51,7 @@
51
51
  margin-top: 0;
52
52
  }
53
53
  100% {
54
- margin-top: 8px;
54
+ margin-top: 9px;
55
55
  }
56
56
  }
57
57
  @-webkit-keyframes so-tooltip-kf-left {
@@ -59,7 +59,7 @@
59
59
  margin-left: 0;
60
60
  }
61
61
  100% {
62
- margin-left: -8px;
62
+ margin-left: -9px;
63
63
  }
64
64
  }
65
65
  @keyframes so-tooltip-kf-left {
@@ -67,7 +67,7 @@
67
67
  margin-left: 0;
68
68
  }
69
69
  100% {
70
- margin-left: -8px;
70
+ margin-left: -9px;
71
71
  }
72
72
  }
73
73
  @-webkit-keyframes so-tooltip-kf-right {
@@ -75,7 +75,7 @@
75
75
  margin-left: 0;
76
76
  }
77
77
  100% {
78
- margin-left: 8px;
78
+ margin-left: 9px;
79
79
  }
80
80
  }
81
81
  @keyframes so-tooltip-kf-right {
@@ -83,7 +83,7 @@
83
83
  margin-left: 0;
84
84
  }
85
85
  100% {
86
- margin-left: 8px;
86
+ margin-left: 9px;
87
87
  }
88
88
  }
89
89
  .so-tooltip-animation {
@@ -113,17 +113,17 @@
113
113
  text-align: center;
114
114
  }
115
115
  .so-tooltip-top {
116
- margin-top: -8px;
116
+ margin-top: -9px;
117
117
  -webkit-transform: translate(-50%, -100%);
118
118
  -ms-transform: translate(-50%, -100%);
119
119
  transform: translate(-50%, -100%);
120
120
  }
121
121
  .so-tooltip-top .so-tooltip-arrow {
122
- top: 100%;
122
+ bottom: -5px;
123
123
  left: 50%;
124
- border-top: 5px solid var(--tooltip-bg, #000);
125
- border-right: 5px solid transparent;
126
- border-left: 5px solid transparent;
124
+ border-top: 6px solid var(--tooltip-bg, #000);
125
+ border-right: 6px solid transparent;
126
+ border-left: 6px solid transparent;
127
127
  -webkit-transform: translate(-50%, 0);
128
128
  -ms-transform: translate(-50%, 0);
129
129
  transform: translate(-50%, 0);
@@ -133,17 +133,17 @@
133
133
  animation: so-tooltip-kf-opacity 0.3s ease, so-tooltip-kf-top 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
134
134
  }
135
135
  .so-tooltip-right {
136
- margin-left: 8px;
136
+ margin-left: 9px;
137
137
  -webkit-transform: translate(0, -50%);
138
138
  -ms-transform: translate(0, -50%);
139
139
  transform: translate(0, -50%);
140
140
  }
141
141
  .so-tooltip-right .so-tooltip-arrow {
142
142
  top: 50%;
143
- right: 100%;
144
- border-top: 5px solid transparent;
145
- border-right: 5px solid var(--tooltip-bg, #000);
146
- border-bottom: 5px solid transparent;
143
+ left: -5px;
144
+ border-top: 6px solid transparent;
145
+ border-right: 6px solid var(--tooltip-bg, #000);
146
+ border-bottom: 6px solid transparent;
147
147
  -webkit-transform: translateY(-50%);
148
148
  -ms-transform: translateY(-50%);
149
149
  transform: translateY(-50%);
@@ -153,17 +153,17 @@
153
153
  animation: so-tooltip-kf-opacity 0.3s ease, so-tooltip-kf-right 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
154
154
  }
155
155
  .so-tooltip-left {
156
- margin-left: -8px;
156
+ margin-left: -9px;
157
157
  -webkit-transform: translate(-100%, -50%);
158
158
  -ms-transform: translate(-100%, -50%);
159
159
  transform: translate(-100%, -50%);
160
160
  }
161
161
  .so-tooltip-left .so-tooltip-arrow {
162
162
  top: 50%;
163
- left: 100%;
164
- border-top: 5px solid transparent;
165
- border-bottom: 5px solid transparent;
166
- border-left: 5px solid var(--tooltip-bg, #000);
163
+ right: -5px;
164
+ border-top: 6px solid transparent;
165
+ border-bottom: 6px solid transparent;
166
+ border-left: 6px solid var(--tooltip-bg, #000);
167
167
  -webkit-transform: translateY(-50%);
168
168
  -ms-transform: translateY(-50%);
169
169
  transform: translateY(-50%);
@@ -173,20 +173,20 @@
173
173
  animation: so-tooltip-kf-opacity 0.3s ease, so-tooltip-kf-left 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
174
174
  }
175
175
  .so-tooltip-bottom {
176
- margin-top: 8px;
176
+ margin-top: 9px;
177
177
  -webkit-transform: translateX(-50%);
178
178
  -ms-transform: translateX(-50%);
179
179
  transform: translateX(-50%);
180
180
  }
181
181
  .so-tooltip-bottom .so-tooltip-arrow {
182
- top: 0;
182
+ top: -5px;
183
183
  left: 50%;
184
- border-right: 5px solid transparent;
185
- border-bottom: 5px solid var(--tooltip-bg, #000);
186
- border-left: 5px solid transparent;
187
- -webkit-transform: translate(-50%, -100%);
188
- -ms-transform: translate(-50%, -100%);
189
- transform: translate(-50%, -100%);
184
+ border-right: 6px solid transparent;
185
+ border-bottom: 6px solid var(--tooltip-bg, #000);
186
+ border-left: 6px solid transparent;
187
+ -webkit-transform: translate(-50%, 0);
188
+ -ms-transform: translate(-50%, 0);
189
+ transform: translate(-50%, 0);
190
190
  }
191
191
  .so-tooltip-bottom.so-tooltip-animation {
192
192
  -webkit-animation: so-tooltip-kf-opacity 0.3s ease, so-tooltip-kf-bottom 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
package/css/index.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import './styles/normalize.less'
3
3
  import * as utils from './utils'
4
4
 
5
- export default { utils, version: '1.8.1' }
5
+ export default { utils, version: '1.8.2' }
6
6
  export { utils }
7
7
  export { setLocale } from './locale'
8
8
  export { color, style } from './utils/expose'
package/css/index.js CHANGED
@@ -222,6 +222,6 @@ exports.Upload = _Upload.default;
222
222
  // Created by scripts/src-index.js.
223
223
  var _default = {
224
224
  utils: utils,
225
- version: '1.8.1'
225
+ version: '1.8.2'
226
226
  };
227
227
  exports.default = _default;
package/dist/shineout.js CHANGED
@@ -28471,10 +28471,13 @@ function open(props, isPortal) {
28471
28471
  div.style.display = 'block';
28472
28472
  var parsed = parseInt(zIndex, 10);
28473
28473
  if (!Number.isNaN(parsed)) div.style.zIndex = parsed;
28474
- var scrollWidth = window.innerWidth - _utils_dom_document__WEBPACK_IMPORTED_MODULE_17__["docSize"].width;
28475
28474
  var doc = document.body.parentNode;
28476
- doc.style.overflow = 'hidden';
28477
- doc.style.paddingRight = "".concat(scrollWidth, "px");
28475
+
28476
+ if (!doc.style.paddingRight) {
28477
+ var scrollWidth = window.innerWidth - _utils_dom_document__WEBPACK_IMPORTED_MODULE_17__["docSize"].width;
28478
+ doc.style.overflow = 'hidden';
28479
+ doc.style.paddingRight = "".concat(scrollWidth, "px");
28480
+ }
28478
28481
 
28479
28482
  var handleClose = function handleClose() {
28480
28483
  if (onClose) onClose();
@@ -41567,13 +41570,17 @@ function (_PureComponent) {
41567
41570
 
41568
41571
 
41569
41572
  if (treeColumnsName && changedByExpand) {
41573
+ // Blank space may appear after clicking the top or bottom collapse button
41570
41574
  if (fullHeight - this.lastScrollTop < (1 - this.lastScrollArgs[1]) * scrollHeight) {
41571
- this.tbody.style.marginTop = "".concat(scrollHeight, "px");
41572
- Object(_utils_dom_translate__WEBPACK_IMPORTED_MODULE_15__["setTranslate"])(this.tbody, "-".concat(offsetLeft, "px"), "-".concat(fullHeight, "px"));
41573
- this.lastScrollTop = fullHeight;
41575
+ if (fullHeight <= scrollHeight) {
41576
+ index = 0;
41577
+ } else {
41578
+ this.tbody.style.marginTop = "".concat(scrollHeight, "px");
41579
+ Object(_utils_dom_translate__WEBPACK_IMPORTED_MODULE_15__["setTranslate"])(this.tbody, "-".concat(offsetLeft, "px"), "-".concat(fullHeight, "px"));
41580
+ this.lastScrollTop = fullHeight;
41581
+ return;
41582
+ }
41574
41583
  }
41575
-
41576
- return;
41577
41584
  }
41578
41585
 
41579
41586
  if (index === 0) {
@@ -41879,7 +41886,7 @@ function (_PureComponent) {
41879
41886
  __self: this,
41880
41887
  __source: {
41881
41888
  fileName: _jsxFileName,
41882
- lineNumber: 493,
41889
+ lineNumber: 498,
41883
41890
  columnNumber: 14
41884
41891
  }
41885
41892
  })
@@ -41908,7 +41915,7 @@ function (_PureComponent) {
41908
41915
  __self: this,
41909
41916
  __source: {
41910
41917
  fileName: _jsxFileName,
41911
- lineNumber: 506,
41918
+ lineNumber: 511,
41912
41919
  columnNumber: 7
41913
41920
  }
41914
41921
  },
@@ -41922,7 +41929,7 @@ function (_PureComponent) {
41922
41929
  __self: this,
41923
41930
  __source: {
41924
41931
  fileName: _jsxFileName,
41925
- lineNumber: 516,
41932
+ lineNumber: 521,
41926
41933
  columnNumber: 9
41927
41934
  }
41928
41935
  },
@@ -41934,7 +41941,7 @@ function (_PureComponent) {
41934
41941
  __self: this,
41935
41942
  __source: {
41936
41943
  fileName: _jsxFileName,
41937
- lineNumber: 517,
41944
+ lineNumber: 522,
41938
41945
  columnNumber: 11
41939
41946
  }
41940
41947
  }),
@@ -41948,7 +41955,7 @@ function (_PureComponent) {
41948
41955
  __self: this,
41949
41956
  __source: {
41950
41957
  fileName: _jsxFileName,
41951
- lineNumber: 518,
41958
+ lineNumber: 523,
41952
41959
  columnNumber: 11
41953
41960
  }
41954
41961
  },
@@ -41960,7 +41967,7 @@ function (_PureComponent) {
41960
41967
  __self: this,
41961
41968
  __source: {
41962
41969
  fileName: _jsxFileName,
41963
- lineNumber: 519,
41970
+ lineNumber: 524,
41964
41971
  columnNumber: 13
41965
41972
  }
41966
41973
  }),
@@ -41982,7 +41989,7 @@ function (_PureComponent) {
41982
41989
  __self: this,
41983
41990
  __source: {
41984
41991
  fileName: _jsxFileName,
41985
- lineNumber: 520,
41992
+ lineNumber: 525,
41986
41993
  columnNumber: 13
41987
41994
  }
41988
41995
  })))))
@@ -42007,7 +42014,7 @@ function (_PureComponent) {
42007
42014
  __self: this,
42008
42015
  __source: {
42009
42016
  fileName: _jsxFileName,
42010
- lineNumber: 547,
42017
+ lineNumber: 552,
42011
42018
  columnNumber: 7
42012
42019
  }
42013
42020
  },
@@ -42020,7 +42027,7 @@ function (_PureComponent) {
42020
42027
  __self: this,
42021
42028
  __source: {
42022
42029
  fileName: _jsxFileName,
42023
- lineNumber: 548,
42030
+ lineNumber: 553,
42024
42031
  columnNumber: 9
42025
42032
  }
42026
42033
  },
@@ -42032,7 +42039,7 @@ function (_PureComponent) {
42032
42039
  __self: this,
42033
42040
  __source: {
42034
42041
  fileName: _jsxFileName,
42035
- lineNumber: 549,
42042
+ lineNumber: 554,
42036
42043
  columnNumber: 11
42037
42044
  }
42038
42045
  }),
@@ -42044,7 +42051,7 @@ function (_PureComponent) {
42044
42051
  __self: this,
42045
42052
  __source: {
42046
42053
  fileName: _jsxFileName,
42047
- lineNumber: 550,
42054
+ lineNumber: 555,
42048
42055
  columnNumber: 11
42049
42056
  }
42050
42057
  }))));
@@ -42060,7 +42067,7 @@ function (_PureComponent) {
42060
42067
  __self: this,
42061
42068
  __source: {
42062
42069
  fileName: _jsxFileName,
42063
- lineNumber: 558,
42070
+ lineNumber: 563,
42064
42071
  columnNumber: 9
42065
42072
  }
42066
42073
  }), header)
@@ -42102,7 +42109,7 @@ function (_PureComponent) {
42102
42109
  __self: this,
42103
42110
  __source: {
42104
42111
  fileName: _jsxFileName,
42105
- lineNumber: 588,
42112
+ lineNumber: 593,
42106
42113
  columnNumber: 7
42107
42114
  }
42108
42115
  }, this.renderBody(floatClass))];
@@ -60251,7 +60258,7 @@ __webpack_require__.r(__webpack_exports__);
60251
60258
 
60252
60259
  /* harmony default export */ __webpack_exports__["default"] = ({
60253
60260
  utils: _utils__WEBPACK_IMPORTED_MODULE_0__,
60254
- version: '1.8.1'
60261
+ version: '1.8.2'
60255
60262
  });
60256
60263
 
60257
60264