shineout 3.4.2-beta.6 → 3.4.2-fix.1

package/cjs/index.js

@@ -492,5 +492,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.4.2-beta.6'
+  version: '3.4.2-fix.1'
 };

package/dist/shineout.js

@@ -11991,7 +11991,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.4.2-beta.6');
+/* harmony default export */ var version = ('3.4.2-fix.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -32458,19 +32458,18 @@ function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.timer) {
-      clearTimeout(context.timer);
-      context.timer = null;
-    }
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (delay && control && props.value !== stateValue) {
       changeStateValue(props.value);
+    } else if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
     }
   }, [props.value, delay, control]);
   var forceDelayChange = use_persist_fn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }
@@ -59438,24 +59437,42 @@ var TabsHeader = function TabsHeader(props) {
     var single = isRtl && !isVertical ? -1 : 1;
     setTransform(delta + headerRef.current.clientWidth * single);
   };
-  var renderHeaderScrollBar = function renderHeaderScrollBar() {
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+      offsetTop: 0,
+      offsetLeft: 0
+    }),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    currentTabOffset = _useState4[0],
+    setCurrentTabOffset = _useState4[1];
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    currentTabRect = _useState6[0],
+    setCurrentTabRect = _useState6[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     var _currentTab$getBoundi;
     if (shape !== 'line' && shape !== 'dash') return;
     var currentTab = tabRef.current[active];
-    if (!currentTab) return;
+    setCurrentTabOffset({
+      offsetTop: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetTop) || 0,
+      offsetLeft: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetLeft) || 0
+    });
     var currentTabRect = currentTab === null || currentTab === void 0 || (_currentTab$getBoundi = currentTab.getBoundingClientRect) === null || _currentTab$getBoundi === void 0 ? void 0 : _currentTab$getBoundi.call(currentTab);
+    setCurrentTabRect(currentTabRect);
+  }, [active]);
+  var renderHeaderScrollBar = function renderHeaderScrollBar() {
+    if (shape !== 'line' && shape !== 'dash') return;
     if (!currentTabRect) return;
     var scrollBarStyle = isVertical ? {
       right: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('left') ? 0 : 'auto',
       left: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('right') ? 0 : 'auto',
-      top: currentTab.offsetTop + currentTabRect.height / 2,
+      top: currentTabOffset.offsetTop + currentTabRect.height / 2,
       height: shape === 'line' ? currentTabRect.height : 24,
       width: 2,
       transform: 'translateY(-50%)'
     } : {
       bottom: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('top') ? 0 : 'auto',
       top: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('bottom') ? 0 : 'auto',
-      left: currentTab.offsetLeft + currentTabRect.width / 2,
+      left: currentTabOffset.offsetLeft + currentTabRect.width / 2,
       width: shape === 'line' ? currentTabRect.width : 24,
       height: 2,
       transform: 'translateX(-50%)'
@@ -65102,7 +65119,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.2-beta.6'
+  version: '3.4.2-fix.1'
 });
 }();
 /******/ 	return __webpack_exports__;