@sheinx/base 3.0.0-alpha.31 → 3.0.0-alpha.32

package/esm/table/tr.js

@@ -1,36 +1,24 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.array.filter.js");
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@sheinx/hooks");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _radio = _interopRequireDefault(require("../radio"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 React, { useEffect, useRef } from 'react';
+import { usePersistFn, util } from '@sheinx/hooks';
+import classNames from 'classnames';
+import Icons from "../icons";
+import Checkbox from "../checkbox";
+import Radio from "../radio";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var Tr = function Tr(props) {
   var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
   var treeFunc = props.treeFunc;
-  var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
-  var trRef = (0, _react.useRef)(null);
-  var expandRef = (0, _react.useRef)(null);
+  var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
+  var trRef = useRef(null);
+  var expandRef = useRef(null);
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     if (!props.isScrollX) return;
     if (fixed === 'left') {
@@ -68,7 +56,7 @@ var Tr = function Tr(props) {
     var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
     return _objectSpread(_objectSpread({}, column.style), fixedStyle);
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (props.setRowHeight && trRef.current) {
       var expandHeight = expandRef.current ? expandRef.current.offsetHeight : 0;
       props.setRowHeight(props.rowIndex, trRef.current.offsetHeight + expandHeight);
@@ -81,7 +69,7 @@ var Tr = function Tr(props) {
     var children = props.rawData[props.treeColumnsName];
     var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
     if (!children || children.length === 0 && !props.treeEmptyExpand) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      return /*#__PURE__*/_jsx("span", {
         className: className,
         style: {
           marginLeft: level * treeIndent,
@@ -90,19 +78,19 @@ var Tr = function Tr(props) {
         children: content
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    return /*#__PURE__*/_jsxs("span", {
       className: className,
       style: {
         marginLeft: level * treeIndent
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
+        children: /*#__PURE__*/_jsx("span", {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
           onClick: function onClick() {
             treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
           },
-          children: isExpanded ? _icons.default.Expand : _icons.default.OdecShrink
+          children: isExpanded ? Icons.table.Expand : Icons.table.Collapse
         })
       }), content]
     });
@@ -114,20 +102,20 @@ var Tr = function Tr(props) {
       var clickEvent = col.type === 'expand' ? function () {
         props.handleExpandClick(col, props.rawData, props.rowIndex);
       } : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIconWrapper),
+      return /*#__PURE__*/_jsx("div", {
+        className: classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIconWrapper),
         onClick: clickEvent,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
-          children: props.expanded ? _icons.default.Expand : _icons.default.OdecShrink
+          children: props.expanded ? Icons.table.Expand : Icons.table.Collapse
         })
       });
     }
     if (col.type === 'checkbox') {
       if (props.radio) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        return /*#__PURE__*/_jsx("div", {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
+          children: /*#__PURE__*/_jsx(Radio, {
             jssStyle: props.jssStyle,
             style: {
               margin: 0
@@ -144,9 +132,9 @@ var Tr = function Tr(props) {
           })
         });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/_jsx("div", {
         className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+        children: /*#__PURE__*/_jsx(Checkbox, {
           jssStyle: props.jssStyle,
           disabled: props.disabled,
           style: {
@@ -167,7 +155,7 @@ var Tr = function Tr(props) {
         })
       });
     }
-    var content = _hooks.util.render(col.render, data, props.rowIndex);
+    var content = util.render(col.render, data, props.rowIndex);
     if (col.treeColumnsName) {
       return renderTreeExpand(content, col.treeIndent);
     }
@@ -180,12 +168,12 @@ var Tr = function Tr(props) {
     var _loop = function _loop(i) {
       if (skip > 0) {
         skip--;
-        return "continue";
+        return 1; // continue
       }
       var col = cols[i];
       if (data[i]) {
         var last = cols[i + (data[i].colSpan || 1) - 1] || {};
-        var td = /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        var td = /*#__PURE__*/_jsx("td", {
           colSpan: data[i].colSpan,
           rowSpan: data[i].rowSpan,
           onMouseEnter: function onMouseEnter() {
@@ -194,7 +182,7 @@ var Tr = function Tr(props) {
           onMouseLeave: function onMouseLeave() {
             props.handleCellHover(-1, 0);
           },
-          className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
+          className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
           children: renderContent(col, data[i].data)
         }, col.key);
@@ -203,8 +191,7 @@ var Tr = function Tr(props) {
       }
     };
     for (var i = 0; i < cols.length; i++) {
-      var _ret = _loop(i);
-      if (_ret === "continue") continue;
+      if (_loop(i)) continue;
     }
     return tds;
   };
@@ -214,10 +201,10 @@ var Tr = function Tr(props) {
     if (expandCol && typeof expandCol.render === 'function') {
       var renderFunc = expandCol.render(props.rawData, props.rowIndex);
       if (typeof renderFunc === 'function') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        return /*#__PURE__*/_jsx("tr", {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowExpand,
           ref: expandRef,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+          children: /*#__PURE__*/_jsx("td", {
             className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder,
             colSpan: props.columns.length,
             style: {
@@ -229,7 +216,7 @@ var Tr = function Tr(props) {
       }
     }
   };
-  var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
+  var handleRowClick = usePersistFn(function (e) {
     var target = e.target;
     var _props$rowClickAttr = props.rowClickAttr,
       rowClickAttr = _props$rowClickAttr === void 0 ? ['*'] : _props$rowClickAttr,
@@ -253,15 +240,14 @@ var Tr = function Tr(props) {
       props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("tr", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("tr", _objectSpread(_objectSpread({
       ref: trRef,
-      className: (0, _classnames.default)(props === null || props === void 0 ? void 0 : (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked))
+      className: classNames(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked))
     }, props.rowEvents), {}, {
       onClick: handleRowClick,
       children: renderTds(props.columns, props.row)
     })), renderExpand()]
   });
 };
-var _default = Tr;
-exports.default = _default;
+export default Tr;

package/esm/table/use-table-select.js

@@ -1,22 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.index-of.js");
-require("core-js/modules/es.array.slice.js");
-var _hooks = require("@sheinx/hooks");
-var _react = require("react");
-var isMacOS = _hooks.util.isMacOS,
-  isFirefox = _hooks.util.isFirefox,
-  ready = _hooks.util.ready,
-  getParent = _hooks.util.getParent;
-var selectAttribute = _hooks.util.getDataAttributeName("table-selection");
-var tableAttribute = _hooks.util.getDataAttributeName("table");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 { util, usePersistFn } from '@sheinx/hooks';
+import { useEffect, useRef } from 'react';
+var isMacOS = util.isMacOS,
+  isFirefox = util.isFirefox,
+  ready = util.ready,
+  getParent = util.getParent;
+var selectAttribute = util.getDataAttributeName("table-selection");
+var tableAttribute = util.getDataAttributeName("table");
 var tdSelect = "td[".concat(selectAttribute, "]");
 var instanceNum = 0;
 function isEventCombination(event) {
@@ -155,7 +148,7 @@ ready(function () {
   document.addEventListener('keydown', handleKeyDown);
 });
 var useTableSelect = function useTableSelect(props) {
-  var _useRef = (0, _react.useRef)({
+  var _useRef = useRef({
       isFirefox: isFirefox(),
       move: false,
       prevDom: null,
@@ -163,7 +156,7 @@ var useTableSelect = function useTableSelect(props) {
       cancel: function cancel() {}
     }),
     context = _useRef.current;
-  var handleMouseDown = (0, _hooks.usePersistFn)(function (e) {
+  var handleMouseDown = usePersistFn(function (e) {
     if (!props.cellSelectable) return;
     if (context.isFirefox) return;
     if (!isEventCombination(e)) return;
@@ -179,7 +172,7 @@ var useTableSelect = function useTableSelect(props) {
     context.cache.yIndex = yIndex;
     context.cache.dom = td;
   });
-  var handleMouseMove = (0, _hooks.usePersistFn)(function (event) {
+  var handleMouseMove = usePersistFn(function (event) {
     if (!props.cellSelectable) return;
     if (context.isFirefox) return;
     if (!context.move) return;
@@ -191,7 +184,7 @@ var useTableSelect = function useTableSelect(props) {
     removeSelectAttribute();
     bulkAddSelectionClass(td, context.cache);
   });
-  var handleMouseUp = (0, _hooks.usePersistFn)(function (event) {
+  var handleMouseUp = usePersistFn(function (event) {
     if (!props.cellSelectable) return;
     if (context.isFirefox) return;
     if (!isEventCombination(event)) return;
@@ -214,7 +207,7 @@ var useTableSelect = function useTableSelect(props) {
     context.cache = {};
     context.move = false;
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!context.isFirefox && props.cellSelectable) {
       document.addEventListener('click', docClick);
       instanceNum += 1;
@@ -226,14 +219,12 @@ var useTableSelect = function useTableSelect(props) {
       }
     };
   }, [props.cellSelectable]);
-  var getTableProps = (0, _hooks.usePersistFn)(function () {
-    var _ref;
+  var getTableProps = usePersistFn(function () {
     if (!props.cellSelectable) return {};
-    return _ref = {}, (0, _defineProperty2.default)(_ref, tableAttribute, 'true'), (0, _defineProperty2.default)(_ref, "onMouseDown", handleMouseDown), (0, _defineProperty2.default)(_ref, "onMouseMove", handleMouseMove), (0, _defineProperty2.default)(_ref, "onMouseUp", handleMouseUp), _ref;
+    return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, tableAttribute, 'true'), "onMouseDown", handleMouseDown), "onMouseMove", handleMouseMove), "onMouseUp", handleMouseUp);
   });
   return {
     getTableProps: getTableProps
   };
 };
-var _default = useTableSelect;
-exports.default = _default;
+export default useTableSelect;

package/esm/tabs/index.js

@@ -1,27 +1,3 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function get() {
-    return _tabs.default;
-  }
-});
-Object.defineProperty(exports, "TabsPanel", {
-  enumerable: true,
-  get: function get() {
-    return _tabsPanel.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _tabs.default;
-  }
-});
-var _tabs = _interopRequireDefault(require("./tabs"));
-var _tabsPanel = _interopRequireDefault(require("./tabs-panel"));
+export { default, default as Tabs } from "./tabs";
+export { default as TabsPanel } from "./tabs-panel";

package/esm/tabs/tab.js

@@ -1,21 +1,15 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _button = _interopRequireDefault(require("../button"));
-var _hooks = require("@sheinx/hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 React from 'react';
+import classNames from 'classnames';
+import Button from "../button";
+import { useTabsContext, util } from '@sheinx/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
@@ -23,46 +17,46 @@ var Tab = function Tab(props, ref) {
     disabled = props.disabled,
     id = props.id,
     color = props.color;
-  var _useTabsContext = (0, _hooks.useTabsContext)(),
+  var _useTabsContext = useTabsContext(),
     active = _useTabsContext.active,
     _useTabsContext$shape = _useTabsContext.shape,
     shape = _useTabsContext$shape === void 0 ? 'card' : _useTabsContext$shape,
     onChange = _useTabsContext.onChange,
     activeBackground = _useTabsContext.activeBackground,
     inactiveBackground = _useTabsContext.inactiveBackground;
-  var tabsStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
+  var tabsStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
-  var tabClass = (0, _classnames.default)(tabsStyle.tab, {});
+  var tabClass = classNames(tabsStyle.tab, {});
   var isActive = active === id;
   var getStateProps = function getStateProps() {
     var stateProps = [];
     if (isActive) stateProps.push('active');
     if (disabled) stateProps.push('disabled');
-    return _hooks.util.getDataAttribute({
+    return util.getDataAttribute({
       state: stateProps.join(' ')
     });
   };
   var handleClick = function handleClick() {
     if (disabled) return;
-    onChange === null || onChange === void 0 ? void 0 : onChange(id);
+    onChange === null || onChange === void 0 || onChange(id);
   };
   var renderCardTab = function renderCardTab() {
     return tab;
   };
   var renderLineTab = function renderLineTab() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: tabsStyle.lineInner,
       children: tab
     });
   };
   var renderDashTab = function renderDashTab() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: tabsStyle.lineInner,
       children: tab
     });
   };
   var renderFillTab = function renderFillTab() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: tabsStyle.fillInner,
       children: tab
     });
@@ -77,7 +71,7 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  if (shape === 'button') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, _objectSpread(_objectSpread({
+  if (shape === 'button') return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
     className: tabClass,
     jssStyle: {
       button: buttonStyle
@@ -89,7 +83,7 @@ var Tab = function Tab(props, ref) {
     onClick: handleClick,
     children: tab
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
@@ -98,5 +92,4 @@ var Tab = function Tab(props, ref) {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
   }));
 };
-var _default = /*#__PURE__*/_react.default.forwardRef(Tab);
-exports.default = _default;
+export default /*#__PURE__*/React.forwardRef(Tab);

package/esm/tabs/tab.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};