@hi-ui/tabs 4.0.7 → 4.0.8

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/lib/cjs/TabList.js +6 -6
  3. package/lib/esm/TabList.js +6 -6
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @hi-ui/tabs
2
2
 
3
+ ## 4.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - 问题修复: 在 tab 过多滚动场景下，如果选中的 tab 在最左侧，点击右箭头时无效果
8
+
9
+ - Updated dependencies [[`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117)]:
10
+ - @hi-ui/icons@4.0.6
11
+
3
12
  ## 4.0.7
4
13
 
5
14
  ### Patch Changes
package/lib/cjs/TabList.js CHANGED
@@ -150,7 +150,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
150
150
  var innerSize = getClientSize(innerElement);
151
151
  resizeScroll(scrollSize, innerSize); // 每次滚动容器大小改变后，需要同步更新滚动位置
152
152
 
153
- initScrollPosition();
153
+ initScrollPosition(activeId);
154
154
  }
155
155
  }
156
156
  });
@@ -203,9 +203,9 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
203
203
  }
204
204
  }
205
205
  }, [data, getClientSize, getTabOffset, innerElement, scrollElement, translatePos]);
206
- var initScrollPosition = React.useCallback(function () {
207
- activeId && syncScrollPosition(activeId);
208
- }, [activeId, syncScrollPosition]);
206
+ var initScrollPosition = useLatest.useLatestCallback(function (tabId) {
207
+ tabId && syncScrollPosition(tabId);
208
+ });
209
209
  var onClickTab = useLatest.useLatestCallback(function (tabId, event) {
210
210
  onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tabId, event);
211
211
  setActiveTabId(tabId);
@@ -213,8 +213,8 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
213
213
  });
214
214
  React.useEffect(function () {
215
215
  // activeId 受控模式下改变后，同步更新滚动位置
216
- activeId && syncScrollPosition(activeId);
217
- }, [activeId, syncScrollPosition]);
216
+ initScrollPosition(activeId);
217
+ }, [activeId, initScrollPosition]);
218
218
  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
219
219
  style: style,
220
220
  className: classname.cx(prefixCls + "__list", prefixCls + "__list--placement-" + direction, (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
package/lib/esm/TabList.js CHANGED
@@ -121,7 +121,7 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
121
121
  var innerSize = getClientSize(innerElement);
122
122
  resizeScroll(scrollSize, innerSize); // 每次滚动容器大小改变后，需要同步更新滚动位置
123
123
 
124
- initScrollPosition();
124
+ initScrollPosition(activeId);
125
125
  }
126
126
  }
127
127
  });
@@ -174,9 +174,9 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
174
174
  }
175
175
  }
176
176
  }, [data, getClientSize, getTabOffset, innerElement, scrollElement, translatePos]);
177
- var initScrollPosition = useCallback(function () {
178
- activeId && syncScrollPosition(activeId);
179
- }, [activeId, syncScrollPosition]);
177
+ var initScrollPosition = useLatestCallback(function (tabId) {
178
+ tabId && syncScrollPosition(tabId);
179
+ });
180
180
  var onClickTab = useLatestCallback(function (tabId, event) {
181
181
  onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tabId, event);
182
182
  setActiveTabId(tabId);
@@ -184,8 +184,8 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
184
184
  });
185
185
  useEffect(function () {
186
186
  // activeId 受控模式下改变后，同步更新滚动位置
187
- activeId && syncScrollPosition(activeId);
188
- }, [activeId, syncScrollPosition]);
187
+ initScrollPosition(activeId);
188
+ }, [activeId, initScrollPosition]);
189
189
  return /*#__PURE__*/React.createElement("div", Object.assign({
190
190
  style: style,
191
191
  className: cx(prefixCls + "__list", prefixCls + "__list--placement-" + direction, (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tabs",
3
- "version": "4.0.7",
3
+ "version": "4.0.8",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -46,7 +46,7 @@
46
46
  "@hi-ui/classname": "^4.0.1",
47
47
  "@hi-ui/env": "^4.0.1",
48
48
  "@hi-ui/icon-button": "^4.0.4",
49
- "@hi-ui/icons": "^4.0.4",
49
+ "@hi-ui/icons": "^4.0.6",
50
50
  "@hi-ui/react-utils": "^4.0.1",
51
51
  "@hi-ui/type-assertion": "^4.0.1",
52
52
  "@hi-ui/use-latest": "^4.0.1",