shineout 3.10.1-beta.3 → 3.10.1-beta.5

package/cjs/index.js

@@ -545,5 +545,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.10.1-beta.3'
+  version: '3.10.1-beta.5'
 };

package/dist/shineout.js

@@ -13686,7 +13686,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.10.1-beta.3');
+/* harmony default export */ var version = ('3.10.1-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16294,7 +16294,57 @@ var tabsTokens = {
   tabsExtraFillHoverBackgroundColor: 'Neutral-fill-3',
   tabsArrowFontColor: 'Neutral-text-4',
   tabsArrowFontSize: 'Font-14',
-  tabsBadgeMargin: 'Spacing-0'
+  tabsBadgeMargin: 'Spacing-0',
+  tabsSmallTabPaddingX: 'Spacing-10',
+  tabsSmallTabPaddingY: 'Spacing-5',
+  tabsSmallTabFontSize: 'Font-12',
+  tabsSmallLinePaddingX: 'Spacing-4',
+  tabsSmallLinePaddingTop: 'Spacing-4',
+  tabsSmallLinePaddingBottom: 'Spacing-4',
+  tabsSmallLineInnerPaddingX: 'Spacing-6',
+  tabsSmallLineInnerPaddingY: 'Spacing-2',
+  tabsSmallLineFontSize: 'Font-12',
+  tabsSmallLineCheckedFontSize: 'Font-12',
+  tabsSmallLineHoverFontSize: 'Font-12',
+  tabsSmallFillPaddingX: 'Spacing-2',
+  tabsSmallFillPaddingY: 'Spacing-2',
+  tabsSmallFillInnerPaddingX: 'Spacing-12',
+  tabsSmallFillInnerPaddingY: 'Spacing-3',
+  tabsSmallFillFontSize: 'Font-12',
+  tabsSmallFillActiveFontSize: 'Font-12',
+  tabsSmallFillCheckedFontSize: 'Font-12',
+  tabsSmallCardPaddingX: 'Spacing-10',
+  tabsSmallCardPaddingY: 'Spacing-5',
+  tabsSmallCardFontSize: 'Font-12',
+  tabsSmallCardActiveFontSize: 'Font-12',
+  tabsSmallCardCheckedFontSize: 'Font-12',
+  tabsSmallDashFontSize: 'Font-12',
+  tabsSmallDashActiveFontSize: 'Font-12',
+  tabsLargeTabPaddingX: 'Spacing-20',
+  tabsLargeTabPaddingY: 'Spacing-12',
+  tabsLargeTabFontSize: 'Font-16',
+  tabsLargeLinePaddingX: 'Spacing-12',
+  tabsLargeLinePaddingTop: 'Spacing-8',
+  tabsLargeLinePaddingBottom: 'Spacing-8',
+  tabsLargeLineInnerPaddingX: 'Spacing-12',
+  tabsLargeLineInnerPaddingY: 'Spacing-6',
+  tabsLargeLineFontSize: 'Font-16',
+  tabsLargeLineCheckedFontSize: 'Font-16',
+  tabsLargeLineHoverFontSize: 'Font-16',
+  tabsLargeFillPaddingX: 'Spacing-6',
+  tabsLargeFillPaddingY: 'Spacing-6',
+  tabsLargeFillInnerPaddingX: 'Spacing-20',
+  tabsLargeFillInnerPaddingY: 'Spacing-7',
+  tabsLargeFillFontSize: 'Font-16',
+  tabsLargeFillActiveFontSize: 'Font-16',
+  tabsLargeFillCheckedFontSize: 'Font-16',
+  tabsLargeCardPaddingX: 'Spacing-20',
+  tabsLargeCardPaddingY: 'Spacing-12',
+  tabsLargeCardFontSize: 'Font-16',
+  tabsLargeCardActiveFontSize: 'Font-16',
+  tabsLargeCardCheckedFontSize: 'Font-16',
+  tabsLargeDashFontSize: 'Font-16',
+  tabsLargeDashActiveFontSize: 'Font-16'
 };
 /* harmony default export */ var tabs = (tabsTokens);
 ;// CONCATENATED MODULE: ../theme/src/tabs/index.ts
@@ -29716,7 +29766,99 @@ var tabsStyle = {
       }
     }
   },
-  sticky: {}
+  sticky: {},
+  small: {
+    '& $tab': {
+      fontSize: src.tabsSmallTabFontSize
+    },
+    // card
+    '& $headerWrapper[data-soui-shape="card"] $header $tab': {
+      padding: "".concat(src.tabsSmallCardPaddingY, " ").concat(src.tabsSmallCardPaddingX),
+      fontSize: src.tabsSmallCardFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsSmallCardCheckedFontSize
+      }
+    },
+    // line
+    '& $headerWrapper[data-soui-shape="line"] $header $tab': {
+      padding: "".concat(src.tabsSmallLinePaddingTop, " ").concat(src.tabsSmallLinePaddingX, " ").concat(src.tabsSmallLinePaddingBottom),
+      fontSize: src.tabsSmallLineFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsSmallLineCheckedFontSize
+      }
+    },
+    '& $lineInner': {
+      padding: "".concat(src.tabsSmallLineInnerPaddingY, " ").concat(src.tabsSmallLineInnerPaddingX)
+    },
+    // dash
+    '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
+      padding: "".concat(src.tabsSmallLinePaddingTop, " ").concat(src.tabsSmallLinePaddingX, " ").concat(src.tabsSmallLinePaddingBottom),
+      fontSize: src.tabsSmallDashFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsSmallDashActiveFontSize
+      }
+    },
+    // fill
+    '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
+      fontSize: src.tabsSmallFillFontSize,
+      padding: "".concat(src.tabsSmallFillPaddingY, " 0"),
+      '&:first-child': {
+        paddingLeft: src.tabsSmallFillPaddingX
+      },
+      '&:last-child': {
+        paddingRight: src.tabsSmallFillPaddingX
+      }
+    },
+    '& $fillInner': {
+      padding: "".concat(src.tabsSmallFillInnerPaddingY, " ").concat(src.tabsSmallFillInnerPaddingX)
+    }
+  },
+  large: {
+    '& $tab': {
+      fontSize: src.tabsLargeTabFontSize
+    },
+    // card
+    '& $headerWrapper[data-soui-shape="card"] $header $tab': {
+      padding: "".concat(src.tabsLargeCardPaddingY, " ").concat(src.tabsLargeCardPaddingX),
+      fontSize: src.tabsLargeCardFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsLargeCardCheckedFontSize
+      }
+    },
+    // line
+    '& $headerWrapper[data-soui-shape="line"] $header $tab': {
+      padding: "".concat(src.tabsLargeLinePaddingTop, " ").concat(src.tabsLargeLinePaddingX, " ").concat(src.tabsLargeLinePaddingBottom),
+      fontSize: src.tabsLargeLineFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsLargeLineCheckedFontSize
+      }
+    },
+    '& $lineInner': {
+      padding: "".concat(src.tabsLargeLineInnerPaddingY, " ").concat(src.tabsLargeLineInnerPaddingX)
+    },
+    // dash
+    '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
+      padding: "".concat(src.tabsLargeLinePaddingTop, " ").concat(src.tabsLargeLinePaddingX, " ").concat(src.tabsLargeLinePaddingBottom),
+      fontSize: src.tabsLargeDashFontSize,
+      '&[data-soui-state="active"]': {
+        fontSize: src.tabsLargeDashActiveFontSize
+      }
+    },
+    // fill
+    '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
+      fontSize: src.tabsLargeFillFontSize,
+      padding: "".concat(src.tabsLargeFillPaddingY, " 0"),
+      '&:first-child': {
+        paddingLeft: src.tabsLargeFillPaddingX
+      },
+      '&:last-child': {
+        paddingRight: src.tabsLargeFillPaddingX
+      }
+    },
+    '& $fillInner': {
+      padding: "".concat(src.tabsLargeFillInnerPaddingY, " ").concat(src.tabsLargeFillInnerPaddingX)
+    }
+  }
 };
 /* harmony default export */ var tabs_tabs = (tabsStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/tabs/index.ts
@@ -67494,6 +67636,21 @@ var useTableLayout = function useTableLayout(props) {
     for (var i = 0, count = items.length; i < count; i++) {
       _loop();
     }
+
+    // offsetWidth 返回整数（四舍五入），多列累加可能导致总和比表格实际渲染宽度大 1~N px，
+    // 这些多出的像素会让 table-layout:fixed 的表格撑宽，产生不必要的横向滚动条。
+    // 用 <table> 自身的 offsetWidth 作为基准，将取整溢出部分从最后一列减去。
+    if (target.current && newCols.length > 0) {
+      var tableRenderedWidth = target.current.offsetWidth;
+      var measuredSum = newCols.reduce(function (a, b) {
+        return a + b;
+      }, 0);
+      var excess = measuredSum - tableRenderedWidth;
+      // 仅修正取整误差范围内的溢出（最多每列 1px）
+      if (tableRenderedWidth > 0 && excess > 0 && excess <= items.length) {
+        newCols[newCols.length - 1] -= excess;
+      }
+    }
     if (fromDrag && props.columnResizable) {
       var widthArr = toConsumableArray_default()(newCols);
       if (typeof props.width === 'number') {
@@ -71578,6 +71735,7 @@ var TabsHeader = function TabsHeader(props) {
     splitColor = props.splitColor,
     tabBarStyle = props.tabBarStyle,
     getPosition = props.getPosition,
+    size = props.size,
     semClass = props.semClass,
     semStyle = props.semStyle;
   var headerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -71725,7 +71883,7 @@ var TabsHeader = function TabsHeader(props) {
         });
       }, 0);
     }
-  }, [active, tabs]);
+  }, [active, tabs, size]);
   var renderHeaderScrollBar = function renderHeaderScrollBar() {
     if (shape !== 'line' && shape !== 'dash') return;
     if (!currentTabSize.width || !currentTabSize.height) return;
@@ -71863,7 +72021,7 @@ var TabsHeader = function TabsHeader(props) {
 
 
 
-var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "allowNonPanel", "renderTabsHeader", "className", "classNames", "styles", "style"];
+var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "size", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "allowNonPanel", "renderTabsHeader", "className", "classNames", "styles", "style"];
 
 
 
@@ -71901,6 +72059,7 @@ var Tabs = function Tabs(props) {
     children = props.children,
     shapeProps = props.shape,
     position = props.position,
+    size = props.size,
     _props$lazy = props.lazy,
     lazy = _props$lazy === void 0 ? true : _props$lazy,
     autoFill = props.autoFill,
@@ -71957,7 +72116,7 @@ var Tabs = function Tabs(props) {
     _useSemantic2 = slicedToArray_default()(_useSemantic, 2),
     semClass = _useSemantic2[0],
     semStyle = _useSemantic2[1];
-  var rootClass = classnames_default()(tabsStyle.rootClass, tabsStyle.tabs, tabsClassName, defineProperty_default()(defineProperty_default()({}, tabsStyle.autoFill, isVertical || autoFill), tabsStyle.collapsed, collapse), semClass('root'));
+  var rootClass = classnames_default()(tabsStyle.rootClass, tabsStyle.tabs, tabsClassName, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tabsStyle.autoFill, isVertical || autoFill), tabsStyle.collapsed, collapse), tabsStyle.small, size === 'small'), tabsStyle.large, size === 'large'), semClass('root'));
   var getRootProps = function getRootProps() {
     return rest;
   };
@@ -71997,7 +72156,8 @@ var Tabs = function Tabs(props) {
   var getDataProps = function getDataProps() {
     return getDataAttribute({
       position: getPosition(),
-      shape: shape
+      shape: shape,
+      size: size || 'default'
     });
   };
   var handleCollapsible = function handleCollapsible() {
@@ -72071,6 +72231,7 @@ var Tabs = function Tabs(props) {
       align: align,
       jssStyle: jssStyle,
       position: position,
+      size: size,
       hideSplit: hideSplit,
       extra: getExtra(),
       splitColor: border,
@@ -79777,7 +79938,7 @@ var watermark_interface = __webpack_require__(6640);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.10.1-beta.3'
+  version: '3.10.1-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;