acud 1.2.4 → 1.2.6
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/dist/acud.js +226 -321
- package/dist/acud.js.map +1 -1
- package/es/tabs/src/TabNavList/index.js +19 -14
- package/es/transfer/TargetList.js +1 -3
- package/lib/tabs/src/TabNavList/index.js +19 -14
- package/lib/transfer/TargetList.js +1 -3
- package/package.json +1 -1
- package/dist/acud.css +0 -24854
- package/dist/acud.css.map +0 -1
- package/dist/acud.min.css +0 -2
- package/dist/acud.min.css.map +0 -1
- package/dist/acud.min.js +0 -50
- package/dist/acud.min.js.map +0 -1
|
@@ -317,7 +317,7 @@ function TabNavList(props, ref) {
|
|
|
317
317
|
var btnNode = getBtnRef(key).current;
|
|
318
318
|
if (btnNode) {
|
|
319
319
|
newSizes.set(key, {
|
|
320
|
-
width: btnNode.offsetWidth
|
|
320
|
+
width: btnNode.offsetWidth,
|
|
321
321
|
height: btnNode.offsetHeight,
|
|
322
322
|
left: btnNode.offsetLeft + 16,
|
|
323
323
|
top: btnNode.offsetTop
|
|
@@ -405,25 +405,30 @@ function TabNavList(props, ref) {
|
|
|
405
405
|
moreStyle.order = 1;
|
|
406
406
|
}
|
|
407
407
|
var onMoreClick = function onMoreClick(type) {
|
|
408
|
-
var step = tabs.length - tabs.length || 1;
|
|
409
408
|
var index = findIndex(tabs, function (tab) {
|
|
410
409
|
return tab.key === scrolledKey;
|
|
411
410
|
});
|
|
411
|
+
var key;
|
|
412
412
|
if (type === 'left') {
|
|
413
|
-
|
|
414
|
-
return;
|
|
415
|
-
}
|
|
416
|
-
var targetIndex = index - step * 2 <= 0 ? 0 : index - step * 2;
|
|
417
|
-
scrollToTab(tabs[targetIndex].key);
|
|
418
|
-
setScrolledKey(tabs[targetIndex].key);
|
|
413
|
+
key = tabs[index - 1 <= 0 ? 0 : index - 1].key;
|
|
419
414
|
} else {
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
415
|
+
key = tabs[index + 1 > tabs.length - 1 ? tabs.length - 1 : index + 1].key;
|
|
416
|
+
}
|
|
417
|
+
setScrolledKey(key);
|
|
418
|
+
var tabOffset = tabOffsets.get(key) || {
|
|
419
|
+
width: 0,
|
|
420
|
+
height: 0,
|
|
421
|
+
left: 0,
|
|
422
|
+
right: 0,
|
|
423
|
+
top: 0
|
|
424
|
+
};
|
|
425
|
+
var newTransform = transformLeft;
|
|
426
|
+
if (type === 'left') {
|
|
427
|
+
newTransform = transformLeft + tabOffset.width + 16;
|
|
428
|
+
} else {
|
|
429
|
+
newTransform = transformLeft - tabOffset.width - 16;
|
|
426
430
|
}
|
|
431
|
+
setTransformLeft(alignInRange(newTransform));
|
|
427
432
|
};
|
|
428
433
|
var moreLeftNode = mobile ? null : /*#__PURE__*/React.createElement("button", {
|
|
429
434
|
type: "button",
|
|
@@ -115,9 +115,7 @@ var TargetList = function TargetList(props) {
|
|
|
115
115
|
}, function (data) {
|
|
116
116
|
return getTargetItem(data);
|
|
117
117
|
}), !virtual && filterSource.map(function (data) {
|
|
118
|
-
return getTargetItem(
|
|
119
|
-
item: data
|
|
120
|
-
});
|
|
118
|
+
return getTargetItem(data);
|
|
121
119
|
}));
|
|
122
120
|
};
|
|
123
121
|
export default TargetList;
|
|
@@ -326,7 +326,7 @@ function TabNavList(props, ref) {
|
|
|
326
326
|
var btnNode = getBtnRef(key).current;
|
|
327
327
|
if (btnNode) {
|
|
328
328
|
newSizes.set(key, {
|
|
329
|
-
width: btnNode.offsetWidth
|
|
329
|
+
width: btnNode.offsetWidth,
|
|
330
330
|
height: btnNode.offsetHeight,
|
|
331
331
|
left: btnNode.offsetLeft + 16,
|
|
332
332
|
top: btnNode.offsetTop
|
|
@@ -414,25 +414,30 @@ function TabNavList(props, ref) {
|
|
|
414
414
|
moreStyle.order = 1;
|
|
415
415
|
}
|
|
416
416
|
var onMoreClick = function onMoreClick(type) {
|
|
417
|
-
var step = tabs.length - tabs.length || 1;
|
|
418
417
|
var index = (0, _findIndex["default"])(tabs, function (tab) {
|
|
419
418
|
return tab.key === scrolledKey;
|
|
420
419
|
});
|
|
420
|
+
var key;
|
|
421
421
|
if (type === 'left') {
|
|
422
|
-
|
|
423
|
-
return;
|
|
424
|
-
}
|
|
425
|
-
var targetIndex = index - step * 2 <= 0 ? 0 : index - step * 2;
|
|
426
|
-
scrollToTab(tabs[targetIndex].key);
|
|
427
|
-
setScrolledKey(tabs[targetIndex].key);
|
|
422
|
+
key = tabs[index - 1 <= 0 ? 0 : index - 1].key;
|
|
428
423
|
} else {
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
424
|
+
key = tabs[index + 1 > tabs.length - 1 ? tabs.length - 1 : index + 1].key;
|
|
425
|
+
}
|
|
426
|
+
setScrolledKey(key);
|
|
427
|
+
var tabOffset = tabOffsets.get(key) || {
|
|
428
|
+
width: 0,
|
|
429
|
+
height: 0,
|
|
430
|
+
left: 0,
|
|
431
|
+
right: 0,
|
|
432
|
+
top: 0
|
|
433
|
+
};
|
|
434
|
+
var newTransform = transformLeft;
|
|
435
|
+
if (type === 'left') {
|
|
436
|
+
newTransform = transformLeft + tabOffset.width + 16;
|
|
437
|
+
} else {
|
|
438
|
+
newTransform = transformLeft - tabOffset.width - 16;
|
|
435
439
|
}
|
|
440
|
+
setTransformLeft(alignInRange(newTransform));
|
|
436
441
|
};
|
|
437
442
|
var moreLeftNode = mobile ? null : /*#__PURE__*/React.createElement("button", {
|
|
438
443
|
type: "button",
|
|
@@ -126,9 +126,7 @@ var TargetList = function TargetList(props) {
|
|
|
126
126
|
}, function (data) {
|
|
127
127
|
return getTargetItem(data);
|
|
128
128
|
}), !virtual && filterSource.map(function (data) {
|
|
129
|
-
return getTargetItem(
|
|
130
|
-
item: data
|
|
131
|
-
});
|
|
129
|
+
return getTargetItem(data);
|
|
132
130
|
}));
|
|
133
131
|
};
|
|
134
132
|
var _default = TargetList;
|