shineout 3.5.5-beta.5 → 3.5.5-beta.6

package/cjs/index.js

@@ -507,5 +507,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.5.5-beta.5'
+  version: '3.5.5-beta.6'
 };

package/cjs/tabs/tabs-panel.type.d.ts

@@ -3,4 +3,4 @@ import { TabsPanelProps as UnStyleTabsPanelProps } from '@sheinx/base';
  * @title Tabs.Panel
  * @sort 2
  */
-export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible' | 'setTabs' | 'tabs'>;
+export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible' | 'setTabs' | 'tabs' | 'index'>;

package/dist/shineout.js

@@ -12040,7 +12040,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.5.5-beta.5');
+/* harmony default export */ var version = ('3.5.5-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -61113,6 +61113,7 @@ var TabsPanel = function TabsPanel(props) {
   var _jssStyle$tabs;
   var children = props.children,
     id = props.id,
+    indexInTabs = props.index,
     tab = props.tab,
     className = props.className,
     style = props.style,
@@ -61134,16 +61135,22 @@ var TabsPanel = function TabsPanel(props) {
       color: props.color || (active === id ? color : undefined)
     };
     setTabs(function (prev) {
-      var prevTab = prev.find(function (item) {
+      var oldTab = prev.find(function (item) {
         return item.id === id;
       });
-      if (prevTab) {
+      if (oldTab) {
         return prev.map(function (item) {
           if (item.id !== id) return item;
           return objectSpread2_default()(objectSpread2_default()({}, item), tabData);
         });
       }
-      return [].concat(toConsumableArray_default()(prev), [tabData]);
+      if (indexInTabs === undefined) {
+        return [].concat(toConsumableArray_default()(prev), [tabData]);
+      }
+
+      // 向indexInTabs位置插入tabData
+      var newTabs = [].concat(toConsumableArray_default()(prev.slice(0, indexInTabs)), [tabData], toConsumableArray_default()(prev.slice(indexInTabs)));
+      return newTabs;
     });
     return function () {
       // Panel卸载了通知父组件，去销毁相应的TabsHeader
@@ -61153,7 +61160,7 @@ var TabsPanel = function TabsPanel(props) {
         });
       });
     };
-  }, [id, tab, color].concat(toConsumableArray_default()(color ? [active] : []), [props.disabled, props.jssStyle]));
+  }, [id, tab, color, active, props.disabled, props.jssStyle]);
   if (!isActive && lazy && !keekAlive.current) {
     return null;
   }
@@ -61489,14 +61496,9 @@ var TabsHeader = function TabsHeader(props) {
     extra = props.extra,
     splitColor = props.splitColor,
     tabBarStyle = props.tabBarStyle,
-    getPosition = props.getPosition,
-    sticky = props.sticky;
+    getPosition = props.getPosition;
   var headerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    loaded = _useState2[0],
-    setLoaded = _useState2[1];
   var tabRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
   var _useTabsContext = useTabsContext(),
     shape = _useTabsContext.shape,
@@ -61505,11 +61507,6 @@ var TabsHeader = function TabsHeader(props) {
     active = _useTabsContext.active;
   var config = useConfig();
   var isRtl = config.direction === 'rtl';
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (sticky && headerRef.current && scrollRef.current && !loaded) {
-      setLoaded(true);
-    }
-  }, [loaded, sticky]);
   var _useTransform = use_transform({
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
@@ -61571,17 +61568,17 @@ var TabsHeader = function TabsHeader(props) {
     var single = isRtl && !isVertical ? -1 : 1;
     setTransform(delta + headerRef.current.clientWidth * single);
   };
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
       offsetTop: 0,
       offsetLeft: 0
     }),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    currentTabOffset = _useState2[0],
+    setCurrentTabOffset = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
     _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];
+    currentTabRect = _useState4[0],
+    setCurrentTabRect = _useState4[1];
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     var _currentTab$getBoundi;
     if (shape !== 'line' && shape !== 'dash') return;
@@ -61877,7 +61874,8 @@ var Tabs = function Tabs(props) {
         var Child = child;
         if (tabs_isNamedComponent(Child.type) && Child.type.displayName === 'ShineoutTabsPanel') {
           return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
-            id: Child.props.id !== undefined ? Child.props.id : index
+            id: Child.props.id !== undefined ? Child.props.id : index,
+            index: index
           });
         }
         if (allowNonPanel) {
@@ -67184,7 +67182,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.5-beta.5'
+  version: '3.5.5-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;