@sheinx/base 3.5.8-beta.13 → 3.5.8-beta.15

package/cjs/breadcrumb/breadcrumb.js

@@ -43,6 +43,7 @@ var Breadcrumb = function Breadcrumb(props) {
         if (d.url) _props.href = d.url;
         item = /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, _props), {}, {
           className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
+          role: "button",
           children: [d.icon, d.icon && d.title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
             children: "\xA0"
           }), d.title]

package/cjs/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA+H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAkI7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -48,6 +48,7 @@ var Descriptions = function Descriptions(props) {
     renderItem = _useDescriptions.renderItem;
   var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 || (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
   var Header = function Header() {
+    if (!title && !extra) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
       children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/cjs/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA0O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA2O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdownIn.js

@@ -202,6 +202,7 @@ var Dropdown = function Dropdown(props) {
         className: (0, _classnames.default)(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
         style: {
           width: width,
+          minWidth: 90,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
         },
         type: 'fade',

package/cjs/tabs/tabs.js

@@ -147,7 +147,7 @@ var Tabs = function Tabs(props) {
     var nextCollapse = !collapse;
     setCollapse(nextCollapse);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useLayoutEffect)(function () {
     if (!panelRef.current) return;
     if (collapsible) {
       if (collapse) {

package/esm/breadcrumb/breadcrumb.js

@@ -38,6 +38,7 @@ var Breadcrumb = function Breadcrumb(props) {
         if (d.url) _props.href = d.url;
         item = /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, _props), {}, {
           className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
+          role: "button",
           children: [d.icon, d.icon && d.title && /*#__PURE__*/_jsx(_Fragment, {
             children: "\xA0"
           }), d.title]

package/esm/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA+H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAGlF,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAkI7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/descriptions/descriptions.js

@@ -40,6 +40,7 @@ var Descriptions = function Descriptions(props) {
     renderItem = _useDescriptions.renderItem;
   var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 || (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
   var Header = function Header() {
+    if (!title && !extra) return null;
     return /*#__PURE__*/_jsxs("div", {
       className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
       children: [title && /*#__PURE__*/_jsx("div", {

package/esm/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA0O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA2O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdownIn.js

@@ -196,6 +196,7 @@ var Dropdown = function Dropdown(props) {
         className: classNames(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
         style: {
           width: width,
+          minWidth: 90,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
         },
         type: 'fade',

package/esm/tabs/tabs.js

@@ -13,7 +13,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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { Children, cloneElement, useEffect, useRef, useState } from 'react';
+import React, { Children, cloneElement, useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { useTabs, util } from '@sheinx/hooks';
 import TabsPanel from "./tabs-panel";
@@ -140,7 +140,7 @@ var Tabs = function Tabs(props) {
     var nextCollapse = !collapse;
     setCollapse(nextCollapse);
   };
-  useEffect(function () {
+  useLayoutEffect(function () {
     if (!panelRef.current) return;
     if (collapsible) {
       if (collapse) {

package/package.json

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