@sheinx/base 3.9.6 → 3.9.7-beta.1

package/cjs/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAqItC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAsItC,wBAAqC"}

package/cjs/tabs/tab.js

@@ -91,9 +91,9 @@ var Tab = function Tab(props, _ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  var containerProps = _objectSpread(_objectSpread({
+  var containerProps = _objectSpread(_objectSpread(_objectSpread({
     className: tabClass
-  }, getStateProps()), {}, {
+  }, getStateProps()), _hooks.util.extractProps(props, "data-attr")), {}, {
     style: style,
     onClick: handleClick,
     ref: _ref,

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAmEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAoEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs-panel.js

@@ -41,14 +41,14 @@ var TabsPanel = function TabsPanel(props) {
   var isActive = active === id;
   var keekAlive = (0, _react.useRef)(false);
   (0, _react.useLayoutEffect)(function () {
-    var tabData = {
+    var tabData = _objectSpread({
       id: id,
       tab: tab,
       disabled: props.disabled,
       jssStyle: jssStyle,
       background: shape !== 'button' && shape !== 'fill' ? background : undefined,
       color: props.color || (active === id ? color : undefined)
-    };
+    }, _hooks.util.extractProps(props, 'data-attr'));
     setTabs(function (prev) {
       var oldTab = prev.find(function (item) {
         return item.id === id;

package/esm/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAqItC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAsItC,wBAAqC"}

package/esm/tabs/tab.js

@@ -86,9 +86,9 @@ var Tab = function Tab(props, _ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  var containerProps = _objectSpread(_objectSpread({
+  var containerProps = _objectSpread(_objectSpread(_objectSpread({
     className: tabClass
-  }, getStateProps()), {}, {
+  }, getStateProps()), util.extractProps(props, "data-attr")), {}, {
     style: style,
     onClick: handleClick,
     ref: _ref,

package/esm/tabs/tabs-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAmEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAoEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tabs/tabs-panel.js

@@ -12,7 +12,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import classNames from 'classnames';
 import { useLayoutEffect, useRef } from 'react';
-import { useTabsContext } from '@sheinx/hooks';
+import { useTabsContext, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 var TabsPanel = function TabsPanel(props) {
   var _jssStyle$tabs;
@@ -34,14 +34,14 @@ var TabsPanel = function TabsPanel(props) {
   var isActive = active === id;
   var keekAlive = useRef(false);
   useLayoutEffect(function () {
-    var tabData = {
+    var tabData = _objectSpread({
       id: id,
       tab: tab,
       disabled: props.disabled,
       jssStyle: jssStyle,
       background: shape !== 'button' && shape !== 'fill' ? background : undefined,
       color: props.color || (active === id ? color : undefined)
-    };
+    }, util.extractProps(props, 'data-attr'));
     setTabs(function (prev) {
       var oldTab = prev.find(function (item) {
         return item.id === id;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.9.6",
+  "version": "3.9.7-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.9.6",
+    "@sheinx/hooks": "3.9.7-beta.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.3.3"