shineout 3.5.5-beta.4 → 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.4'
+  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.4');
+/* harmony default export */ var version = ('3.5.5-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -21467,7 +21467,8 @@ var setToken = function setToken(options) {
     _ref$selector = _ref.selector,
     selector = _ref$selector === void 0 ? 'body' : _ref$selector,
     target = _ref.target,
-    tokenName = _ref.tokenName,
+    _ref$tokenName = _ref.tokenName,
+    tokenName = _ref$tokenName === void 0 ? 'shineout-token' : _ref$tokenName,
     token = _ref.token,
     attributes = _ref.attributes,
     onlyExtra = _ref.onlyExtra,
@@ -21476,7 +21477,7 @@ var setToken = function setToken(options) {
   var _getConfig = getConfig(),
     prefix = _getConfig.prefix;
   if (typeof window === 'undefined') return;
-  var id = "__shineoutThemeStyleContainer__".concat(createHash(selector));
+  var id = "shineout-next-token-".concat(createHash(selector));
   var cacheTag = document.querySelector("[data-token-id=\"".concat(id, "\"]"));
   var tag = cacheTag || document.createElement(tagName);
   var tokens = [];
@@ -21599,8 +21600,6 @@ var scopeNormalizeStyle = function scopeNormalizeStyle() {
   appendNormalizeStyle(scopedStyleString, uniqueStyleId);
 };
 token_setter({
-  onlyExtra: true,
-  tokenName: 'shineout-extra',
   selector: 'html'
 });
 ;// CONCATENATED MODULE: ../shineout-style/src/pagination/pagination.ts
@@ -29679,7 +29678,7 @@ var usePositionStyle = function usePositionStyle(config) {
       style: hideStyle
     };
     var rect = context.parentRect;
-    if (scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current && (_scrollElRef$current = scrollElRef.current) !== null && _scrollElRef$current !== void 0 && _scrollElRef$current.contains(parentElRef.current)) {
+    if (!show && scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current && (_scrollElRef$current = scrollElRef.current) !== null && _scrollElRef$current !== void 0 && _scrollElRef$current.contains(parentElRef.current)) {
       var _scrollElRef$current2;
       var visibleRect = ((_scrollElRef$current2 = scrollElRef.current) === null || _scrollElRef$current2 === void 0 ? void 0 : _scrollElRef$current2.getBoundingClientRect()) || {};
       if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
@@ -61114,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,
@@ -61135,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
@@ -61154,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;
   }
@@ -61490,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,
@@ -61506,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',
@@ -61572,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;
@@ -61878,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) {
@@ -67185,7 +67182,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.5-beta.4'
+  version: '3.5.5-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;